#layout {
position : relative; 
width : 100%; 
height : 100%; 
} 
#menu {
width : 23%; 
top : 2%; 
padding-bottom : 5%; 
} 
#contents {
position : absolute; 
left : 23%; 
top : 5%; 
border-left : 4px solid #4f0b7b; 
border-top : 4px solid #4f0b7b; 
padding-left : 2%; 
padding-top : 2%; 
} 
body {
margin-left : 1%; 
margin-right : 3%; 
font-size : 1em; 
font-family : sans-serif; 

}
table {
width: 100%;
font-family : arial, sans-serif;
}
h1 {
font-family : arial, sans-serif; 
font-size : 1.1em; 
color : black; 
border-width : 2px; 
border-bottom: 2px solid black;
border-top: 2px solid black;

padding : 2px 5px; 
background-color: white;
} 
h2 {
font-family : arial, sans-serif; 
font-size : 1.1em; 
color : #00968c; 
} 
h3 {
font-family : arial, sans-serif; 
font-size : 1em; 
color : black; 
} 

A:link {
color : #00968c; 
text-decoration : underline; 
} 
A:visited {
color : #00968c; 
text-decoration : underline; 
} 
A:hover {
color : #00968c; 
text-decoration : none; 
} 
A:active {
color : #00968c; 
text-decoration : underline; 
} 
p {
font-size : 0.8em; 
color : #000000; 
} 
p.bold {
font-weight: bold;
}
p.italic {
font-stlye: italic;
}
hr {
	height: 7px;
	width: 90%;
	background: #00968c;
	border : none;
}
hr.bottom {
	height: 5px;
	width: 100%;
	background: #4f0b7b;
	border : none;
}

div#sitenav {float: left; width: 90%; margin-top: 2.33em;
   font-size: 11px; background-color: white;
   border: 1px solid black;}
div#sitenav a {display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none;
   color : #001d3b;
    text-align: left;
   border-top: 1px solid gray;}
div#sitenav a:hover {background: #00968c; color: white;}
div#sitenav h4 {background: #00968c; color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
   
div#sitenav2 {width: 100%; 
    background-color: white;
   }
div#sitenav2 a {display: block; padding: 0.1em 0 0.1em 0; margin: 0; 
font-family : arial, sans-serif; 
font-size : 1.1em; 
   text-decoration: none;
   color : white;
   background: #00968c;
    text-align: center;
   border-top: 2px solid #001d3b;
   border-left: 2px solid #001d3b;
   border-right: 2px solid #001d3b;
   border-bottom: 2px solid #001d3b;
   }
div#sitenav2 a:hover {background: white; color: #00968c; border-top: 2px solid #00968c;
   border-left: 2px solid #00968c;
   border-right: 2px solid #00968c;
   border-bottom: 2px solid #00968c;}

div.submenu {
float : right; 
width : 150px; 
color : #000000; 
background-color : #cccccc; 
border : medium solid #00968c; 
border-width : 2px 2px; 
font : 1em Arial, Helvetica, Verdana, sans-serif; 
font-size : 0.7em; 
padding : 4px; 
margin : 1px 0; 
} 
ol {
margin-left : 10%; 
font-size : 0.8em; 
} 
ol.italic {
font-style : italic; 
} 
ol.mainmenu {
list-style-type : square; 
font-size : 0.8em; 
padding-top : 2%; 
} 
ol.submenu {
list-style-type : circle; 
font-size : 0.8em; 
padding-top : 2%; 
font-style : italic; 
}