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

	 html { 
	  background: #ffffff url(/images/bg.gif) repeat-x center top;
	 }

	 body{
	  background: #ffffff url(/images/bg.gif) repeat-x center top;
	  height:100%;
	  margin:0px;
	  padding:0px;
	 } 

	body, tr, td, input, select, textarea { 
	 font:small/150% Arial, Tahoma, Verdana, Helvetica, sans-serif;
	 color: #383838;	 
	}

	div.container {
	 width: 850px; 
	 margin: 0px auto 0px auto;
	 padding: 0px 0px 0px 0px;
	 position: relative;
	 background: url(/images/bodybg.jpg) repeat-x left bottom;
	}
	
       .printonly {
         display:none;
       }
   	
	
/* CONTAINER: =Wrap
----------------------------------------------- */

	.parentWrap{
	   position:relative;
	   width:850px;
	   color:#2D2A28;
	   margin: 8px auto 0px auto;
	   padding: 0px 0px 0px 0px;
	   border-bottom: 0px;
	   z-index: -1px;
	} 

	/* 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{
	   width: 850px;
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;
	}
	
	div.header { 
	   background:#FF9900;
	   height: 95px; 
	   margin: 0px;
	   width: 850px;	   
	}	
	
	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-size: 200%;
	   color: #780101;
	   text-transform: uppercase;
	   margin: 0px;	 
	   padding: 35px 26px 10px 26px;
	   line-height: 110%;
	}
	
	h1>h2{ 
	   margin: 16px 0px 0px 0px;
	}	
	
	h2 { 
	   margin: 26px 0px 4px 0px;
	   padding: 0px 26px;
	   font-size: 160%;
	   color:#444444;
	}
	
	h3 { 
	   margin: 4px 0px 12px 0px;
	   padding: 0px 26px;
	   font-size: 120%;
	   color: #780101;
	   font-weight: normal;
	}
	
	h4 { 
	   margin: 24px 0px 8px 0px;
	   padding: 0px 26px;
	   font-size: 105%;
	   color: #FF8A00;
	   text-transform: uppercase;
	}	
		
	p {
	   margin: 8px 0px 18px 0px;
	   padding: 0px 26px;
	   line-height: 125%;
	}
	
	p.callout {
	   margin: 20px;
	   padding: 10px 14px;
	   text-transform: uppercase;
	   background:#EDEDED;
	   font-size: 10px;
	}
	
	small {
	   font-size: 88%;
	   line-height: 95%;
	} 
	
	sup {
	   font-size: 88%;
	   padding: -4px 0px 0px 0px;
	}  
	
	.red {
	   color: #990000;
	   font-weight:bold
	}
		

  /**----Unordered List Styles--------------------------------------------------*/
  
       
       ul{
         padding:6px 0px 12px 0px;                  
       } 
       
       ul li{
         margin:0px 26px 0px 45px;
         padding:0px 0px 4px 0px; 
 	 list-style-type: square;
	 list-style-image: url(/images/bullet.gif);
	 list-style-position: outside;                 
       } 
       
       ol li{
         margin:0px 26px 0px 26px;
         padding:0px 0px 4px 0px; 
         line-height:145%;       
       } 
       
       ul.photoleft {
          padding: 0px 0px 0px 80px;      
       }
      
  /**/

	hr{ 
	   color: #EDEDED;
	   height: 1px;
           clear: both;	   
	}	
	
	
/* HEADER BAR: =header
----------------------------------------------- */

	 .header h1 { 
	   position: absolute; 
	   top: 0px; 
	   left: 0px; 
	   font-size: 100%;	   
	 }
	
	.header h1,
	.header h1 span { 
	   background: transparent url(/images/logo2008.gif) no-repeat; 
	   width: 850px; 
	   height: 95px; 
	}
	
	.header h1 a, 
	.header h1 a:hover{ 
	   color: #000000;
	   text-decoration: none;
	   padding-top: 0px;
	}
	
	
/* LINKS: =links
----------------------------------------------- */
	
	a { 
	   text-decoration: underline; 
	   color: #780101; 
	}
	
	a:visited { 
	   color: #551A8B; 
	}	
	
	a:hover	{ 
	   color: #990000;
	}
	
	a img { 
	   border: none; 
	}
		
		
