/* BODY AND FONTS: =body
----------------------------------------------- */
	* { 
	 margin: 0; 
	 padding: 0; 
	 text-align: left;
	 font-size: 100%;
	}

	body{
	 background: #ffffff url(/images/bg.png) repeat-x center top;
	 height:100%;
	 margin:0px;
	 padding:0px;
	 color: #333333;
	}
	
	body#home{
	 background: #ffffff url(/images/bgHome.png) repeat-x center top;
	}	
	
	body, tr, td, input, select, textarea { 
	 font:small/150% Arial, Tahoma, Verdana, Helvetica, sans-serif;
	 color: #343433;	 
	}	
	
	div.container {
	 width: 960px; 
	 margin: 0px auto;
	 padding: 0px;
	 position: relative;
	}	
       .printonly {
         display:none;
       }
   	
	
/* CONTAINER: =Wrap
----------------------------------------------- */

	.parentWrap{
	   background: url(/images/contentBG.png) no-repeat left top;
	   position:relative;
	   width: 960px;
	   margin: 1px 0px 0px 0px;
	   padding: 0px;
	} 

	/* Hides from IE-mac \*/
	* html .parentWrap {height: 1%;}
	/* End hide from IE-mac */

	.parentWrap:after {
	   content: "."; 
	   display: block; 
	   height: 0; 
	   clear: both; 
	   visibility: hidden;
	}	
	
	.contentWrap{
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;
	}
	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-family: Georgia, Times, 'Times New Roman', serif;
	   font-size: 195%;
	   font-weight: normal;
	   line-height: 110%;
	   color: #d22a1d;
	   margin: 0px;
	   padding: 0px 15px 14px 15px;   
	}
	
	h1.hometag {
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   font-size: 185%;
	   color: #ffffff;
	   position: absolute;
	   top: 155px;
	   left: 60px;
	   padding: 0px;
	}
	
	h2 { 
	   margin: 0px;
	   padding: 0px 15px 5px 15px;
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   font-size: 125%;
	   color: #525354;
	   text-transform: uppercase;
	}
	
	h3 { 
	   margin: 0px;
	   padding: 14px 15px 5px 15px;
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   font-size: 125%;
	   color: #525354;
	   text-transform: uppercase;
	}
	
	h4 { 
	   margin: 0px;
	   padding: 0px 15px;
	   font-size: 105%;
	   line-height: 125%;
	}
	
	p {
	   margin: 0px 15px 18px 15px;
	   padding: 0px;
	   line-height: 130%;
	}

	hr {
	   color: #999999;
	   height: 1px;
           clear: both;		
	   margin: 5px 15px 10px 15px;
	   padding: 0px;
	   text-align:left;
	}
		
	small {
	   font-size: 85%;
	}
			
	img.right {
	   float: right;	   
	   margin: 14px 0px 14px 14px;	   
	   padding: 0px;
	}
	
	div.photoRight {
	   float: right;	   
	   width: 85px;
	   margin: 14px 0px 14px 28px;	   
	   padding: 0px;
	}
	
	div.photoRight img {
	   border: 3px solid #ecebeb;
	   padding: 0px;
	   margin: 0px;
	}
	
	div.photoRight p {
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   font-size: 85%;
	   line-height: 110%;
	   text-align: center;
	   margin: 3px;	   
	   padding: 0px;
	   color: #24528f;
	   text-transform: uppercase;
	}
	
	p.button {
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   color: #ffffff;
	   background: #ea8f16 url(/images/buttonRight.png) no-repeat right top;
	   height: 31px;
	   width: 250px;
	   margin-top: 28px;
	}
	
	p.button a, p.button a:visited, p.button a:link, p.button a:hover {
	   color: #ffffff;
	   background: url(/images/buttonLeft.png) no-repeat left top;
	   height: 24px;
	   display: block;
	   text-align: center;   
	   text-decoration: none;
	   font-size: 115%;
	   padding-top: 7px;
	}	
	
		
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       ul, #baseContent ul {
	 list-style-position: outside;
	 list-style-type: square;
	 margin: 0px;
	 padding: 0px 18px 10px 18px; 
       } 
       
       ol, #baseContent ol {
	 margin: 0px;
	 padding: 0px 18px 10px 18px; 
       }
       
       ul li, ol li {
         margin: 0px 0px 0px 14px;
         padding: 0px 0px 6px 0px; 
         line-height: 125%; 
       }
       
  /**/
		
	
/* HEADER BAR: =header
----------------------------------------------- */
			
	body#home div.header { 	   
	   height: 279px;
	}
	
	div.header { 	   
	   height: 202px;
	   width: 960px;
	   margin: 0px;	
	   padding: 0px;
	   clear: both;
	}
	
	body div.header img#logo { 
	   position: absolute;
	   top: 25px;
	   left: 26px;
	   display: block;	   
	   padding: 0px;
	   margin: 0px;
	   height: 71px;
	   width: 358px; 
	}
	
	img.tagline {
	   position: absolute;
	   top: 130px;
	   left: 60px;
	   display: block;
	   width: 204px;
	   height: 21px;
	}	
	
	
	/* UTILITY: =utility
	----------------------------------------------- */

	div#utility{
	   background: url(/images/utilityRight.png) no-repeat top right;
	   margin: 0px 42px 0px 0px;
	   padding: 0px 7px 0px 0px;
	   height: 28px;
	}	

	#utility ul{
	   background: url(/images/utilityLeft.png) no-repeat top left;
	   float: right;
	   list-style: none;
	   padding: 0px 0px 0px 7px;
	   margin: 0px;
	   height: 28px;
	}	
	
	#utility li {
	   background: url(/images/utilityDivide.png) no-repeat top right;
	   padding: 0px;
	   margin: 0px;	 
	   list-style-type: none;
	   list-style:none;
	   float: left;	   
	   height: 28px;
	}
	
	
	#utility li.none {
	   background-image: none;
	}	
	
	#utility li a,
	#utility li a:visited,
	#utility li a:link,
	#utility li form {
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   padding: 4px 10px;
	   margin: 0px;	
	   color: #dcdcdc;
	   text-decoration: none;
	   display: block;
	}
	
	#utility li a:hover {
	   color: #ffffff;
	}	
	
	
