/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 28 June 2007 @ 17:09 EST
* --------------------------------------------------------------
**/

/** Element Styles
-------------------------- **/
*, html * {
   border-color: #FFF;
}

body {
    margin: 0;
    padding: 0;
    background-color: #868E81;
    font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #8A8278;
}

a {
    color: #4E524B;
    text-decoration: underline;
}
	a:hover {
	   text-decoration: none;
	}
	a:visited {
	    color: #5F5750;
	}
    
h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}

div.hr {
  height: 1px;
  margin: 1.6em 0 1.6em 0;
  padding: 0;
  background: #8A8278 no-repeat scroll center;
}
div.hr hr {
  display: none;
}

img, 
#contentWrapper.homePg #rightCol,
#contentWrapper.subPg #imgOverlay * { 
	behavior: url("/globals/iepngfix_v1/iepngfix.php"); 
}

/** ID Styles
-------------------------- **/
#wrapper {
   width: 813px;
   margin: 40px auto 0 auto;
   background: url("images/wrapperBg.jpg") top left repeat-y;
   position: relative;
}

/* @group header */

#header {
   width: inherit;
   background: url("images/headerBg.jpg") top left no-repeat;
   height: auto;
}

/* @group banner */

#banner {
   height: 74px;
}

#banner a, 
#banner a:visited
{
 position: absolute;
 display: block;
 background: url("images/logo.gif") top left no-repeat;
 text-indent: -10000px;
 width: 164px;
 height: 60px;
 top: 9px;
 left:  26px;
 text-decoration: none;
 overflow: hidden;
 z-index: 1500;
}

#banner #phoneNumbers {
   color: #FFF;
   position: absolute;
   left: 425px;
   top: 17px;
}

#banner #phoneNumbers h2 {
   font-size: 1.8em;
   text-align: right;
}

#banner #phoneNumbers h2 small {
	color: #7c9381;
	text-transform: uppercase;
	font-size: 0.75em;	
}

/* @end */

/* @end */

/* @group topNavigation */

#topNavigation {
   text-align: center;
   width: auto;
   height: auto;
   background-color: #EBEEE3;
   margin: 0 10px 0 2px;
   border-style: solid;
   border-width: 1px;
   border-left: 0;
   vertical-align: middle;
}

/* @end */

/* @group contentWrapper */

#contentWrapper {
	font-size: 1.2em;
	line-height: 1.7em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0 10px 0 2px;
	/*position: relative;*/
}

/* @group homePg */

#contentWrapper.homePg {
	font-size: 0.1em;
}

#contentWrapper.homePg #rightCol {
   float: right;
   width:  180px;
   height: 600px;
   border-left-style: solid;
   border-left-width: 1px;
   background: transparent url("images/copyOverlay-ie.png") top left no-repeat;
   position: absolute;
   z-index: 3;
   right: -1px;
   color:  #FFF;
   padding:  0 15px 0 15px;
   overflow-y: auto;
   font-size: 12px;
   line-height: 1.5em;
   overflow: hidden;
}

#wrapper > #contentWrapper.homePg #rightCol {
	background: transparent url("images/copyOverlay.png") top left repeat-y;
	margin-right: 10px;
}

#contentWrapper.homePg #rightCol h2 {
   color:  #FFFFCC;
   margin:  1.0em 0 0.8em 0;
   font-size: 2.0em;
}

/* @end */

/* @group subPg */

div.subPg {
   background: url("images/subPgBg.jpg") top left repeat-y;
}

#contentWrapper.subPg #hdr_img {
	position: relative;
}

#contentWrapper.subPg #hdr_img img {
   border-bottom-width: 1px;
   border-bottom-style: solid;
   line-height: 0.1em;
}

#contentWrapper.subPg #imgOverlay {
	display: block;
	background: url("images/subPgImgOverlay.png") top left no-repeat;
	position: absolute;
	z-index: 10;
	width: 800px;
	height: 187px;
}

#wrapper > #contentWrapper.subPg #imgOverlay {
	display: block;
	background: url("images/subPgImgOverlay.png") top left no-repeat;
	position: absolute;
	z-index: 10;
	width: 800px;
	height: 187px;
}

