﻿/* GENERAL STYLES */
/* 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;
	} 

	body, tr, td, input, select, textarea { 
	 font: small/150% 'Trebuchet MS', Tahoma, Arial, Verdana, Helvetica, sans-serif;
	 color: #343434;	 
	}

	div.container {
	 width: 994px; 
	 margin: 0px auto 0px auto;
	 padding: 0px;
	 position: relative; 	
	}
	
       .printonly {
         display: none;
       }
   	
	
/* CONTAINER: =Wrap
----------------------------------------------- */

	.parentWrap{
	   background: url(images/contentbg.png) no-repeat center top; 
	   position: relative;
	   width: 862px;
	   color: #2D2A28;
	   margin: 0px auto 0px auto;
	   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;
	}
	
	.landingPageWrap
	{
		background:url(images/lpcontentbg.png) no-repeat center top;
	}
	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-size: 180%;
	   line-height: 110%;
	   color: #020202;
	   margin: 18px 0px 10px 0px;
	   padding: 0px;	   
	}
	
	h2 { 
	   font-size: 150%;
	   line-height: 100%;
	   margin: 0px 0px 20px 0px;
	   padding: 0px;	   
	}
	
	h3 { 
	   font-size: 116%;
	   line-height: 100%;
	   color: #006699;
	   margin: 24px 0px 10px 0px;
	   padding: 0px;	   
	}
	h3 a {
	   color: #006699;
	   text-decoration: none;
	}
	h3 a:hover {
	   color: #006699;
	   text-decoration: underline;
	}

	p {
	   line-height: 125%;
	   margin: 4px 0px 12px 0px;
	   padding: 0px;	   
	}
	
	p.homeBoxText {
	   font-size: 90%;
	   margin: 4px 0px;	  	   
	}
	
	p.homelink {
	   margin: 6px 0px 4px 0px;
	}	
	
	small {
	   font-size: 85%;
	   line-height: 95%;
	} 
	
	.red {
	   color: #A3011E;
	}

	.blue {
	   color: #006699;
	   font-weight: bold;
	}
	
  /**/

	hr{ 
	   color: #e1e1e1;
	   border: 0px;
	   height: 1px;
           clear: both;	   
	}	
		
		
  /**----Unordered List Styles--------------------------------------------------*/
  
     /*
       ul {
	 list-style-position: outside;
	 list-style-type: square;
       }
       */
       
       ul li{
         margin: 0px 0px 0px 14px;
         padding: 0px 0px 4px 0px; 

       } 
       
       ol li{
         margin: 0px 0px 0px 14px;
         padding: 0px;
         line-height: 130%;       
       }  
       
       
       
       
/* COMMON QUESTIONS PAGE: =faq
----------------------------------------------- */	
/* GRR: Won't need this for just the landing pages
	div.faq {
	   background: url(images/faq_bg.png) no-repeat top center;
	   width: 726px;
	   padding: 20px;
	   margin: 0px;
	   clear: both;
	}
	
	div.faq h3 {
	   color: #A3011E;
	   padding: 0px;
	   margin: 0px;
	}
	
	p.top {
	   text-align: right;
	   margin: 0px;
	   padding: 0px;
	   font-size: 90%;
	}

        ul#faqList{
           list-style-type: circle;
 	   list-style-image: url(/images/list_arrow.png);        
           margin: 0px;
           padding: 0px 20px 0px 40px;
        } 
          
      
        ul#faqList li{      
           margin: 6px 24px;
           padding: 20px 0px;

        } 
        
        ul#faqList li a{      
           color: #006699;
           text-decoration: none;
           font-size: 105%;
        }          
        
        ul#faqList li a:hover{      
           text-decoration: underline;
        }     

*/
/* HEADER BAR: =header
----------------------------------------------- */
			
	div.header { 
	   height: 84px;
	   width: 910px;
	   margin: 0px;
	   padding: 0px 84px 0px 0px;
	}
	
	div.header h1 { 
	   width: 426px;
	   position: absolute; 
	   top: 0px; 
	   left: 0px; 
	   padding: 0px;
	   margin: 0px;
	   z-index: 3;
	   cursor: default;
	 }					
	
	
/* UTILITIES: =utilities
----------------------------------------------- */

	div#utilities{
	   width: 484px;
	   height: 84px;
	   margin: 0px;
	   padding: 0px;
	   float: right;
	}

	#utilities ul{	   
	   list-style: none;
	   float: right;
	   padding: 0px;
	   margin: 0px;
	}

	#utilities li {
	   float: left;
	   padding: 6px 0px 0px 0px;
	   margin: 0px;
	}

	#utilities li a {
	   float: left;
	   display: block;
	   padding: 0px 10px;
	   margin: 0px;
	   white-space: nowrap;
	   color: #303030;
	   text-decoration: none;
	   font-size: 90%;
	   font-weight: bold;
	}
	
	#utilities li.phone {
	   background: url(images/phone_tab_left.png) no-repeat left bottom;
	   height: 28px;
	   padding: 0px 0px 0px 16px;	   
	}

	#utilities li.phone h4 {
	   background: #FDFDFE url(images/phone_tab_right.png) no-repeat right bottom;
	   color: #C4102F;
	   font-size: 105%;
	   padding: 4px 16px 0px 0px;
	   margin: 0px;
	   height: 24px;	   
	}	
	
	
