@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; }

/* This is so IE6 will horizontally center the image on the intro page */
body {text-align:center}

body {
	margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-top:20px; 
	padding:0;
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}


#container { position:relative; top:0px;  background:#EFEFEF; 
	width:750px;
    height:auto;  
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left; /* this overrides the text-align:center on the body element. */
}

#page_banner { background:#EFEFEF;  height:122px;}
#page_banner img.corner { float:right; top:0px; right:0px; z-index:50}
#page_banner img.main_logo { position:relative; text-align:left; top:20px; left:20px; }

#phone_number {	position:absolute; right:0px; padding-right:20px; top:30px; font-size:12px;  font-weight:bold; }

.menu {position:absolute;  top:100px; left:252px;  }

#intro { height:183px; background:#EFEFEF; margin:0px }
#intro p {position:relative; } /* currently use a photo with caption on it */
#intro p{  font-size:25px ; font-weight:bold ; color:white; text-transform:uppercase;  }
#intro ul { list-style:none;  display:inline; }
#intro ul li {float:left; }

#main_content { background:#366194; color:white; }

#main_content img {float:left;  } 
#main_content li{
	list-style:none;
	display:inline;
	color: #00FF33;

}

#main_content ul li img { padding-left:5px ; padding-top:10px ; padding-bottom:10px; padding-right:0px  ; margin:0px;} 

#main_content ul {  margin-top:10px;  margin-bottom:10px;  padding-top:10px; }

#main_content ul {  padding-left:10px; margin-left:10px; padding-bottom:30px; }
.before_after  {  background:white;   }
.before_after_text  {  background:white;}
.before_after_spacer  {  background:#366194;   }

.filler p {display:none; }

.left_column p, .right_column p, .right_column h1 {margin:10px; font-size:14px; } 
#main_content p  {margin:10px; font-size:16px; } 
.right_column td { vertical-align:top; }
.left_column h1 { text-align:center;  font-size:24px;}
.right_column h1 { text-align:center;  font-size:24px;}
.left_column h2 { text-align:center;  font-size:20px;}
.right_column h2 { text-align:center;  font-size:20px;}


.right_column a {color:white; }
.right_column a:visited {color: #FFC; }
.right_column a:hover { color:yellow; }



#sub_content { margin-top:-10px; padding:5px;  background:#97AFC7; }
#sub_content { padding-left:5px; color:white ;  }

#small_menu  { text-align:right ; font-size:9px ; background-color:#fff; }
#small_menu a {text-decoration:none; color:black; padding:3px; }

.quick_fact { color:black; font-style:italic ; font-weight:bold ; padding:5px; 
              margin:0px auto;width:650px; margin-top:10px; 
              border:3px solid black ;}
			   
.address_table  { font-size:13px; }
.contact_form_table { margin-left:auto; margin-right:auto; width: 75%; border:0px; cellspacing:1px; cellpadding:5px; }
.form_field { background-color:#CCCCCC; }
.form_button {background-color:#FFFF33; }
.field_label {text-align:right; width: 13%; }
.contact_form_directions {text-align:center; }
.site_maint_link  { font-size:8px; }

/* 000 is black */
/* fff is white */

/* EFEFEF is the very light gray for banner */
/* 366194 is the dark blue for body */
/* 97AFC7 is the light blue for footer */