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

	body{
	 background: #808183 url(/img/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: #54534f;	 
	}
	
       .printonly {
         display:none;
       }
   	

	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			
	
	p, #baseContent p, #fullContent p {
	   line-height: 125%;
	   margin: 0px 0px 14px 0px;
	   padding: 0px 20px 0px 0px;
	} 
	
	h1 { 
	   font-size: 180%;
	   line-height: 115%;
	   color: #4F4E4E;	 
	   margin: 0px 0px 10px 0px;	
	   padding: 10px 0px 0px 0px;
	}
	
	h2 { 
	   font-size: 125%;	    
	   color: #7A7979;	   
	   margin: 0px;
	   padding: 16px 0px 0px 0px;	   
	}
	
	h3 { 
	   font-size: 120%;
	   color: #444444;
	   margin: 24px 0px 0px 0px;
	   padding: 0px;	   
	}

	h4 { 
	   font-size: 14px; 
	   margin: 0px;
	   padding: 0px;
	   color: #444444;
	}	
 
	
	sup {
	   font-size: 80%;
	   line-height: 80%;
	   padding: -4px 0px 0px 0px;
	   margin: -4px 0px 0px 0px;	   
	} 
	
	hr{ 
	   color: #DEDEDE;
	   height: 1px;
           clear: both;	   
	   margin: 4px 0px 8px 0px;
	   padding: 0px;
	}	
	
	.allcaps {
	   text-transform: uppercase;
	   font-weight: bold;
	}
	
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       ul, #baseContent ul {
	 list-style-position: outside;
	 list-style-type: square;
	 margin: 10px 0px 20px 14px;
	 padding: 0px; 
       }       
       
       ul li{
         margin: 0px;
         padding: 0px 0px 8px 0px; 
         line-height: 120%;

       }
       
       ol, #baseContent ol {
	 margin: 4px 0px 0px 0px;
	 padding: 0px 0px 20px 14px; 
       }       
       
       ol li{
         margin:0px 0px 0px 14px;
         padding:0px;
         line-height:130%;       
       }                
      

	
/* LINKS: =links
----------------------------------------------- */
	
	a, a:link { 	    
	   color: #005a8f; 
	   text-decoration: none;
	}
	
	a:hover, a:visited:hover	{ 
	   color: #005a8f;
	   text-decoration: underline;	   
	}
	
	a:visited { 
	   color: #005a8f;
	   text-decoration: none;
	}	
	
	a img { 
	   border: none; 
	}
	   
	
/* CONTAINER: =Wrap
----------------------------------------------- */
	
	div.container {
	 width: 940px; 
	 margin: 0px auto;
	 padding: 0px;
	 position: relative;
	}
	
	.parentWrap{
	   background: #ffffff url(/img/parentBG.png) repeat-x top center;
	   position:relative;
	   width: 918px;
	   margin: 0px 11px;
	   padding: 0px;
	   z-index: 3;
	}	 

	/* 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;
	}		
		
		
/* HEADER BAR: =header
----------------------------------------------- */
			
	div.header { 
	   background: url(/img/bannerbg.png) no-repeat center top;
	   height: 97px;
	   width: 940px;
	   margin: 0px;	
	   padding: 0px;	   
	}
	
	div.header h1{ 
	   position: absolute; 
	   width: 368px;
	   top: 0px; 
	   left: 11px; 
	   font-size: 120%;
	   padding: 0px;
	   margin: 0px;
	 }
	 
	div.header h1 img{ 
	   position: absolute; 
	   top: 0px; 
	   left: 0px;  
	   height: 97px;
	   width: 368px; 	   
	 }
	 
	div.header h1 span{ 
	   padding: 0px;
	   margin: 0px 0px 0px 20px; 
	   clear: both;
	   display: block;
	   color: #221E1F;	   
	 }	 
	 
	div.header h1 a, 
	div.header h1 a:link,
	div.header h1 a:visited,
	div.header h1 a:hover { 
	   color: #007dc3; 	   
	 }	 
	
	/* UTILITY: =utility
	----------------------------------------------- */

	div#utility{
	   position: absolute; 
	   top: 0px; 
	   right: 20px; 
	   margin: 0px;
	   padding: 0px;		   
	}

	#utility ul{
	   list-style: none;
	   float: right;
	   padding: 0px;
	   margin: 0px;
	}

	#utility li {
	   float:left;
	   padding:0px;
	   margin:0px;
	}

	#utility li a,
	#utility li a:link,
	#utility li a:visited {
	   float:left;
	   display:block;
	   padding:8px 10px;
	   margin:0px;
	   white-space: nowrap;
	   color:#454a4f;
	   text-decoration: none;
	   text-transform: uppercase;
	   font-size: 85%;
	}
		
	#utility li a:hover {
	   color:#007dc3;
	}	
	
	.textChange {
	   float: right;
	   clear: both;
	   margin: 18px 0px 0px 0px;
	   color: #5e6266;
	   text-transform: uppercase;
	   font-size: 85%;
	}
	
