/* undohtml.css 
  * (CC) 2004 Tantek Celik. Some Rights Reserved. 
  * http://creativecommons.org/licenses/by/2.0 
  * This style sheet is licensed under a Creative Commons License. 
  **********************************************************************/ 
  
 /* Purpose: undo some default styling of common (X)HTML browsers      */ 
  
 /* link underlines tend to make hypertext less readable,  
  * because underlines obscure the shapes of the lower halves of words 
   *********************************************************************/ 
 :link,:visited { text-decoration:none } 
  
 /* no list-markers by default (optional)                              */ 
  
  
 /* Avoid browser default inconsistent font-sizes                      */ 
 h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 
  
 /* Remove inconsistent (among browsers) default ul,ol padding or margin 
  * the default spacing on headings does not match nor align with normal 
  * interline spacing at all, so let's get rid of it. 
  * Zero out the spacing around pre, form, body, html, p, blockquote as well 
  * form elements are oddly inconsistent, and not quite CSS emulatable. 
  * Nonetheless, strip their margin and padding as well. 
  **********************************************************************/ 
 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input 
 { margin:0; padding:0 } 
 
 fieldset,img,a img,:link img,:visited img {border:0;}
  

  
 /* more varnish stripping as necessary...                             */




body {
	background-color: #1B4F84;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	

}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}
h1, h2 ,h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
	color: #000000;
}
a:link {
	color: #668380;
	text-decoration: underline;
}
a:visited {
	color: #668380;
	text-decoration: underline;
}
a:hover {
	color: #4D8BB5;
	text-decoration: underline;
}
a:active {
	color: #4D8BB5;
	text-decoration: underline;
}



#center ul {
	margin: 15px 0px 0px 25px;
	
	
}
#center li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183260;
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 13px;
	list-style-type:none; 
	background:url(../images/bullet.gif) no-repeat 0px 6px;
}




#faqs ul {
	margin: 15px 0px 0px 25px;
	
	
}
#faqs li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	margin: 0px 0px 0px 30px;
	padding: 0 0 5px 13px; 
	list-style-type:disc; 
	list-style-image:url(../images/bullet-black.gif); 
	list-style-position:outside;
	
}

#faqs a:link, #faqs a:visited {color:#000000; }
#faqs a:hover, #faqs a:active {color:#4D8BB5; } 





#contentTop p {
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
}

#content-middle p {
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
}
#contentRight p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0px;
	text-align: center;
}

#indexContentBottom {
	background-image: url(../images/index/index_r10_c2.jpg);
	background-repeat: no-repeat;
}

#indexContentBottom p {
	padding: 0px 15px 0px 0px;
}


.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
}

#footer {
	margin: 0px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #4D8BB5;
	text-decoration: underline;
}
#footer a:active {
	color: #4D8BB5;
	text-decoration: underline;
}

#bg-main {
	background-image: url(../images/index/bg_top.gif);
	background-repeat: repeat-y;
}
#bg-bt {
	background-image: url(../images/index/bg_bottom.gif);
	background-repeat: repeat-y;
}

.big_text {font-size:18px; color:#000000; font-weight:bold; }


/*
SPRITE NAV
-----------------------------------------------------------------------------*/

/* horizontal navigation
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/sprite-nav.jpg") no-repeat; width:751px; height:40px; position:relative; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:40px; display:block; }
#nav span { display:none; }

#nav-01 { width: 86px;  left:   0px; }
#nav-02 { width: 130px; left:  87px; }
#nav-03 { width: 144px; left: 218px; } 
#nav-04 { width: 166px; left: 363px; }
#nav-05 { width: 75px;  left: 530px; }
#nav-06 { width: 110px; left: 606px; }


#nav-01 a:hover { background: transparent url("../images/sprite-nav.jpg") -0px   -40px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/sprite-nav.jpg") -87px  -40px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/sprite-nav.jpg") -218px -40px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/sprite-nav.jpg") -363px -40px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/sprite-nav.jpg") -530px -40px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/sprite-nav.jpg") -606px -40px no-repeat; }














/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main p { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	
	
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }


/* ------------------------ form elements ------------------------ */
form {
	width:150px;
	margin:10px 0 15px 0; /* set margin left and right below */
	}
	
	form.contact-main {
	width: 500px;
	margin:10px 0 15px 0; /* set margin left and right below */
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:0.7em;
	}

select { 
	width:150px; 
	padding:0; 
	border:1px solid #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:0.7em; /* same width as form - !important */
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	}

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:0 0 0 0; } /* defines placement of contact-main submit button */