@charset "UTF-8";
/* CSS Document */

/* CSS Document */

.style1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 70%; line-height:120%; }

.style2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 73%; }

.style3 {line-height:130%; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

.style4 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#900;}


body {width:89%;
      margin-left: 6%; margin-right: 4%;
	  min-width:800px;
	  max-width:1100px;}
 
 #header,#content,#sub-section,#footer, #text, #box1 {
 overflow:hidden;
 }
 
 /* safari and opera need this */
 
 #footer {width:100%}
 
 #header, #sub-section {float:left}
 
 #text {float:right; line-height:130%; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:50%; margin-top:0px; margin-left:10px; margin-bottom:10px; margin-right:10px}
 
 
 #box1 {float:right; line-height:130%; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:65%; margin:10px; padding:15px; background-color:#eeeeee;}
 
 
 #content {float:right;  line-height: 145%;}
 
 #header {width:98%}
 
 /* leaving room for rounding error (MSIE) */

 

 #content {width:81%}
 
 #sub-section {width:17%; line-height: 80%}
 
 #footer {clear:both}
 
 
 
 img.photo {float: right;
  margin: 0.5em;
  padding: 0.5em;} 
  
  
 img.photo2 {float: right;
  margin: 10px;}
  
 
 h1, h2, h3,h4,h5 
 { font-family: Verdana, Helvetica, sans-serif;}
 h1 { font-size: 125%;  color:maroon; background-color:#ffffff; line-height:110%}
 h2 { font-size: 115%; color: #maroon; background-color:#ffffff;}
 h3 { font-size: 110%; color: #maroon; background-color:#ffffff;}
 h4 { font-size: 103%; color: #maroon; background-color:#ffffff;}
 h5 { font-size: 95%; color: #maroon; background-color:#ffffff;
 }
 
 h6 
 { font-family: Verdana, Helvetica, sans-serif; font-size: 93%;  color:maroon; background-color:#cccccc;
 } 
 
 p
{
text-indent: 1cm;
font-family: "Times New Roman", Times, serif;
font-size: 98%;
}

 blockquote
{
	margin-left:10%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	line-height: 150%;
	background:#EEEEEE;
	padding: 10px;
	}
a:link { text-decoration: none; color:navy; }
a:visited {text-decoration: none; color:#666666; }
a:active {text-decoration: none; color:red; }
a:hover {text-decoration: underline; color:black; }

.navlist
{
padding: 1px;
margin-left: 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 130%
 }

.navlist li
{
list-style: none;
margin: 0px;
text-align: left;
}

.navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em;
text-decoration: none;
}


.navlist li a:hover
{
color: #maroon;
background: #EEEEEE;
border-left: 2px #CCCCCC solid;
}

.navlist2
{
padding: 1px;
margin-left: 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
line-height: 115%
 }

.navlist2 li
{
list-style: none;
margin: 0px;
text-align: left;
}

.navlist2 li a
{
display: block;
padding:0.4em 0.3em 0.4em;
text-decoration: none;
}


.navlist2 li a:hover
{
color: #maroon;
background: #EEEEEE;
border-left: 2px #CCCCCC solid;
}

.navlist3
{
padding: 1px;
margin-left: 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
line-height: 140%
 }

.navlist3 li
{
list-style: none;
margin: 0px;
text-align: left;
}

.navlist3 li a
{
display: block;
padding:0.4em 0.3em 0.4em;
text-decoration: none;
}



.navlist3 li a:hover
{
color: #ffffff;
background: #666666;
width: 250px;
}


.navlist4
{
padding: 1px;
margin-left: 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 140%
 }

.navlist4 li
{
list-style: none;
margin: 0px;
text-align: left;
}

.navlist4 li a
{
display: block;
padding:0.4em 0.3em 0.4em;
text-decoration: none;
}

.navlist4 li a:link { color: #000; }
.navlist4 li a:visited { color: #006; }

.navlist4 li a:hover
{
color: #ffffff;
background: #666666;
width: 250px;
}