/* ------------------------ BASIC ELEMENTS ------------------------*/

/*div { border: 1px solid #c00 }*/
		body { 
			text-align: center;
			background: #628cb2;
			margin-top: 0;
		}

		img {
			border: 0;
			margin: 0;
			padding: 0;
			vertical-align: top;
		}

/*div { border: 1px solid #c00 }*/

/* ------------------------- BASIC DIVS ----------------------------*/	

		div#container {
			position: relative;
			margin-right: auto;
			margin-left: auto;
			width: 800px;
			background: #ffffff;
		}
		
		.containerhr {
			display: block; 
			clear: left; 
			padding: 50px 0 0 0;
			visibility: hidden;
		}		
		
		div#header {
			float: left;
			width: 800px;
			height: 208px
			margin: 0;
			padding: 0;
		}
		
		div#tierheader {
			float: left;
			width: 800px;
			height: 111px;
			margin: 0;
			padding: 0;
		}
		
		div#navheader {
			float: left;
			width: 800px; 
			height: 22px;
			background: #fff url(images/homenav.jpg) no-repeat top left;
			margin: 0;
			padding: 0;
		}
		
		
/* ----------------- Horizontal navigation bar starts here----------------*/

		div#nav {
			position: absolute;
			left: 350px;
			margin: 0;
			display: block;
			padding: 0;
			z-index: 99;
		 }
		 
		div#nav ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}	
		
		div#nav ul li { 
			float: left;
			display: block; 
			margin: 0;
			padding: 0;
			line-height: 18px;
		}
		
		div#nav ul li a {
			float:left;
			text-decoration: none;
			padding: 0;
			margin-left: 3px;
			color: #fff;
			font-family: verdana, arial, helvetica, sans-serif;			
			font-size: 12px;
			font-weight: bold;
		}
		
		div#nav ul li a:hover {
			text-decoration: none;
			color: #DE952C;
		}
		 
		.tab1 {
			width: 80px;
		}
		.tab2 {
			width: 100px;
		}
		.tab3 {
			width: 70px;
		}
		.tab4 {
			width: 90px;
		}
		.tab5 {
			width: 70px;
		}
		
/* ------------------- COLUMNS AND OTHER DIVS HERE ---------------*/
/* Netscape divs need height and width specified to have background colors work */
/* or Win IE5.5, add height: 1% to eliminate 3px margins and make fit */
/* when absolutely positioning layer over a graphic in Win IE, don't put graphic in div, and use clear:both in abs. div */
/* when butting up floating divs, keep closing div tag on same line as content of div. */
/* Safari floating images prefer to be in dimensioned divs */

		div#homeleftcol {
			float: left;
			width: 170px;
			margin: 50px 0 0 20px;
			background: #ffffff;
			padding: 0;
			display: inline;				/* must incl for IE6 */
			text-align: left;
		}

		div#homeleftcol p {
			margin: 35px 0 0 0;
			font-family: georgia;
			font-style: italic;
		}	
		
		div#homeleftcol img.adlogo { margin: 50px 0 0 0 }
		div#homeleftcola {
			float: left;
			width: 170px;
			height: 170px;
			padding: 0px;
			margin: 0 0 50px 0;
			background: #fff url(images/newrelease.jpg) no-repeat top left;
			display: inline;				/* must incl for IE6 */
			text-align: left;
		}
		
		div#homeleftcolb {
			float: left;
			width: 170px;
			height: 170px;
			padding: 0;
			margin: 0;
			background: #fff url(images/comingsoon.jpg) no-repeat top left;
			display: inline;				/* must incl for IE6 */
			text-align: left;
		}
		
		div#middlecol {
			float: left;
			width: 400px;
			margin: 0 0 0 25px;
			padding: 0;
			text-align: left;
		}
		
		div#middlecol p {
			margin-bottom: 10px;
		}
		
		div#rightcol {
			float: right;
			width: 161;
			margin: 0 0 0 20px;
			padding: 0;
			text-align: left;
		}
						
		div#rightcol p, ul {						
			margin: 30px 10px 10px 10px;
		}
	
		div#rightcola {
			float: left;
			width: 161px;
			height: 170px;
			padding: 0px;
			margin: 0px;
			background: #fff url(images/bannergraphic_green.jpg) no-repeat top left;
			padding: 0;
			text-align: left;
/* 		  border: 1px solid #c00; */
		}
		
		div#fullwidth {
			float: left;
			width: 550px;
			margin: 0 0 0 35px;
			padding: 0;
			text-align: left;
			display: inline;
		}
		
		#stretch { 			/*place html div just before <hr/> in container */
			float:right;
			width: 1px;
			height: 400px;
		}
		
		.twopoint {		
			visibility: visible;
			size: 2px;
			margin: 0;
			padding: 0;
		}

			
