/* Grace Baptist Church */

body#gbc {
	background-color : #6666cc;
	font-family: Verdana, lucida, Helvetica, Geneva, Arial, sans-serif;
	text-align : center;
	font-size : 100%;
}

div#header
{
	width : 700px;
	color : #ffffff;
	text-align : right;
	padding-bottom : 10px;
	background-image : url(./images/maintop.jpg);
	background-position : bottom;
	background-repeat : no-repeat;	
	font-size : 80%;	
}

div#banner
{
	width : 700px;
	height : 150px;
	background-color : #ffffff;
	background-image : url(./images/gbc_banner2.jpg);
	background-position : center;
	background-repeat : no-repeat;
	font-size : 100%;	
}

div#content
{
	width : 700px;
	background-color : #ffffcc;	
}

td.leftcontent
{
	width : 425px;
	vertical-align : top;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	font-size : 80%;	
	text-align : left;	
}

td.rightcontent
{
	width : 275px;
	vertical-align : top;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;		
	font-size : 80%;	
}

td.fullcontent
{
	width : 700px;
	vertical-align : top;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	font-size : 80%;
	text-align : left;			
}

td.ministry
{
	width : 300px;
	vertical-align : top;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;		
	font-size : 80%;	
}

td.itemtop
{
	width: 250px;
	background-image : url(./images/itemtop.gif);
	background-position : top;
	background-repeat : no-repeat;
	vertical-align : middle;
	background-color : #ccccff;
	text-align : center;
	font-weight : bolder;
	text-decoration : underline;
	font-size : 80%;	
}

td.itembottom
{
	width: 250px;
	background-image : url(./images/itembottom.gif);
	background-position : bottom;
	background-repeat : no-repeat;
	vertical-align :middle;
	background-color : #ccccff;
	font-size : 80%;	
}

td.upcoming
{
	width : 250px;
	font-size : 80%;
	text-align : justify;
}

td.audio
{
	font-size : 80%;
	text-align : justify;	
}
td.audiomonth
{
	font-size : 80%;
	text-align : center;
	font-weight : bold;
}
td.audioheading
{
	font-size : 80%;
	text-align : center;
	font-weight : bold;
	color : #cc66cc;
	font-style : italic;
}
td.elderphoto
{
	width: 200px;
	text-align : center;
	border-bottom : 1px solid Black;
}
td.elderdescription
{
	width: 400px;
	text-align : justify;
	border-bottom : 1px solid Black;	
	font-size : 80%;		
}

