@import url(defaultHTML4.css);

BODY 			{ font-family: Arial, sans-serif; text-align: center; 
		  	  margin: 0; padding: 0; background: #2554C7;}
p			{ margin: 15px 30px; font-size: 10pt; }
.slogan p		{ font-size: 12pt;}
.blurb 			{ font-size: 11pt; color: #009; }
h3 			{ margin: 0 50px 15px 30px; font-size: 15pt;}
h3, h3 a		{ color: #009; text-decoration: none; }
h3 a:hover		{ color: #f90; }
p, h3			{ position: relative; z-index: 4;} /* to keep menu on top when hovered */

/* footer */
.footer_left		{ position: absolute; left: 50px;}
.footer_right		{ position: absolute; right: 50px;}

/* main sections */
#content 		{ position: relative; text-align: left; width: 830px; 
			  margin: 0 auto; padding: 0 0 0px 0; z-index: 2; background: #fff;}
#header, #colOne, 
#colTwo, #colThree 	{ position: relative; z-index: 1; display: inline; background: #fff; }
#header			{ float: left; width: 795px; height: 225px; left: 20px; 
			  background: #fff url(../images/logoHeader.jpg) no-repeat;}
#colOne, #colTwo, 
#colThree		{ float: left; width: 263px; left: 20px;}
#colTwo			{ border-left: 2px solid #f90; border-right: 2px solid #f90;} 
#peopleBar		{ margin: 0; padding: 0; position: relative; width: 795px; height: 99px; 		          	  top: 126px;}	
.slogan			{ text-align: center; color: #009; font-style: italic; position: relative; 			  float: left; width: 795px; left: 20px; font-weight: bold; z-index: 1; }
#contactBlock		{ float: right; position: relative;  
			  right: 10px;  }
#footer 		{ position: relative; width: 830px; height: 26px; font-size: 12px; 
			  font-weight: bold; margin: 0 auto; padding: 5px 0; background: #f90; }

/* colors and shading */
.clearer		{ height: 1px; overflow: hidden; margin-top: -1px; clear: both;}
.shadeLeft, .shadeRight	{ position: absolute; bottom: 0; z-index: 0; height: 1000em;}
.shadeLeft		{ width: 20px; background: url(../images/shadowLeft.jpg) repeat-y; left: 0px;}
.shadeRight		{ width: 20px; background: url(../images/shadowRight.jpg) repeat-y; left: 815px;}