/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.webspeakmedia.com
*     modified: 6 May 2008 @ 22:00 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
	color: #333;
}
body {
   margin: 0; 
   padding: 0;
   background: #00356A url('images/bg_body.jpg') top left repeat-x;
}
   a {
		color: #00356A;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #FF0009; }
   	a img { border: 0; }
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6, #header #topNavigation {
		margin-top: 0.5em;
		line-height: 1.25em;
		font-family: Chalkboard, "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
		color: #00356A;
		font-weight: normal;
	}
		h2 { font-size: 2.2em; }
		h3 { font-size: 1.4em; }
		h4 { font-size: 1.3em; }
		h5 { font-size: 1.2em; }
		h6 { font-size: 1.0em; }

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

* html #header #banner a { behavior: url("/globals/iepngfix_v1/iepngfix.php"); }

#wrapper {
	position: relative;
	width: 869px;
	margin: 0 auto;
}

pre { color: #FFF; font-size: 1.4em; }

/** Header
-------------------------- **/
/** @group header */
#header {
   width: inherit;
   height: 210px;
   background: transparent url('images/bg_header.png') bottom left no-repeat;
}
* html #header { background-image: url('images/bg_header.gif'); }

#header #banner {
	width: inherit;
	height: 100px;
}
   #header #banner a, 
   #header #banner a:visited
   {
   	position: absolute;
   	display: block;
   	background: url("images/logo.png") 0 0 no-repeat;
   	text-indent: -10000px;
   	width: 393px;
   	height: 148px;
   	text-decoration: none;
   	overflow: hidden;
   	z-index: 5;
   	top: 8px;
   	left: 50%;
   	margin-left: -196px;
   }
/** @group topNavigation */

#header #topNavigation {
   position: absolute;
   left: 15px;
   top: 166px;
}
* html #header #topNavigation { 
   height: 32px;
   overflow: hidden;
}
/**
#header #topNavigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#header #topNavigation ul li { 
   display: block;
   float: left;
   background: transparent url('images/bg_nav-up.jpg') left bottom repeat-x;
}
   #header #topNavigation ul li.selected { background-image: url('images/bg_nav-up-selected.jpg'); }
#header #topNavigation ul li a {
   display: block;
   text-transform: uppercase;
   color: #FFF;
   float: left;
   font-size: 1.5em;
   text-decoration: none;
   background: transparent url('images/bg_nav-up-L.jpg') top left no-repeat;
}
#header #topNavigation ul li.selected a { color: #00356A; background-image: url('images/bg_nav-selected-L.jpg'); }
   #header #topNavigation ul li.first a { background-image: url('images/bg_nav-first.jpg'); }
   #header #topNavigation ul li.first.selected a { background-image: url('images/bg_nav-selected-first.jpg'); }
   #header #topNavigation ul li a span {
      display: block;
      float: left;
      padding: 12px 25px 3px 45px;
      height: 17px;
   }
   #header #topNavigation ul li.show_selected_r a { background-image: url('images/bg_nav-up-selected-R.jpg'); }
   #header #topNavigation ul li.last a span { 
      background: transparent url('images/bg_nav-last.jpg') top right no-repeat;
      padding-right: 45px;
      border-top: 0;
   }
   #header #topNavigation ul li.last.selected a span { background-image: url('images/bg_nav-selected-last.jpg'); }
   #header #topNavigation ul li a:hover { text-decoration: underline; }
**/

/* @end topNavigation **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   background: transparent url('images/bg_contentWrapper.png') top left repeat-y;
   padding: 0 15px;
   height: 200px;
   position: relative;
}
* html #contentWrapper { 
   background-image: url("images/bg_contentWrapper.gif");
   background-position: 9px 0;
}
   #wrapper > #contentWrapper { 
      height: auto;
      min-height: 200px;
   }
#layout {
   position: relative;
   margin-top: -88px;
   z-index: 2;
}
/** @group leftCol */
#leftCol {
   width: 571px;
   float: left;
   padding-top: 80px;
}
/** @group content */
#content {
   font-size: 1.3em;
   line-height: 1.5em;
   padding: 15px 27px;
   padding-top: 10px;
}
#content table tr td.content { padding: 0; }
/* @end content **/

/* @end leftCol **/
/** @group rightCol */
#rightCol {
   width: 255px;
   float: left;
   height: 300px;
}
#layout > #rightCol {
   height: auto;
   min-height: 300px;
}
   #rightCol #margin {
      background: transparent url('images/bg_margin-T.png') 7px 0 no-repeat;
      height: 144px;
      padding-top: 40px;
      padding-bottom: 127px;
      text-align: center;
      padding-left: 6px;
   }
   * html #rightCol #margin { background-image: url("images/bg_margin-T.gif"); }
      #rightCol > #margin {
         height: auto;
         min-height: 144px;
      }
   #rightCol #margin canvas,
   #rightCol #margin var {
      margin-left: 7px;
      *margin-left: 4px;
   }
      * html #margin img { 
         border: 5px solid #FFF; 
         width: 87%;
      }
/* @end rightCol **/
#cars {
   position: absolute;
   bottom: -2px;
   right: 12px;
   background: transparent url('images/bg_margin-B.jpg') top left no-repeat;
   width: 288px;
   height: 107px;
   z-index: 1;
}
* html #cars { right: 11px; }
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
	text-align: center;
	padding: 20px 5px 45px 5px;
	color: #4C4F52;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25em;
	background: transparent url('images/bg_footer.png') top left no-repeat;
}
* html #footer { background-image: url("images/bg_footer.gif"); }
   #footer a { 
      color: #2479B3;
      text-decoration: none;
   }
      #footer a:hover { color: #FF8700; }

/* @end footer **/


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}