body {
	margin: 2em;
	padding: 0;
	background-color: #FFFFFF;
	color: #111111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* top navigation bar */

#topnav {
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 10px;
}



#topnav li {
display: inline;
}	


#topnav a:link, #topnav a:visited {
color: #FFFFFF;
background: #336ABE;
padding:15px 20px 15px 20px;
border:5px solid #FFFFFF;
text-decoration:none;
font:bold 1em/1em Arial, Helvetica, Verdana, sans-serif;
text-transform:uppercase;
}


#topnav a:hover, #topnav a:active {
	color:#FFFFFF;
background:#FFBF00;
}



/* side navigation menu */
#sidenav {
position: absolute;
top: 19em;
left: 2em;
width: 14em;
background-color: #EEEEEE;
}

#sidenav ul {
list-style: none;
margin-left: 1em;
padding-left: 0;
}

#sidenav li {
margin-bottom: 0.5em;
}

#sidenav a:link, #sidenav a:visited {
font:1em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
color: #336ABE;
}

#sidenav a:hover, #sidenav a:active {
color: #FFFFFF;
background-color: #336ABE;
}
















/* main text area */
#content {
	margin-left: 16em;
	margin-right: 2em;
margin-top: 5em;
min-width: 25em;
max-width: 42em;
}

h1{
	font: 140% Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
color: #56901C;
background-color: #EEEEEE;
}


h2{
font: 110% Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #56901C;
margin-left: 1em;

}

h3{
font: 110% Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #56901C;
}


#content p, #content ol, #content ul {
	font-size: 90%;
	line-height: 1.5em;
}

a:link, a:active {
	text-decoration: underline;
	color: #336ABE;
}

a:visited {
	text-decoration: underline;
	color: #AE4196;
}

a:hover {
	text-decoration: underline;
	color: #FE0000;
}




.hilite {
color: #663366;
}






.rightimg{
float: right;
margin-left: 5px;
}

.leftimg{
float: left;
margin-right: 5px;
}