/* @group leftCol */

#contentWrapper.subPg #leftCol {
	width: 494px;
	margin: 30px 37px 30px 0;
	padding: 0 0 20px 38px;
	float: left;
	height: 500px;
	font-size: 1.1em;
	line-height: 1.6em;
}

#contentWrapper.subPg #leftCol div,
#contentWrapper.subPg #leftCol td,
#contentWrapper.subPg #leftCol li,
#contentWrapper.subPg #leftCol h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

#wrapper > #contentWrapper.subPg #leftCol {
	height: auto;
}

#contentWrapper.subPg #leftCol h2 {
   color:  #16310A;
   font-size: 2.1em;
   font-weight: normal;
   margin-bottom: 0.8em;
   line-height: 1.2em;
}

#contentWrapper.subPg #leftCol #faq h5  {
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 1.1em;
	color: #7c9381;
}

#contentWrapper.subPg #leftCol #faq h3 {
	padding-left: 35px;
	cursor:pointer;
	cursor:hand;
}

#contentWrapper.subPg #leftCol #faq h3.down {
	background:  url(images/arrow-down.jpg) no-repeat scroll left bottom;
}

#contentWrapper.subPg #leftCol #faq h3.up {
	background:  url(images/arrow-up.jpg) no-repeat scroll left bottom;
}

/* @end */

/* @group rightCol */

#contentWrapper.subPg #rightCol {
	float: left;
	width: 229px;
	margin-left: 0;
	border-left-style: solid;
	border-left-width: 1px;
}

#contentWrapper.subPg #rightCol ul {
   margin: 10px 11px 0 11px;
   padding: 0;
   list-style: none;
   line-height: 0.8em;
}

#wrapper > #contentWrapper.subPg #rightCol ul {
	line-height: inherit;
	padding-top: 0;
}

/*lvl1*/
#contentWrapper.subPg  #rightCol ul li a,
#contentWrapper.subPg  #rightCol ul li {
   font-weight: bold; 
   text-transform: uppercase;
   color: #4E524B;
   text-decoration: none;
   display: block;
   margin-top: 0.8em;
}

#contentWrapper.subPg  #rightCol ul li.lvl2 ul {
	border: 0;
}

#contentWrapper.subPg  #rightCol ul li a {
	line-height: 1.3em;
}

#wrapper > #contentWrapper.subPg  #rightCol ul li a {
	margin-top: 3px;
}

#contentWrapper.subPg  #rightCol ul li a:hover,
#contentWrapper.subPg  #rightCol ul li a.selected {
	border-color: #e1e4de;
	border-bottom-color: #9AA094;
	background-color: #d7dbd0;
}

/*lvl2 and lvl3 navigation look*/
#contentWrapper.subPg  #rightCol ul li ul {
   margin: 0;
   border: 1px solid #C3C8BC;
   border-top-color: #9AA094;
   margin-top: 10px;
}


#contentWrapper.subPg  #rightCol ul li ul li a {
   font-weight: normal;
   padding: 0.3em 0.3em 0.3em 1.6em;
   border: 1px solid #C3C8BC;
   border-bottom-color: #9AA094;
}

/*lvl3 adjustment */
#contentWrapper.subPg  #rightCol ul li ul li ul li a {
	padding: 0.3em 0.3em 0.3em 3.2em;
}
/* @end */

/* @end */

/* @end */

/* @group footer */

#footer {
	width: 813px;
	height: 9px;
	background: url("images/footerBg.jpg") top left no-repeat;
	margin: 0 auto 20px auto;
	color: #EBEEE3;
	text-align:  center;
	padding-top: 5px;
}

#footer a,
#footer a:visited {
   color: #EBEEE3;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

/* @end */

/** Class Styles
-------------------------- **/
.hidden {
   display: none;
}

/* Styles for Netscape */

.clear
{
  clear:both;
  margin: 0;
  padding: 0;
  
/* these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 */

  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

/* stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high */

/** html .clear
{
	display:none;
}*/