body {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;  
			color: #333333;
			background: #FFFFFF none repeat scroll 0 0;
			margin: 0px;
			margin-left: 0px;
			margin-right:0;
			margin-top:0;
			padding:0;
		}
   
		#content {
			width: 860px;
			\width: 860px;
			w\idth: 860px;
			background: #FFFFFF none repeat scroll 0 0;
			margin: 0px;
			margin-left: 0px;
			padding: 0px;
		}

		#mainpanel {   
			float: right;
		  	width: 700px;
			background: #FFFFFF none repeat scroll 0 0;
			margin-top: 0px;
			margin-right: 0px; 
			padding: 0px;  
		}

		#sidebar {
			float: left;
			width: 090px;   
			background: #FFFFFF none repeat scroll 0 0;
			margin-top: 0px;
			margin-right: 0px;
			padding: 0px;
		}

		#header {
			background: #FFFFFF none repeat scroll 0 0;
			margin-top: 0px;
			margin-right: 0px;  
			margin-bottom: 0px;
			padding: 0px;      
			color: #aaaaaa;
		}   

		#menubar {
			width: 100%;
			background: #FFFFFF none repeat scroll 0 0;
			margin-top: 0px;
			margin-right: 0px;  
			margin-bottom: 0px;
			padding: 0px;      
		}   
		
	 	#pagetitle {
	 		width: 700px;
	 		float: left;
	 		margin-top: 15px;
			margin-right: 0px;  
			margin-bottom: 0px;
			padding: 0px;      
			background: #FFFFFF;	
			text-align: left;
			font-family: Arial;
			font-size: 19px;
			font-weight: 400;
			color: #339a99;
		}  
		#pagetitle a {      
		  font-family: Arial;
			font-size: 19px;
			font-weight: 400;
			color: #339a99;
			text-decoration: none;
		}
		#pagetitle a:hover {
			font-family: Arial;
			font-size: 19px;
			font-weight: 400;
			color: #339a99;
			text-decoration: none;
		}
		#pagetitle a:active {
			font-family: Arial;
			font-size: 19px;
			font-weight: 400;
			color: #339a99;
			text-decoration: none;  
		}
		            
		            
		#photobox { 
			width: 700px;
			float: left;
			margin-top: 5px;
			margin-right: 0px;  
			margin-bottom: 5px;
			padding: 0px; 
			background: #FFFFFF;
			clear: both;
		}   

               #frag_date {
                        width: 700px;
                        float: left;
                        margin-top: 2px;
                        margin-right: 0px;
                        margin-bottom: 2px;
                        padding: 0px;
                        text-align: right;
                        background: #FFFFFF;
                        clear: both;
                }
	
    #pagecontent {
    	background: #ffffff;
    		margin-top: 0px;
			margin-right: 0px;  
			padding: 0px;    
			height: 300px;   
			display: inline;			
		}
		
		#pagecontent_indented {
			margin-left: 00px;	
			width: 680px;
			text-align: left;
			padding: 0px;
			font-family: Verdana;
			font-size: 12px;  
		}                       
		
		#pagecontent a {
			font-family: Arial;
			font-size: 12px;
			text-decoration: none;
			color: #339A99;		       
		}
		#pagecontent a:hover {
			font-family: Arial;
			font-size: 12px;
			text-decoration: none;
			color: #006766;		       
		}
		#pagecontent a:active {				
			font-family: Arial;
			font-size: 12px;
			text-decoration: none;
			color: #339A99;          
	    }		
		
		
		#pagecontent_indented_softhref {
			margin-left: 50px;
			width: 645px;
			text-align: left;
			padding: 0px;
			font-family: Arial;
			font-size: 11px;
		}                       
		
		#pagecontent_indented_softhref a {
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #333333;
			font-variant: small-caps;   
		}
		#pagecontent_indented_softhref a:hover {
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #3333aa;
			font-variant: small-caps;
		}
		#pagecontent_indented_softhref a:active {				
			font-family: Arial;
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
			color: #339a99;
			font-variant: small-caps;
    }
        
    #bottom {
			margin-top: 0px;
			margin-right: 0px;  
			margin-bottom: 5px;
			padding: 0px;      
		}

    #fragment_box { 
   	  float: right;   
    	width: 500px;
			margin-top: 0px;   
			margin-bottom: 0px;
			margin-right: 0px;  
			padding: 0px;   
			text-align: right;  
		}
		
		#fragment_panel_left {
			float: right;
			margin-top: 0px;
			margin-left: 30px;
			background: #339a99;
		}

		#fragment_panel_right {
			float: right;
			text-align: right;
			margin-top: 0px;
			margin-left: 30px;
			background: #339a99;
		}
		
		#fragment_text_white {
			font-family: Verdana;
			font-size: 9px;
			font-weight: 500;
			text-decoration: none;
			color: #FFFFFF;
			background: #999999;
		}
		
		#fragment_text_black {
			font-family: Verdana;
			font-size: 24px;
			font-weight: 500;
			letter-spacing: -1px;
			text-decoration: none;
			color: #66cdcc;
		}
		#fragment_text_black a {
			font-family: Verdana;
			font-size: 11px;
			font-weight: 500;
			vertical-align: middle;
			letter-spacing: -1px;
			text-decoration: none;
			color: #333333;		
		}
		#fragment_text_black a:hover {
			color: #77ffff;		
		}
		#fragment_text_black a:active {
			color: #77ffff;		
		}
		
		#menu_item a {
			float: left;
			display: block;
			width: 100px;
			background: url("images/button.jpg") 0 0 no-repeat;
			margin-top: 0px;
			margin-left: 10px;
			text-align: left;
			padding: 0px;
			font-family: Arial;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF
		}
		
		#menu_item a:hover {	
			background-position: -100px 0;
		}
		#menu_item a:active {
			background-position: -100px 0;
		}    
		
		#menu_item_hot a {
			float: left;
			display: block;
			width: 100px;
			background: url("images/button.jpg") -100px 0 no-repeat;
			margin-top: 0px;
			margin-left: 10px;
			text-align: left;
			padding: 0px;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF
		}    
		
		form { 
			margin-top: 0px;
			margin-bottom: 0px
		}
		 		
		INPUT {
			background-color: #dddddd;
			color: black;
			font-family: arial, verdana, ms sans serif;
			font-weight: 200;
			font-size: 8pt;
			border: 1px;
		}      
		
		#search {
			background-color: #f3f3f3;
			color: #aaaaaa;
			font-family: arial, verdana, ms sans serif;
			font-weight: 100;
			font-size: 8pt;

		}      
		
		#logo {
			margin: 0px;
			margin-left: 20px;
			margin-right: 0;
			margin-top: 5px;
			margin-bottom: 0px;
			padding: 0px;        
			text-align: center;  
		}   
		
		#quote {
			margin-top: 25px;
			margin-left: 20px;  
			margin-bottom: 0px;
			padding: 0px;      
			text-align: left;
			color: #555555;
			font-family: arial;
			font-weight: 200;
			font-size: 8pt;
		}                   
		#quote b {     
			margin-top: 50px;
		  color: #117877;
			font-family: verdana;
			font-weight: 200;
			font-size: 8pt; 
			font-variant: small-caps;
		}
		#quote_box {
			border: 1px #cccccc solid; 
			padding: 10px;
		}                  
		#quote h4 {
			clear: none;
			margin: 0px;
		  color: #117877;
			font-family: verdana;
			font-weight: 500;
			font-size: 12pt; 
			font-variant: small-caps;
		}
		#quote a {
		  color: #117877;
			font-family: verdana;
			font-weight: 500;
			font-size: 12pt; 
			font-variant: small-caps;		
			text-decoration: none;		
		}
		#quote a:hover {
		  color: #1178bb;
			font-family: verdana;
			font-weight: 500;
			font-size: 12pt; 
			font-variant: small-caps;		
			text-decoration: none;		
		}
		#quote a:active {
		  color: #3378bb;
			font-family: verdana;
			font-weight: 500;
			font-size: 12pt; 
			font-variant: small-caps;		
			text-decoration: none;		
		}
		


		#datestamp {
			margin-right: 0px;  
			margin-bottom: 0px;
			text-align: center;
			padding: 0px;      
			color: #000000;
			font-family: verdana;
			font-weight: 200;
			font-size: 8pt;
		}
		#datestamp b{       
			color: #333333;
			font-family: Times;
			font-weight: 400;
			font-size: 11pt;
			letter-spacing: -1px;			
		}
		
		#contact_form {
			margin-right: 0px;  
			margin-bottom: 0px;
			text-align: left;
			padding: 0px;      
			color: #000000;
			font-family: verdana;
			font-weight: 200;
			font-size: 8pt;			
		}
		#contact_form  b {		
			color: #333333;
			font-family: Times;
			font-weight: 400;
			font-size: 11pt;
			letter-spacing: -1px;			
		}	
		#contact_form h4 {
			clear: none;
			margin: 0px;
		  color: #117877;
			font-family: verdana;
			font-weight: 500;
			font-size: 12pt; 
			font-variant: small-caps;
		}
		
		#sitemap a {
			text-decoration: none;
		}
		#sitemap a:hover {
			text-decoration: none;
		}
		#sitemap a:active {

			text-decoration: none;
		}      
		#sitemap {  
		clear: both;      
			height: 200px;
			font-family: Tahoma;
			font-size: 11px;
			font-weight: 500;
			text-decoration: none;
			color: #333333;      
			background-image: url(images/smapbg.jpg); 
			background-position: 0px 0px; 
			margin: 0px;
			padding: 0px;
		}
		
		#l4 a{
			font-family: Verdana;
			font-size: 12px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #339a99;
			margin: 0px;
			letter-spacing: 0px;			
		} 
		#l4 a:hover {
			font-family: Verdana;
			font-size: 12px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #134acc;
			margin: 0px;
			letter-spacing: 0px;			
		}
		#l4 a:active{
			font-family: Verdana;
			font-size: 12px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #339a99;
			margin: 0px;
			letter-spacing: 0px;			
		}		

		#l3 a{
			font-family: Tahoma;
			font-size: 12px;
			font-weight: 500; 
			font-variant: normal;
			text-decoration: none;
			color: #111111;
			margin: 0px;
			margin-left: 10px;			
		}        
		#l3 a:hover{
			font-family: Tahoma;
			font-size: 12px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #134acc;
			margin: 0px;
			margin-left: 10px;			
		}
		#l3 a:active{
			font-family: Tahoma;
			font-size: 12px;
			font-weight: 500; 
			font-variant: normal;
			text-decoration: none;
			color: #111111;
			margin: 0px;
			margin-left: 10px;			
		}  		
		
		#l2 a{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #665566;
			margin: 0px;
			margin-left: 20px;			
		}
		#l2 a:hover{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #134acc;
			margin: 0px;
			margin-left: 20px;			
		}
		#l2 a:active{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #665566;
			margin: 0px;
			margin-left: 20px;			
		}	
		
		#l1 a{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #665566;
		}
		#l1 a:hover{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #134acc;
		}
		#l1 a:active{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #665566;
		}	
		#footer {
			float: left;
			width: 750px;
	 		margin-top: 5px;
			margin-bottom: 5px;
			padding: 0px;      
			text-align: center;
			font-family: Verdana;
			font-size: 10px;
			font-weight: 400;
			color: #339a99	
		}
		#footer a{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #665566;
		}
		#footer a:hover{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #134acc;
		}
		#footer a:active{
			font-family: Tahoma;
			font-size: 10px;
			font-weight: 500;
			font-variant: normal;
			text-decoration: none;
			color: #665566;
		}	

		
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2em;
	background: #eeeeee;
	width: 100%;

}