/* TITLE BAR: =titlebar
----------------------------------------------- */
		
	.titlebar {
	   background: #414548 url(/img/titlebarBG.jpg) no-repeat top left;
	   position: absolute;
	   top: 53px;
	   left: -11px;
	   /*z-index: 4;*/
	   height: 132px;
	   width: 940px;
	   margin: 0px;
	}
	
	.titlebar h1 {
	   font-family: Georgia, Times, serif;
	   color: #ffffff;
	   margin: 0px 10px 0px 290px;
	   padding-top: 36px;
	   font-weight: normal;
	   font-size: 200%;	
	   line-height: 120%;
	}
	
	.titlebar h2 {
	   color: #7abadd;
	   margin: 0px 24px 4px 290px;	
	   padding-top: 6px;
	   font-weight: normal;
	   font-style: italic;
	   text-transform: lowercase;
	}

	.titlebar img {
	   float: right;
	   height: 132px;
	}	

/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
				
	#fullContent {
	   width: 613px;
	   margin: 150px 0px 0px 4px;
	   padding: 20px 24px 0px 28px;	   
	   clear:none;		   
	}
	
	#baseContent {
	   width: 425px;
	   margin: 150px 0px 0px 4px;
	   padding: 20px 24px 0px 28px;	 
	   clear:none;
	}
	

/* RIGHT COLUMN: =rightColumn	
----------------------------------------------- */

	div#rightColumn { 
	   background: url(/img/rightColumnBG.png) repeat-y center top;
	   padding: 0px 0px 0px 0px;
	   margin: 185px 33px 0px 0px;
	   width: 155px;
	   clear:none; 	   
	}		

	div#rightColumn h1, div#rightColumn h2, div#rightColumn h3 { 
	   background: #b8dbef url(/img/rightColumnTop.png) no-repeat center top;
	   color: #54585c;
	   font-family: Georgia, Times, serif;
	   font-size: 120%;
	   font-weight: normal;
	   margin: 0px;
	   padding: 12px 12px 9px 12px;
	   border-bottom: 1px solid #72b8df;
	}
	
	div#rightColumn p { 
	   margin: 0px;
	   padding: 12px 12px 0px 12px;
	   font-size: 90%;
	}

	div#rightColumn span { 
	   background: url(/img/rightBottom.png) no-repeat center bottom;
	   display: block;
	   width: 155px;
	   height: 30px;
	}	
	

/* LEFT COLUMN: =leftColumn	
----------------------------------------------- */

	div#leftColumn { 
	   background: url(/img/subnavTop.png) no-repeat left top;
	   padding: 0px;
	   margin: 46px 0px 0px 28px;
	   width: 217px;
	   clear:none; 
	}		

	div#sidebars{ 
	   background: url(/img/sideLines2.png) no-repeat left 150px; 
	   z-index: 8;
	}	
	
	
	