/* LINKS: =links
----------------------------------------------- */
	
	a { 
	   text-decoration: underline; 
	   color: #A3011E; 
	   font-weight: bold;
	}
	
	a:hover	{ 
	   text-decoration: none; 
	   color: #A3011E;
	}
	
	a img { 
	   border: none; 
	}	
		
		
/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
			

/* BASE CONTENT COLUMN (middle between subnav and photos): =baseContent	
----------------------------------------------- */
	#baseContent {
	   width: 762px;
	   line-height: normal;
	   margin: 0px;
	   clear: none;
	   padding: 0px 50px;	   
	}

        #baseContent ul{
           list-style-position: outside;       
           margin: 0px 0px 16px 0px;
           padding: 0px;
        }
         
        #baseContent ul li{
           padding: 0px 0px 4px 0px;
        }         
         
         
        #baseContent ul li ul{
           margin: 0px 0px 0px 0px;        
        }
       
        #baseContent ol{
           margin: 0px 0px 10px 0px;
           padding: 0px;
        }
              
        #baseContent ol li ul{
           margin: 0px 0px 0px 0px; 
        }
       	    
	
/* HOME BOXES: =homeBoxOne and homeBoxTwo	
----------------------------------------------- */	
	
	#homeBoxOne {
	   background: url(/images/homeBoxDivide.png) no-repeat right 28px;
	   width: 364px;
	   margin: 0px;
	   padding: 0px 16px 0px 32px;
	   clear: none;	   
	} 
	
	#homeBoxTwo {
	   width: 348px;
	   margin: 0px;
	   padding: 0px 32px;
	   clear: none;
	} 
	
/* GALLERY: =gallery	
----------------------------------------------- */
/*
	div.gallery {
	   padding: 10px 50px 0px 50px;
	}
	
	p.caption {
	   text-transform: uppercase;
	   padding: 0px;
	   margin: 0px 46px;
	   text-align: right;
	   font-size: 82%;
	}
	
	h3.galleryTitle {
	   margin: 0px 46px 6px 46px;
	   color: #343434;
	}

	p.galleryDetails {
	   margin: 0px 46px 12px 46px;	
	}

	dl.galleryDetails {
	  float: left;
	}

	dl.galleryDetails dt {
	  float: left;
	  clear: left;
	  width: 90px;
	  color: #006699;
	  font-weight: bold;
	  margin-left: 46px;
	  padding-left: 0px;
	}
	dl.galleryDetails dd {
	  clear: right;
	  display: block;
	  margin-left: 0px;
	  padding-left: 0px;
	}
	
	.gallery ul{	   
	   list-style: none;
	   padding: 0px;
	   margin: 0px;
	}

	.gallery li {
	   float: left;
	   padding: 0px;
	   margin: 0px;
	   height: 350px;
	}

	.gallery li a {
	   float: left;
	   display: block;
	   margin: 0px;
	   padding: 0px;
	}	
		
	li.galleryArrowPrevious a {
	   color: white;
	   background: url(/images/gallery_arrow_previous.png) no-repeat center 160px;
	   width: 19px;
	   height: 350px;
	} 	
	
	li.galleryArrowPrevious a:hover {
	   background: url(/images/gallery_arrow_previous-over.png) no-repeat center 160px;
	} 
	
	li.galleryArrowNext a {
	   color: white;
	   background: url(/images/gallery_arrow_next.png) no-repeat center 160px;
	   width: 19px;
	   height: 350px;
	} 	
	
	li.galleryArrowNext a:hover {
	   background: url(/images/gallery_arrow_next-over.png) no-repeat center 160px;
	} 
	*/
	
/* IMAGES
----------------------------------------------- */	
		
	img.right {
	   float: right;
	   margin: 0px;
	   padding: 0px 0px 0px 8px;   	   
	}  	
	
	img.galleryPhoto {
	   border: 7px solid #E3E1E1;
	   margin: 0px 8px;
	}
    

	