#nav a {
			display: block;
			width: 115px;
			margin: 0;
			padding-bottom: 10px;
			padding: 0px;
			font-family: Arial;
			font-size: 11px;
			text-decoration: none;
		    background-color: #eeeeee;
			color: #555555;
			text-decoration: none;
}

#nav li { /* all list items */
	margin: 0;
	float: left;
	width: 115px; /* width needed or else Opera goes nuts */
	background: #eeeeee;
	z-index: 999;
	position:relative;
}

#nav li a:hover { 
	margin: 0;
	color: #33abaa;
	background: #eeeeee;
}

#nav li ul { /* second-level lists */
	margin-left: -999em;
	position: absolute;
	width: 115px;
	left: -1px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: #eeeeee;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
	background: #eeeeee;
}

#nav li.sfhover ul { /* lists nested under hovered list items for Internet Explorer */
	left: auto;
	margin: 0;
	margin-left: -57px;
	background: #eeeeee;
}

/* ****below is nav2- created to give another dimension************************ */

	#nav2, #nav2 ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 5em;
	}
	
	#nav2 li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: auto;
		z-index: 101;
	}
	
	#nav2 li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 5em;
		margin-top : -1.35em;
		z-index: 102;
	}
	
	#nav2 li ul ul { /* third-and-above-level lists */
		left: -999em;
		z-index: 103;
	}
	
	#nav2 li a {
		width: 5em;
		w\idth : 5em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : 0px solid black;
		padding : 0 0.0em;
	}
	
	#nav2 li a:hover {
		color : white;
		background-color : #white;
	}
	
	#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover2 ul ul, #nav2 li.sfhover2 ul ul ul {
		left: -999em;
	}
	
	#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover2 ul, #nav2 li li.sfhover2 ul, #nav2 li li li.sfhover2 ul { /* lists nested under hovered list items */
		left: auto;
	}