/* FOOTER: =footer
----------------------------------------------- */
	
	div#footerInfo,
	div#footerInfoLeft { 
	   margin: 0px; 
	   padding: 0px;
 	   position:relative;
	   float:left;
	   display:inline;
	   clear: none;
	   color: #ffffff;	   
	}	
	
	div#footerInfoLeft { 
	   width: 280px;	   
	}	
	
	div#footerInfoLeft p { 
	   padding: 0px;
	   margin: 24px 26px 12px 26px; 
	   font-size: 90%;
	   line-height: 145%;
	}
	
	div#footerInfoLeft p.social { 
	   margin: 0px 26px 10px 26px;
	}	
	
	div#footerInfoLeft p.social img { 
	   padding: 0px 2px;
	   margin: 0px;
	}	
	
	div#footerInfo { 
	   width: 660px;
	   padding: 15px 0px;
	   margin: 0px;
	}	
	
	div#footerInfo ul{ 
	   float: left;
	   border-top: 1px solid #646565;
	   width: 200px;
	   margin: 0px 6px;
	   padding: 0px;
	   list-style-type: none;
	   list-style:none;	   
	}	
	
	div#footerInfo ul li{ 
	   font-size: 90%;
	   border-bottom: 1px solid #646565; 
	   height: 24px;
	   padding: 0px;
	   margin: 0px;	
	   overflow: hidden;
	}
	
	div#footerInfo ul li a, div#footerInfo ul li a:visited, div#footerInfo ul li a:link, div#footerInfo ul li a:hover { 
	   color: #ffffff; 
	   padding: 4px 7px 6px 7px;
	   margin: 0px;
	   height:14px;
	   width: auto;
	   display: block;
	   text-decoration: none;
	}
	
	div#footerInfo ul li a:hover { 
	   background: #646565; 
	   text-decoration: none;
	}
	
	div#footerWrap { 
	   background: #96999a;
	   width: 100%;
	   margin: 0px; 
	   padding: 12px 0px;
	   clear: both;
	}   

	div#footerWrap p { 
	   font-size: 85%;
	   text-align: center;
	   color: #323232;
	} 
	
	a.credit, a:visited.credit, a:link.credit {  
	   font-weight: normal;
	   padding: 0px;
	   color: #4b4c4c;
	   text-decoration: none;	   
	}
	
	a:hover.credit {  
	   color: #99cbe8;
	   text-decoration: none;
	}	
	
		

/* FORM: =form
----------------------------------------------- */
   	
	form {
	    margin: 0px;
	    padding: 0px;
	}
	
	fieldset {
	    padding: 20px;
	}
	
	form p{
	    margin: 0px;
	    padding:  3px 10px;
	}	


	legend {
	   font-size: 110%;
	   padding: 0px 0px 6px 0px;
	   font-weight: normal;
	   color: #40403A;
	}

	label {
	   width: 110px;
	   margin: 0px;
	   padding: 2px 4px 0px 0px;
	   text-align: right;
	   float: left;
	   font-weight: bold;
	   font-size: 90%;
	} 

	.required { 
	   color: #B01D03; 
	}

	input {
	   font-size: 90%;
	   text-align: left;
	}
	
	select {
	   font-size: 90%;
	   text-align: left;
	   padding: 0px 2px;
	}	

	textarea { 
	   text-align: left;
	   margin: 0px;
	   padding: 0px;   
	}


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


/* ////////////////////////////////// */
/* cta */
	
	div.cta, div.ctaHome { 
	  width: 217px;
	  background: #acd4ea url(/img/ctaBG.jpg) no-repeat center bottom;
	  padding: 0px 0px 14px 0px;
	  margin: 0px 0px 8px 0px;
	}
	
	div.cta a, div.cta a:visited, div.cta a:link,
	div.ctaHome a, div.ctaHome a:visited, div.ctaHome a:link{ 	    
	   color: #444444; 
	   text-decoration: none;
	}	
	
	div.cta h4 a:hover, div.cta p a:hover,
	div.ctaHome h4 a:hover, div.ctaHome p a:hover{ 	    
	   color: #242424; 
	   text-decoration: none;
	}	
	
	div.cta h4, div.ctaHome h4 {
	  background: url(/img/ctaTop.jpg) no-repeat center top;
	  font-family: Georgia, Times, serif;
	  font-size: 115%;
	  font-weight: normal;
	  padding: 12px 12px 0px 12px;
	  margin: 0px;
	}
	
	div.cta p, div.ctaHome p {
	  color: #444444;
	  font-size: 90%;	  
	  padding: 4px 12px 0px 12px;
	  margin: 0px;
	}

	
	div.ctaHome { 
	  width: 240px;
	  background: #acd4ea url(/img/ctaBGhome.jpg) no-repeat center bottom;
	}			
	
	div.ctaHome h4 {
	  background: url(/img/ctaTopHome.jpg) no-repeat center top;
	}
	

	