/* RIGHT BOX: =rightBox	
----------------------------------------------- */

	div#rightBox { 
	   background: url(/images/rightBox-bottom.png) no-repeat center bottom;
	   margin: 0px 0px 0px 42px;
	   padding: 0px 0px 12px 0px;
	   width: 234px;
	   clear: none;
	   float: right;
	   margin-bottom: 1em; /* dcm */
	}	
		
	div#rightBox h3 {
	   background: url(/images/rightBox-top.png) no-repeat center top;
	   margin: 0px;
	   padding: 18px 72px 8px 28px;
	   color: #231F20;
	   text-align: left;
	   font-size: 115%;
	   line-height: 125%;
	}
	
	div#rightBox h4 {
	   margin: 0px;
	   padding: 8px 28px 14px 28px;
	   color: #C4102F;
	   text-align: left;
	   font-size: 106%;
	   line-height: 125%;	   
	}
	
	div#rightBox p{
	   padding: 0px 28px 8px 28px;
	   margin: 0px;
	   text-align: left;
	}
	
        div#rightBox p a,
        div#rightBox p a:visited {
         text-decoration: none;
        } 
       

       
/* NAVIGATION: =nav
----------------------------------------------- */
	div#navbox { 
	  background: #242424 url(images/navbg.png) repeat-x left top;
	  width: 910px;
	  height: 45px;	         
	  margin: 0px;
	  padding: 0px 0px 0px 84px;
	  clear: both;  
	  /*overflow: hidden;*/
	}

	#navbox ul { 
	  border-left: 1px solid #454545;    
	  line-height: normal;
	  margin: 0px;
	  padding: 0px; 
	  list-style-type: none;
	  list-style: none;
	  float: left;
	}

	#navbox li{ 
	  height: 42px;	   
	  border-right: 1px solid #454545;    
	  float: left;
	  /*position: relative;*/
	  margin: 0px; 
	  padding: 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style: none;
	}

	#navbox li a {
	  float: left; 
	  display: block; 
	  width: .1em; 
	  padding: 13px 13px 0px 13px; 
	  text-decoration: none; 
	  white-space: nowrap; 
	  color: #ffffff;
   	  margin: 0px;
   	  height: 29px;
	}

	#navbox > ul a{ width:auto; }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navbox a { float:none; }
	/* End IE5-Mac hack */

	#navbox li a:hover,
	#navbox li a:link:hover,
	#navbox li a:visited:hover { 
	   height: 29px;		   
	   background: #484848 url(images/navbg_hover.png) repeat-x left top;
	   padding: 13px 13px 0px 13px;
	   color: #ffffff;
	}

	#navbox li.current { 
	   background: #ffffff url(images/navbg_active_left.png) no-repeat left top;
	   padding: 0px 0px 0px 8px;
	}

	#navbox li.current a, 
	#navbox li.current a:link,
	#navbox li.current a:visited { 
	   background: #ffffff url(images/navbg_active_right.png) no-repeat right top;	   
	   height: 29px;	   
	   color: #A3011F;
	   padding: 13px 13px 0px 5px;
	}

	#navbox li.current a:link:hover,
	#navbox li.current a:visited:hover { 
	   background: #ffffff url(images/navbg_active_right.png) no-repeat right top; 
	   height: 29px;
	   padding: 13px 13px 0px 5px;	   
	}	 

/* SUBNAVIGATION: =subNavigation (drop downs)
----------------------------------------------- */

	ul#navigation li ul,
	ul#navigation li.current ul {
	   padding: 0px;
	   margin: 0px;
	   border-left: 1px solid #FFE7B8;    	  	   
	}


	ul#navigation li li,
	ul#navigation li.current li{
	   display: block;
	   float: left;
	   background: none;
	   padding: 0px;
	   margin: 0px;
	   width: auto;
	   list-style-image: none;
	   list-style-type: none;
	   list-style: none;
	   height: 24px;
	   border-right: 0px;
	}

	ul#navigation li li a,  
	ul#navigation li li a:link,
	ul#navigation li li a:visited 
	ul#navigation li.current li a,
	ul#navigation li.current li a:link,
	ul#navigation li.current li a:visited {
	   background-color: #ffffff;
	   background-image: none;
	   display: block;
	   font-weight: bold;
	   color: #A3011E;
	   height: 16px;	   
	   padding: 4px 16px;
	   margin: 0px;
	   width: 130px;
	   font-size: 100%;
	   font-weight: normal;
	}

	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-color: #ffffff;
	   background-image: none;
	   color: #006699;
	   height: 16px;	   
	   padding: 4px 16px;
	   margin: 0px;
	   width: 130px;
	}

	li ul, 
	li.current ul { /* second-level lists */
	   background-color:#ffffff;
	   background-image: none;
	   display: none;
	   position: absolute;
	   top: 0px;
	   left: 0px;
	   z-index: 8;
	   clear: both;
	   width: 162px;
	   margin: 0px;
	   padding: 0px;
	   border-top: 1px solid #FFE7B8;
	   border-right: 1px solid #FBBD3B;
	   border-left: 1px solid #FFE7B8;
	   border-bottom: 1px solid #FBBD3B;	   	   
	}

 li>ul, li.current>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: 126px;
    left: auto;
 }