/* LINKS: =links
----------------------------------------------- */
	
	a { 	    
	   color: #24528f; 
	   text-decoration: underline;
	}
	
	a:hover { 
	   color: #0d3468;
	   text-decoration: none;	   
	}
	
	a:visited { 
	   color: #24528f;
	   text-decoration: underline;
	}	
	
	a img { 
	   border: none; 
	}	

		
		
/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
			
	#baseContent {	   
	   width: 565px;
	   margin: 0px;
	   padding: 30px 35px 25px 10px;
	   clear: none;
	}
	
	#rightContent {	   
	   background: url(/images/contentDivide.png) no-repeat left top;
	   width: 280px;
	   margin: 0px;
	   padding: 30px 35px 0px 35px;
	   clear: none;
	   min-height: 299px;
	}
	
	body#home #rightContent {	   
	   min-height: 190px;
	}	
	
	div.yellowbox {
	   background: #ed9219 url(/images/yellowbg.png) no-repeat left bottom;
	   color: #ffffff;
	   width: 251px;
	   padding: 0px 0px 1px 0px;
	   margin: 30px 0px 24px 15px;
	}
		
	div.yellowbox h4{
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   background: url(/images/yellowtop.png) no-repeat left top;
	   color: #ffffff;
	   font-size: 150%;
	   height: 32px;
	   padding: 6px 15px;
	}
	
	div.yellowbox a,
	div.yellowbox a:visited,
	div.yellowbox a:link,
	div.yellowbox a:hover {
	   color: #ffffff;
	   text-decoration: none;
	   font-weight: bold;
	}
	
	div.yellowbox a:hover {
	   text-decoration: underline;
	}	


/* FORM: =form
----------------------------------------------- */

   	
	form {
	    margin: 0px;
	    padding: 0px;
	}	
   	

		
		
		
	
/* FOOTER: =footer
----------------------------------------------- */
	   
	div#footer { 
	   background: #ffffff url(/images/footerbg.png) no-repeat center top;
	   width: 960px;
	   margin: 0px;
	   padding: 10px 0px;
    	   clear:both;			   
	}
	
	#footer div#footerInfo { 
	   margin: 0px 25px; 
	   padding: 0px;
 	   text-align: left; 
	   float:left;
	   position:relative;
	   display:inline;
	   clear: none;
	}	
	
	div#footer p { 
	   font-family: 'Arial Narrow', Arial, sans-serif;
	   color: #474747;
	   padding: 0px;
	   margin: 0px;
 	   text-align: left; 
	   position: relative; 
	   line-height: 130%;
	}
	
	div#footerInfo span.contact { 
	   text-transform: uppercase;
	   padding-right: 20px;
	}
	
	div#footerInfo span.copy { 
	   font-size: 90%;
	}	
	
	#footer #credit {  
	   color: #585757;
	   clear:none; 
	   padding: 0px;
	   margin: 0px 30px 0px 0px;
	   float: right;
	   font-size: 10px;
	}

	#footer #credit a,
	#footer #credit a:visited,
	#footer #credit a:hover {	
	   color: #585757;
	   text-decoration: none;
	}
	   
	   

/* REPLACE FIXES: =replace
----------------------------------------------- */	
	
	/* 
	 * Image replacement using the Gilder/Levin IR technique 
	 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	 */		
	.replace { 
		position: relative;
		/* hide overflow: hidden from mac ie5 \*/
		overflow: hidden;
		
		/* end hide from mac ie5 */
	}
	.replace span {
		display: block;
		position: absolute;
		top: 0px; left: 0px;
		z-index:1; /*for Opera 5 and 6*/
	 }
	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }
	
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  


	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */
	
	
	
/* PAGE SPECIFIC STYLES: = homepage
----------------------------------------------- */		
	
	
	.redArea {
	   border-top: 1px solid #ffffff;
	   background: #b51e13 url(/images/bgHome.png) repeat-x left -280px;
	   height: 168px;
	   padding: 0px;
	   margin: 0px;
	}	
	
	.redArea h3 {	   
	   color: #0e131a;
	}
	
	.redArea p {	   
	   color: #333333;
	}
	
	.redArea a,
	.redArea a:link,
	.redArea a:visited {
	   font-weight: bold;
	   color: #a0e0f2;
	   text-decoration: none;
	}
		
	.redArea a:hover {
	   color: #fdde8a;
	   text-decoration: none;
	}	
	
	#redText {	   
	   background: url(/images/redGlow.png) no-repeat left top;
	   width: 436px;
	   height: 168px;
	   margin: 0px;
	   padding: 0px 26px;
	   clear: none;
	}
	
	#redText h3 {	   
	   padding: 28px 0px 5px 0px;
	   
	}
	
	#redText p {	   
	   color: #0e131a;
	   margin: 0px 0px 18px 0px;
	}	
	
	#redPhotos {	   
	   width: 470px;
	   margin: 0px;
	   padding: 0px;
	   clear: none;
	}
	
	#redPhotos img {	   
	   margin: 0px;
	   padding: 25px 13px 0px 0px;
	}