/* ////////////////////////////////// */
/* search elements */
       
       div.searchForm {
         background: url(/img/searchBG.png) no-repeat top right;
         display: block;
         float: left;
         margin: 2px 0px 0px 0px;
         padding: 0px;
         height: 34px;
         width: 236px;
       }
       
       div.searchForm span{
         background: url(/img/searchBGleft.png) no-repeat top left;
         display: block;
         float: left;
         height: 34px;
         width: 15px;
       }
         
       
       input.search {
	 float: left;
         font-size: .92em;
	 border: 1px solid #a7a6aa;
	 margin: 6px 0px 0px 0px;
	 padding: 0px;
	 width: 150px;
       }

       input.searchbtn {
	 float: left;
         font-size: 11px;
	 color: #fff;
	 text-transform: uppercase;
	 text-align: center;
	 padding: 0px;
	 margin: 6px 10px 0px 6px;
	 background: #908e8e url(/img/searchButton.png) no-repeat top left;
	 height: 21px;
	 width: 53px;
	 border: 0px;
	 cursor: pointer;
	 
       }

       td.userFieldCell {
	 text-align:right;
       }


/*~~~~~~~~~~~~~~~~~~~~~SEARCH RESULTS~~~~~~~~~~~~~~~~~~~~~~~~~~~`*/
       
       .DebutSearchTitle {
         font-size:10px; 
         font-weight: bold;
       }
       .DebutSearchResultsLinkItem {
	
       }

       .DebutSearchResultsHeaderItem        {	
         font-weight:bold;
         width:100%;
         padding-bottom:5px;
         padding-top: 10px;
       }

       .DebutSearchResultsItem {
         border-bottom: 1px dotted dimgray; 
         padding-top:5px; 
         padding-bottom: 5px;
       }

       #DebutSearchContainer {
         width:80%;
         margin:auto;	
       }

       .DebutSearchTitle {
         font-size: 1.5em;
         font-weight: bold;
         color: #007dc3;
         margin: 0px 30px 12px 30px;
       }
       
       .DebutSearchNavigation {
         padding-top: 15px;	
       }

       table.calendar th {
         background: #e1eaf6;
         color: #05283c;
         margin-top:16px;
         border-top: 10px solid #ffffff;
         text-align: left;
       }

       table.calendar td {
         text-align: left;
       }    
       
/*~~~~~~~~~~~~~~~~~~~~~MEMBER INFO~~~~~~~~~~~~~~~~~~~~~~~~~~~`*/
             
       div.SecureMemberInfoDiv {
         
       }

/*~~~~~~~~~~~~~~~~~~~~~STAFF TABLE~~~~~~~~~~~~~~~~~~~~~~~~~~~`*/
           
       table.staffTable td {
         text-align: center;
         font-size: 85%;
         margin: 0px 0px 15px 0px;
         padding: 0px;
         width: 25%;
       }
  
       table.staffTable h3 {
         text-transform: uppercase;
         font-size: 95%;
         margin: 2px 0px;
         padding: 0px;
       } 
       
       table.staffTable p, #baseContent table.staffTable p, #fullContent table.staffTable p {
         text-align: center;
         margin: 0px 6px 6px 6px;
         padding: 0px;         
       }   
  
       table.staffTable img {
         text-align: center;
         padding: 3px;
         border: 1px solid #c9dfeb;
         margin: 4px 0px;       
       } 
       
       table.staffTable img:hover {
         border: 1px solid #005a8f;       
       }        
       
       table.staffTable p strong a {
         color: #54534f;   
       }  
              
       table.staffTable p strong a:hover {
         color: #005a8f;   
       }          
       
       div.SecureMemberInfoDiv {
         margin: 0px 0px 15px 0px;
         padding: 0px;
         border-top: 1px solid #f5e3b3;
         border-bottom: 1px solid #f5e3b3; 
       }     
       
       div.SecureMemberInfoDiv p {
         margin: 0px;
         padding: 10px 2px;       
       } 
       
       div.SecureMemberInfoDiv h1, div.SecureMemberInfoDiv h2, 
       div.SecureMemberInfoDiv h3, div.SecureMemberInfoDiv h4 {
         font-family: Georgia, Times New Roman, Times, serif;
         color: #3b3b3b;
         font-size: 110%;
         font-weight: normal;
         text-transform: none;
         margin: 0px;
         padding: 10px 2px 0px 2px;       
       }