/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
	
	/* Homepage Marketing Area: =marketing	
	----------------------------------------------- */

	div#marketing {
	   width:770px;
	   height:233px;
	   margin: 17px 20px 0px 20px;
	   padding: 0px 20px;
	   clear:none;
	   background: #000000 url(/images/marketingbg.jpg) no-repeat center top;
	}
	
	div#marketing h1 {
	   color: #E7E2C9;
	   text-transform: none;
	   padding: 125px 45px 0px 385px;
	   font-size: 152%;
	   line-height:140%;
	}
		
	
	
	/* BASE CONTENT COLUMN (middle between subnav and photos): =baseContent	
	----------------------------------------------- */

	#baseContent {
	   width:390px; 
	   line-height:normal;
	   margin: 10px 0px 0px 0px;
	   clear:none;
	   padding: 0px 20px 20px 20px;
	}

	#baseContent ul li,
	#baseContent ol li {
         margin: 6px 26px 0px 26px;
         padding:0px 0px 2px 0px;                
       } 



	/* RIGHT COLUMN: =rightColumn	
	----------------------------------------------- */
	div#rightColumn { 
	   margin: 10px 0px 0px 0px;
	   padding: 0px 35px 20px 0px;
	   width: 385px;
	   clear:none;
	}		
	
	div#rightColumn p {
	   padding: 6px 0px 12px 0px;
	   margin: 0px;
	   text-align: left;
	}

	div#rightColumn h2, 
	#baseContent h2 {
	   margin: 0px;
	   padding: 10px 0px 0px 0px;
	   font-size: 140%;
	   color:#444444;
	}
	
	div#rightColumn h3, 
	#baseContent h3 {
	   margin: 0px;
	   padding: 10px 0px 0px 0px;
	   font-size: 140%;
	   color:#990000;
	   font-weight:bold;
	}
	
	div#rightColumn h4, 
	#baseContent h4 {
	   margin: 0px;
	   padding: 0px 0px 10px 0px;
	   font-size: 120%;
	   color:#990000;
	   font-weight:normal;
	   text-transform: normal;
	}	
	
	/* LOGOS: =logos	
	----------------------------------------------- */
	div#logos { 
	   float:right;
	   clear:both;
	   width: 167px;
	}
	
	
	div#logos p{ 
	   color:#D27F01;
	   text-transform:uppercase;
	   font-size: 85%;
	   text-align:center;
	   padding: 13px 0px 8px 0px;
	   margin:0px;
	}
	

/* NAVIGATION: =nav
----------------------------------------------- */
	div.navbox {
	   background:#990000;
	   height: 28px;
	   width: 812px;
	   line-height:normal;
	   margin: 0px;
	   padding: 7px 26px 0px 12px;
	   clear: both;
	}

	ul#navigation {
	   background:#990000;
	   height: 28px;
	   line-height:normal;
	   margin: 0px;
	   padding: 0px;
	   list-style-type: none;
	   list-style:none;
	   float: left;
	}       

	ul#navigation li { /* all list items */
	   background: #780101;
	   float: left;
	   position: relative;
	   margin: 0 0 0 7px;
	   padding: 0px;
	   list-style-image: none;
	   list-style-type: none;
	   list-style:none;
	}

	ul#navigation li a 	{
	  height: 16px;
	  float:left;
	  display:block;
	  width: auto;
	  padding: 6px 16px 6px 16px;
	  text-decoration:none;
	  color: #FFFFFF;
	  font-weight: bold;
	  text-transform: uppercase;
	  font-size: 90%;
	  line-height: 115%;
	  font-family: 'arial narrow', arial, verdana, sans-serif;
	}

	ul#navigation .current a,
	ul#navigation .current a:link:hover,
	ul#navigation .current a:visited:hover{
	   background: #ffffff;
	   color: #000000;
	   padding: 6px 16px 6px 16px;
	}

	ul#navigation a:link:hover,
	ul#navigation a:visited:hover {
	   background-color: #5C0101;
	   padding: 6px 16px 6px 16px;
	}

	ul#navigation li li {
	   display: block;
	   float:left;
	   background: none;
	   padding: 0px;
	   margin: 0px;
	   width: auto;
	   list-style-image: none;
	   list-style-type: none;
	   list-style:none;
	}


	ul#navigation li li a, 
	ul#navigation li.current li a {
	   background: #5C0101;
	   display: block;
	   font-weight: normal;
	   color: #ffffff;
	   padding: 4px 16px;
	   margin: 0px;
	   width:115px;
	}

	ul#navigation li li a:link:hover,
	ul#navigation li li a:visited:hover, 
	ul#navigation li.current li a:link:hover,
	ul#navigation li.current li a:visited:hover {
	   background: #990000;
	   color: #ffffff;
	   padding: 4px 16px;
	   margin: 0px;
	   width:115px;
	}

	li ul, 
	li.current ul { /* second-level lists */
	   background:#5C0101;
	   display: none;
	   position: absolute;
	   top:  0px;
	   left: 0px;
	   z-index: 5;
	   clear:both;
	   width:147px;
	   margin: 28px 0px 0px 0px;
	   padding: 0px;
	}
	
	li ul.register { /* second-level lists */
	   width:186px;
	}	
	
	ul#navigation li ul.register li a:link:hover,
	ul#navigation li ul.register li a:visited:hover,
	ul#navigation li ul.register li a {
	   width:154px;
	}	
	

	li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	   top: auto;
	   left: auto;
	}

	li:hover ul, li.over ul { /* lists nested under hovered list items */
	   display: block;
	}

  
	
/* FOOTER: =footer
----------------------------------------------- */
	div#footer { 
	   width: 100%;
	   margin: 0px; 
	   padding: 0px;
    	   float:left;
    	   display:inline;
    	   clear:both;
    	   background: #FFBE5D;
	}
	
	#footer p { 
	   background:#FF8A00;
	   width: 826px;
	   color: #ffffff; 
	   margin: 0px auto 6px auto; 
	   padding: 12px; 
	   position: relative;
	   font-weight: bold;
	}
	
	#footer span.phone { 
	   font-size: 105%;
	}
	
	#footer p a {  
	   color: #ffffff;
	}
	
	#footer p.credit { 
	   background: none;
	   margin: 28px auto 0px auto;
	   padding: 0px 14px 100px 14px;
	   font-family: 'arial narrow', Arial, sans-serif;
	}
	
	#footer p.credit a {  	   
	   color: #E0631F;
	   font-weight: normal;
	   text-decoration: underline;
	   font-weight: normal;
	}	
	


/* 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 */