/* ------------------- TYPE ELEMENTS HERE --------------- */

		h1 {
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;
			font-size: 22px;
			letter-spacing: -.05em;
			color: #8b3f80;
			margin: 0 0 0 0;
			padding: 0 0 0 0;

		 }
			
		h2 {
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;
			font-weight: normal;
			font-size: 16px;
			color: #DE952C;
			letter-spacing: -.03em;
			margin: 0;
			padding: 40px 0 0 0;
			line-height: 36px;
		}
		
		h3 {
			font-family: Verdana, arial, helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #B55020;
			margin: 10px 0 0 0;
			padding: 0;
		}

		h4 {
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;
			font-size: 14px;
			color: #516e25;
			margin: 0 0 5px 0;
			padding: 5px 0 0 0;
			width: 445px;
		}
		
		h5 {
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;
			font-size: 11px;
			color: #333;
			margin: 30px 0 15px 0;
			padding: 0 0 0 0;
		}
		
		h6 {
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;
			font-size: 16px;
			color: #9C410F;
			margin: 15px 0 5px 0;
			padding: 0 0 0 0;
		}
		
		p { 
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 18px;
			color: #333; 
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		
		td {
			vertical-align: top:
		}

		a {
			font-weight: normal;
			font-size: 11px;
			font-family: arial, helvetica, sans-serif;
			color: #638CB3;
			text-decoration: none;
		}
		
		a:hover {
			color: #8d9bbe;
			text-decoration: underline;
		}
		
		.list {
			display: block; 
			clear: left; 
			margin: 0;
			visibility: visible;
		}
		
		input, textarea {
		  font-family: arial, helvetica, sans-serif;
		  font-size: 12px;
		}	
		
		.navbtn {
			float: left;
			width: 80px;
			text-align: center;
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			padding: 0 5px 0 5px;
		}		
		
		.navbtn a {
			color: #fff;
			text-decoration: none;
		}
		
		.navbtn a:hover {
			color: #555;
			text-decoration: none;
		}
		
		
/* Float the list items and give them the same width as the container. By
adding li {float: left; width: 100%} */


/* -------------------------- FORMS  ------------------------------- */	
/*  				keep form tags away from just inside div. */
 				
		div.form { 
			float: left;
			width: 600px; 
			color: #333;
			text-align: left;
/* 			border: 1px solid #c00; */
		}
		div.frow {
		  clear: both;
		  padding-top: 3px;
		  color: #333;

	  }
	
		div.frow span.label {
		  float: left;
		  width: 90px;
		  text-align: right;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  padding-top: 8px;
		  color: #666;
		}
		
		div.frow span.blabel {
		  float: left;
		  width: 90px;
		  text-align: right;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  padding-top: 8px;
		  color: #333;
/* 		  border: 1px solid #c00; */
		}
		
		div.frow span.frm {
		  float: right;
		  width: 500px;
		  text-align: left;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  color: #333;
/* 		  border: 1px solid #c00; */
		} 
		
		div.frow span.labelcontact {
		  float: left;
		  width: 70px;
		  text-align: right;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  padding-top: 8px;
		  color: #666;
		}
		
		div.frow span.blabelcontact {
		  float: left;
		  width: 70px;
		  text-align: right;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  padding-top: 8px;
		  color: #333;
/* 		  border: 1px solid #c00; */
		}
		
		div.frow span.frmcontact {
		  float: right;
		  width: 475px;
		  text-align: left;
		  font-family: arial, helvetica, sans-serif;
		  font-size: 11px;
		  color: #333;
/* 		  border: 1px solid #c00; */
		} 

			
			
/* -------------------------- CLASSES ------------------------------- */
/* 			Remember, <span> is for inline elements */
			
		.runin {
			font-size: 13px;
			line-height: 18px;
			color: #2970c2;
		}
				
		.error {
			color: #c00;
			font-size: 10px;
			font-weight: bold;
			padding: 0;
			margin: 0;
			line-height: 14px;
		}
		
		.right {
			text-align: right;
		}
		
		.intro {
			color: #5c6a97;
			margin-top: 10px;
		}
		
		.spcb {
			margin: 0 0 10px 0;
		}
		
		.caption {
			margin: 0 0 10px 0;
			font-style: italic;
		}
		
		.spct {
			margin: 10px 0 0 0;
		}
		
		.spctb {
			margin: 10px 0 10px 0;
		}
		
		.padhead {
			font-size: 12px;
			font-weight: bold;
			margin: 10px 10px 0px 10px;
		}
		
		.padtext {
			margin: 0px 15px 0 10px;
		}

		
		.pullquote {
			font-size: 13px;
			line-height: 18px;
			color: #243f7b;
		}
		
		.block {
			display: block;
		}


/* ---------------------------- BOTTOM NAV ------------------------------- */

		#bottomnav {
			float: left;
			margin: 40px 0 0 0;
			width: 100%;
			font-weight: normal;
			font-size: 9px;
			font-family: arial, helvetica, sans-serif;
			line-height: 18px;
			text-align: center;
		}			

		#bottomnav a { 
			font-weight: normal;
			font-size: 9px;
			font-family: arial, helvetica, sans-serif;
			color: #1c377d;
			text-decoration: none
		}		
		#bottomnav a:hover { 
			color: #8d9bbe;
			text-decoration: none
		}
		
  			
/* ---------------------------- HACKS ------------------------------- */
  			
	 * html img {                 /*IE hack*/
		margin: 0 -3px; ma\rgin: 0;
	 }
		 
/* hide from IE5-mac \*/
/*    * stuff here    <-uncomment this line, place attributes Mac IE to ignore, keep *   */
/* end hide */

/* _color:red is:
 Correct, for CSS specification allows it. 
 Ignored in any browser but WinIE 
 Treated as color:red in WinIE */
 
/* Fixing float in IE Win
/* hide from IE5-mac \*/
/* * html #content {height: 1%;} uncomment this line */   
/* end hide */