/* Style sheet for Reformed Baptist Church Fort Worth
   Modified: 09.26.2014 */ 
   
a:link 		    { color:#3333FF; font-family: Tahoma; font-size: 12.0pt; text-decoration: none; }

a:visited			{ color:#3333FF; font-family: Tahoma; font-size: 12.0pt; text-decoration: none; }

a:hover				{ color:#CB6101; font-family: Tahoma; font-size: 12.0pt; text-decoration:none; }
								/* NOTE: for dotted line under hyperlink add "border-botton: 1px dotted" to style */


/* largest heading - gray */
h3						{ color:#996633; 
								font-family: Tahoma; 
								font-size: 12pt; 
								font-weight: bold; 
								letter-spacing: 1pt; 
								margin-top: .5em; 
								margin-bottom: .5em; }
								
/* heading within the seniors articles - brown */								
h4						{ color:#996633; 
								font-family: Tahoma; 
								font-size: 10pt; 
								font-weight: bold; 
								letter-spacing: 1pt; 
								margin-top: .5em; 
								margin-bottom: .5em; } /* brown   Seniors*/

/* smallest heading - gray */
h5						{ color:#666666; 
								font-family: Tahoma, Arial, sans-serif; 
								font-size: 10pt; 
								font-weight: bold; 
								letter-spacing: 1pt; 
								margin-top: .5em; 
								margin-bottom: .5em  } 

/* heading within the singles articles - blue */								
h6						{ color:#000088; 
								font-family: Tahoma; 
								font-size: 10pt; 
								font-weight: bold; 
								letter-spacing: 1pt;  } 


ol						{ margin-left:0; 
								padding-left:0; 
								line-height: 1.4 }
								
li						{ margin-bottom: 0; 
								line-height: normal;
								vertical-align: bottom;}


/* define layers/divs */

body 	        { background-color: #333333; 
								font-family: Tahoma; 
								font-size: 12pt; 
								font-color: #275078;
								letter-spacing: normal; 
								text-align: center; /* this is for IE- centers the main div */
								line-height: 1.4; 
								margin-top: 0;
								margin-bottom: 0;
								padding: 0; }
								
div#banner		{ float: left; 
								width: 750px; 
								height: 160px; 
								background-color: #666666; }

div#main			{
								width: 750px;
								height: auto;
								/* margin-left: auto;
								margin-right: auto; */
								text-align: center;
								background-color: white;
								float: none;
								margin-top: 0;
								margin-right: auto;
								margin-bottom: 0;
								margin-left: auto;
}
								
div#menu			{ float: left; 
								width: 140px; 
								height: auto; 
								padding: 10px; 
								line-height: 1.8; 
								font-weight: bold; 
								background-color: white; }
								
div#content		{
								width: 600px;
								height: auto;
								padding: 0px 10px 0px 10px;
								text-align: left; 
								background-color: white; 
								border-left: #C0C0C0 solid 1px;
								border-right: #C0C0C0 solid 1px; }
								
						
div#footer    { width: 750px;
								height: 40px; 
								padding-top: 8px; 
								text-align: center; 
								font-weight: bold;
								font-size:14px;
								background-color: #333333; } 


div#bar1			{ float: left;
								width: 750px; 
								height: 14px; 
								background-color: #996633; }
								
div#bar2			{ float: left;
								width: 750px; 
								height: 14px; 
								background-color: #996633; 
								vertical-align: bottom;}
								
div#bartab1			{ float: left;
								display: block;
								width: 750px; 
								height: 5px; 
								background-color: #34849D;
								vertical-align:bottom;}
								
div#bartab1 a		{ float: left;
								display: block;
								height: 5px; 
								background-color: #34849D;
						        color: white;
								font-size:9px
								vertical-align:text-bottom;}

div#bartab2			{ float: left;
								width: 750px; 
								height: 5px; 
								background-color: #972F2E; }

div#bartab3			{ float: left;
								width: 750px; 
								height: 5px; 
								background-color: #6A824E; }
								
div#bartab4			{ float: left;
								width: 750px; 
								height: 5px; 
								background-color: #4E6283; }
								
div#bartab5			{ float: left;
								width: 750px; 
								height: 5px; 
								background-color: #415441; }

div#barfade		{ float: left;
								width: 750px; 
								height: 12px; 
								background: white; }
								
.block1				{ width: 600px; }


.bio					{	width: 600px; 
								padding: 20 0 0 20px; 
								border-bottom: 1px dashed #808080; }
								
.biopic				{ float: left;
 								width: 130px; 
 								height: 162px;
								padding: 0 ; }

.biotxt				{ float: left; 
								width: 350px; 	
								padding: 0 0 0 10px; }

.hlpic				{ float: left;
								width: 100px;
								height: 110px; }
								
.hltxt				{ margin-left: 120px; 
								height: 110px; }
								
.spacer				{ clear: both; }								
								
/* classes for tables */
.tbdef				{ width: 600px; }
 
.tbdate				{ width: 100px;
								font-family: Tahoma;
								font-size: 8.0pt;
								letter-spacing: 1pt; 
								padding: 3px 0px 6px 0px;
								vertical-align: top;
								border-bottom: 1px dashed #808080; }

.tbevent			{ font-family: Tahoma;
								font-size: 8.0pt;
								letter-spacing: 1pt; 
								padding: 3px 0px 6px 0px;
								vertical-align: top;
								border-bottom: 1px dashed #808080; }


.column				{ float: left; 
								width: 230px; 
								padding: 10px; }

/* classes for calendar table */
.tbldef				{ width: 600px;
								padding: 0;
								margin: 0; }
								
.tbldate			{ width: 100px;
								font: 8.0pt Tahoma; 
								letter-spacing: 1px; 
								padding: 6px 0 6px 0;
								border-bottom: 1px dashed #808080;}	

.tblevent			{ font: 8pt Tahoma;
								letter-spacing: 1px; 
								padding: 6px 0 6px 0;
								border-bottom: 1px dashed #808080;}	
								

/* classes for gallery */
.gallery			{ float: left;
                padding: 5px 5px 5px 5px; 
                background: white; }
                
.galrow				{ float: left;
								width: 98%;
								height: 100px;
								background: white }
								
/* classes for tabs */
#header ul {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
		vertical-align:bottom;}
	
#header li {
		float: left;
		color: #ffc;
		background-color: #996633;
		margin: 0;
		width: 105;
		text-align: center;
		font-size: 7.0pt;
		vertical-align:bottom;}
	
#header a {
		display: block;
		background-color: #996633;
		color: #ffc;
		text-decoration: none;;
		font-size: 7.0pt;
		vertical-align:bottom;}

#header #selected {
		font-weight: bold;
		background-color: #996633;
		color: #ffc;
		vertical-align:bottom;}
	
#header #selected a {
		background-color: #996633;
		color: white;
		vertical-align:bottom;}