ul#navigation li.current ul{
    margin-left: -8px;
 }
	li:hover ul, 
	li.over ul,
	li.current:hover ul, 
	li.current.over ul{ /* lists nested under hovered list items */
	   display: block;
	}
	
	
/* FOOTER: =footer
----------------------------------------------- */
	div#footer { 
	   background: url(images/footerbg.png) repeat-x left top;
	   width: 826px;
	   margin: 0px 84px; 
	   padding: 32px 0px 0px 0px;
    	   float: left;
    	   display: inline;
    	   clear: both;
    	   font-size: 90%;
	}
	
	div#footer div#copyright { 
	   width: 413px;
	   color: #7C7C7C; 
	   margin: 0px; 
	   padding: 12px 0px;
 	   text-align: left; 
	   position: relative;
	   float: left;
	   display: inline;
	   clear: none;
	}
	
	div#footer div#copyright ul{
	   list-style: none;
	   float: left;
	   padding: 0px;
	   margin: 0px;
	}

	div#footer div#copyright li {
	   float: left;
	   padding: 0px 4px;
	   margin:0px;
	}	
	
	div#footer div#copyright li.timeomatic {
	   padding: 4px 4px 0px 4px;
	}	
		
	div#footer div#footerText { 
	   width: 413px;	
	   color: #A4A3A3; 
	   margin: 0px ; 
	   padding: 8px 0px; 
	   position: relative;
	   float: left;
	   display: inline;
	   clear: none;
	}			
	
	div#footer div#footerText p { 
 	   text-align: right;
	   font-size: 125%;
	   font-weight: bold; 	   
	}
	
	div#footer div#footerText p a { 
	   font-weight: bold; 	   
	}
	
	div#footer a {  
	   font-weight: normal;
	   color: #A40A26;
	   text-decoration: none;
	}
	
	div#footer img.footersigns {  
	   padding-top: 2px;
	}	
	

/* FORM: =form
----------------------------------------------- */
	
	.form {
	   background: url(images/form_bg.png) no-repeat top center;
	   width: 528px;
	   margin: 24px 0px 10px 0px;
	   padding: 0px;
	}	
   	
	fieldset {
	   margin: 0px;
	   padding: 6px 24px 6px 36px;
	   font-size: 90%;
	   border: 0px;
	}	

	fieldset p {
	   margin: 8px 0px 8px 0px;
	   line-height: 135%;
	}
	
	fieldset p.checkbox {
	   line-height: 185%;
	   margin: 8px 0px 18px 0px;	   
	}	

	legend {
	   font-size: 110%;
	   padding: 0px 0px 6px 0px;
	   font-weight: normal;
	}
	/*
	label {
	   width: 215px;
	   margin: 0px;
	   padding: 4px 4px 0px 0px;
	   text-align: right;
	   float: left;
	}
	*/
	label.checkbox,
	label.br {
	   clear: both;
	   padding: 2px 4px;
	   text-align: left;
	} 

	label a{
	   color: #8F3F28;
	   font-size: 95%;
	   font-weight: normal;
	}

	.required { 
	   color: #CC0000; 
	}

	input {
	   font-size: 90%;
	   text-align: left;
	   padding: 0px 2px 2px 2px;
	}
	
	
	
	select {
	   font-size: 90%;
	   text-align: left;
	   padding: 0px;
	   margin: 0px 2px 2px 2px;
	}


/* 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 */


/* GALLERY: =gallery	
----------------------------------------------- */
	/*
	ul.newsSummaries
	{
		list-style-type: none;
		margin-left: 0px;
		padding-left: 0px;
	}
	#baseContent ul.newsSummaries li
	{
		margin-left: 0px;
		padding-left: 0px;
	   background: url(/images/faq_bg.png) no-repeat top center;
	   width: 726px;
	   padding: 20px;
	   margin: 0px;
	   clear: both;
	}

	#baseContent ul.newsSummaries h3 {
	   color: #A3011E;
	   padding: 0px;
	   margin: 0px;
	}
	#baseContent ul.newsSummaries h3 a {
	   color: #A3011E;
	   text-decoration: none;
	}
	#baseContent ul.newsSummaries h3 a:hover {
	   color: #A3011E;
	   text-decoration: underline;
	}

*/


	div#newsStoryBottomInfo {
	   background: url(images/faq_bg.png) no-repeat top center;
	   width: 726px;
	   padding: 20px;
	   margin: 0px;
	   clear: both;
	   margin-top: 2em;
	}
	div#newsStoryBottomInfo h3 {
	   padding: 0px;
	   margin: 0px;
	}

/* EDITOR PROPERTIES */
.right {
float: right;
}