p.main
{
	text-align : justify;
	text-indent : 1em;
}
p.schedule
{
	
}
p.centerline
{
	text-align : center;
!	text-decoration : underline;
	clear : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;		
!	color: #6666cc;
}
p.left 
{
	text-align : left;
	clear : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;	
}
p.right
{
	text-align : right;
	clear : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
p.center
{
	text-align : center;
	clear : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
p.webelieve
{
	text-align : justify;
	text-indent : 1em;
	font-weight : bold;
	font-size : 100%;
}
p.address {
	text-align : justify;
	display : inline;
	padding-left : 5em;
	color : #0000ff;
}
p.nonaddress {
	text-align : justify;
	display : inline;
	padding-left : 5em;
	color : #000000;
	text-decoration : underline;
	font-weight : bold;
}
p.verse {
	text-align : right;
	font-style : italic;
}


h1.main{
!	font-variant : small-caps;
	font-weight : bold;
!	text-decoration : underline;
	letter-spacing : 0.1em;
	color : #cc66cc;
	text-align : center;
	font-size : 110%;		
}

h1.noshow {
	padding-left : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	display : none;
}

h1.ministries{
	font-variant : small-caps;
	font-weight : bold;
	text-decoration : underline;
	letter-spacing : 0.1em;
	color : #000000;
	text-align : center;
	font-size : 100%;		
}

h2.main {
	font-weight : bold;
	letter-spacing : 0.1em;
	color : #000000;
	font-size : 100%;		
}

h2.noshow {
	padding-left : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	display : none; 
}

h2.ministry{
	font-weight : bold;
	letter-spacing : 0.1em;
	color : #000000;
	font-size : 100%;
	text-decoration : underline;
}

img.noshow{
	display : none;
}
img.welcome{
	margin-left : 100px;
}
img.photo
{
	border: 2px solid #6666cc;
	padding: 0; 
	margin: 0;
}
ol.faith
{
	
}
li.belief
{
	list-style-type : decimal;
	text-align : justify;
	padding-bottom : 1em;
	padding-right : 1em;
}


div#footer
{
	width : 700px;
	color : #ffffff;
	text-align : center;
	font-style : italic;
	font-size : smaller;
	background-color : #6666cc;
	background-image : url(./images/mainbottom.jpg);
	background-position : top;
	background-repeat : no-repeat;
	padding-top : 20px;
	font-size : 60%;	
}

table.history {
	text-align : center;
	margin-left: 2em;
	margin-right: 2em;	
}
td.history_date {
	font-weight : bold;
	text-align : right;
	vertical-align : top;
	text-decoration : underline;
	border-bottom : 1px dotted #000000;
	font-size : 75%;
	color: #ff0000;
	width: 100px;
}
td.history_description {
	text-align : justify;
	vertical-align : top;
	padding-left: 1em;
	border-left : 1px solid #000000;
	border-bottom : 1px dotted #000000;
	font-size : 75%;
	width: 500px;
}

/* Main menu*/
div#gbc_menu {
	width: 700px;
	height: 2.5em;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #cc66cc;
	font-size : 75%;
	text-align : left;
}
div#gbc_menu a:visited {
	color: #000000; 
	text-decoration: none;
}
div#gbc_menu a:link {
	color: #000000; 
	text-decoration: none;
}
ul#mainmenu {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0.5em;
}
li.mainmenuitem {
	width: auto;
	border-right: #cc66cc 1px solid;
	border-left: #cc66cc 1px solid;
	border-top: #cc66cc 1px solid;
	border-bottom: 0px;	
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 0.7em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;			
	display: block;
	float: left;
	overflow: visible;
	font-weight: bold;	
}
ul.submenu {
	width: 19em; 
	border-right: #ff99ff 1px solid; 
	border-top: #ff99ff 1px solid; 	
	border-left: #ff99ff 1px solid; 
	border-bottom: #ff99ff 1px solid; 
	padding-top: 0em; 
	padding-right: 0em; 
	padding-left: 0em; 
	padding-bottom: 1px; 	
	margin: 0.5em 0em 0em -0.55em; 	
	display: none; 
	font-weight: normal; 
	background-color: #ff99ff; 
	list-style-type: none; 
	position: absolute;
}
ul.submenu a {
	height: 2em;
	border-right: #ff99ff 1px solid; 
	border-top: #ff99ff 1px solid; 
	border-left: #ff99ff 1px solid; 
	border-bottom: #ff99ff 1px solid; 
	padding-left: 0.5em; 
	padding-bottom: 0px;		
	padding-right: 0.5em; 
	padding-top: 0.5em; 
	display: block; 
 	margin: 0px; 
}
ul.submenu a:hover {
	border-right: #ff99ff 1px solid; 
	border-left: #ff99ff 1px solid; 
	background-color: #ffccff;
}
li.submenuitem {
	padding-right: 0em; 
	padding-left: 0em; 
	padding-bottom: 0em; 
	padding-top: 0em;	
	margin: 0em; 
}
p.not_available {
	height: 2em;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	padding-left: 0.5em;
	padding-bottom: 0px;
	padding-right: 0.5em;
	padding-top: 0.5em;
	display: block;
	margin: 0px;
	color : Gray;
	font-style : italic;
}
li.submenuitem a:link {
	color: #000000! important
}
li.submenuitem a:visited {
	color: #000000! important
}
ul.subsubmenu {
	padding-right: 0em; 
	padding-left: 0em; 
	padding-bottom: 0em; 
	padding-top: 0em; 
	margin: 0em; 
	list-style-type: none;
}
ul.subsubmenu a {
	padding-left: 2em;
}
li.subsubmenuitem {
	padding-right: 0em; 
	padding-left: 0em; 
	padding-bottom: 0em; 
	padding-top: 0em;
	margin: 0em; 
}
li.active {
	background: #ffffff;
}
li.active a:link {
	color: #000000! important
}
li.active a:visited {
	color: #000000! important
}
li.hover {
	background-color: #ff99ff; 
	border-bottom: 0px;
}
li.hover a:link {
	color: #000000! important
}
li.hover a:visited {
	color: #000000! important
}
li.inactive {
	background-color: #cc66cc;
}