/* CSS Document */

body 
	{
	color: #000000;
	background-color:#b4b3b9;
	margin:0;
	padding:0;
	}

#blackboarder
	{
	background-color:#000000;
	margin:1em auto 0 auto;
	width:957px;
	padding:1px;
	}
#center-content
	{
	background-color:#FFFFFF;
	width:956px;
	margin:0;
}

/*  ABOVE MAIN MENU  */

#skip
	{
	position:absolute;
	top:0;
	right:.2em;
	font-size:50%;
	margin:0;
	padding:0;
	}

#header
	{
	margin:0;
	background:url(http://www.k5geosource.org/header.jpg) no-repeat;
	height:110px;
	}
#content_container
	{
	background-color:#0d2e56;
	padding:6px;
	width:100%;
	float:right;
	}

/*  MAIN MENU  */
 
#main_nav { 
	margin:0;
	padding:0; 
	overflow:hidden; 
	background:url(http://www.k5geosource.org/blue-line.jpg) repeat-x;	position:relative; 
	top:103px;
	list-style:none;
	line-height:.75;
} 

#main_nav li { 
	display:inline; 
	padding:0; 
	margin:0.05em;
	float:right;
	position:relative;
} 

#main_nav a{
	display:block;
}

#main_nav .first,
#main_nav .middle,
#main_nav .last
	{
	padding:-1em;
	}
		
#main_nav li a { 
	padding:0;  
	color:#EDF2F8; 
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration:none; 
	font-size:65%;
	top:7em; 
} 

#main_nav li a.selected { 
	color:#ff6633; 	
	font-family: Verdana, Arial, Helvetica, cursive;
	padding:-10px; 
	position:relative; 
	top:-4.8em; 
} 

#main_nav li a:focus, 
#main_nav li a:hover { 
	color:#ff6633;  
}

#main_nav li a:active { 
	color: #DE0702; 
}
	
/*  BELOW MAIN MENU  */

#main_container
	{
	background-color:#0d2e56;
	}

/*  SIDE MENU  */

#side_menu
	{
	float:left;
	background-color:#0d2e56;
	padding:0;
	width:20%;
	}	

#side_menu a
	{
	font-family: Verdana, Arial, Helvetica, cursive;
    font-weight:bold;
	font-size:110%;
padding:0;
	}

#side_menu a:hover,
#side_menu a:focus,
#side_menu a:active

#footer a:hover,
#footer a:focus,
#footer a:active
	{	
	background-color:#FFFFFF;
    font-family: Verdana, Arial, Helvetica, cursive;
	color:#FFFFCC;

	}
<!-- modified from http://www.htmldog.com/articles/suckerfish/dropdowns/  --><head>
	<style type="text/css">
	
	#side_menu, #side_menu ul { /* all lists */
		padding: .5em 0 .5em 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 12em;
	}
	
	#side_menu li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.5em;
		margin-bottom : -3px;
		width: 12em;
	}
	
	#side_menu li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 9em;
		margin-top : -2em;
		width: 15em;
                z-index: 1;
	}
	
	#side_menu li ul ul { /* third-and-above-level lists */
		left: -999em;
		margin-left :6.3em;
		z-index: 2;
	}

	#side_menu li a {
		width: 10em;
		display : block;
		font-color :white;
		font-weight : bold;
		text-decoration : none;
		background-color:#0d2e56;

	}
	
	#side_menu li li a {
		width: 10em;
		display : block;
		color :white;
		font-weight : bold;
		text-decoration : none;
		background-color :#0d2e56;
		border : 2px solid #000000;
		padding : 0.5em;
                margin:-.9em 0 0 0;
	}

	#side_menu li a:hover {
		font-color:red;
		background-color:#0d2e56;
		z-index: 1;
	}
	
	#side_menu li:hover ul ul, #side_menu li:hover ul ul ul, #side_menu li.sfhover ul ul, #side_menu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#side_menu li:hover ul, #side_menu li li:hover ul, #side_menu li li li:hover ul, #side_menu li.sfhover ul, #side_menu li li.sfhover ul, #side_menu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

#side_menu ul li
	{
	margin:-.7em 0 0 -1.5em;
Padding:.5em;
	list-style-type:none;
	}
/*  red right side Nav  */

#rside_menu
	{
	float:right;
	background-color:#FA3330;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	
	
/*  orange right side Nav  */

#oside_menu
	{
	float:right;
	background-color:#FB7F03;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	
	
/*  yellow right side Nav  */

#yside_menu
	{
	float:right;
	background-color:#F3DA05;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	
	
/*  green right side Nav  */

#gside_menu
	{
	float:right;
	background-color:#00AD00;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}		

/*  blue right side Nav  */

#blueside_menu
	{
	float:right;
	background-color:#017DF6;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	
/*  purple right side Nav  */

#pside_menu
	{
	float:right;
	background-color:#6464FF;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	

/*  brown right side Nav  */

#brside_menu
	{
	float:right;
	background-color:#623C12;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	
	
/*  black right side Nav  */

#blside_menu
	{
	float:right;
	background-color:#000000;
	padding:0;
	width:22%;
	border :1px solid #000000;
	}	

/*  General right side Nav  */	
		
#blside_menu div,
#brside_menu div,
#pside_menu div,
#blueside_menu div,
#gside_menu div,
#yside_menu div,
#oside_menu div,
#rside_menu div
	{
	margin:-1.5em .05em 0 .13em;
	}

#blside_menu a,
#brside_menu a,
#pside_menu a,
#blueside_menu a,
#gside_menu a,
#yside_menu a,
#oside_menu a,
#rside_menu a
	{
	color:#0d2e56;
	font-family: Verdana, Arial, Helvetica, cursive;
    font-weight:bold;
	font-size:90%;
	margin:0 .5em 0 0;
	padding:0;
	}

#blside_menu a:hover,
#blside_menu a:focus,
#blside_menu a:active,
#brside_menu a:hover,
#brside_menu a:focus,
#brside_menu a:active,
#pside_menu a:hover,
#pside_menu a:focus,
#pside_menu a:active,
#blueside_menu a:hover,
#blueside_menu a:focus,
#blueside_menu a:active,
#gside_menu a:hover,
#gside_menu a:focus,
#gside_menu a:active,
#yside_menu a:hover,
#yside_menu a:focus,
#yside_menu a:active,
#oside_menu a:hover,
#oside_menu a:focus,
#oside_menu a:active,
#rside_menu a:hover,
#rside_menu a:focus,
#rside_menu a:active
	{	
    font-family: Verdana, Arial, Helvetica, cursive;
	color:#FFFFCC;
    font-weight:bold;
	background-color:#0d2e56;
	margin:0 .5em 0 -.5em;

	}

#blside_menu ul,
#brside_menu ul,
#pside_menu ul,
#blueside_menu ul,
#gside_menu ul,
#yside_menu ul,
#oside_menu ul,
#rside_menu ul
	{
	margin:0;
	padding:0;
	}

#blside_menu ul li,
#brside_menu ul li,
#pside_menu ul li,
#blueside_menu ul li,
#gside_menu ul li,
#yside_menu ul li,
#oside_menu ul li,
#rside_menu ul li
	{
	margin:0 0 0 .5em;
	list-style-type:none;
	}

	
/*  MAIN CONTENT AREA  */
	
/* this style creates the dark shadow that appears to be on the side menu. */
#content_container
	{
	background-color:#ffffff;
	padding:0;
	width:100%;
	/* note that the home page sets a width of 74% for this value. This is set in the 
	head of the home page, not in the external style sheet */
	float:right;
	}	

#content_container div   
	{
	margin:0 0em -.09em 1em;
	}

#skip a:hover,
#skip a:focus,
#skip a:active,
#content_container a:hover,
#content_container a:focus,
#content_container a:active
	{	
	background-color:#0d2e56;
	color:#FFFFCC;
	padding:3px;
	}
#content
	{
	padding-bottom:15px;
	}
		
	
h1
	{
	color:#0D2E56;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:150%;
	text-align: center;
	}	

h2
	{
	color:#0D2E56;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:100%;
	text-align: center;
	}

h3{
	font-size:90%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	
}

li {
	padding:4px;
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
p {
	padding:4px;
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
	
dt { 
	font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.6; 
	color: #051A66;
	font-weight:bold;
	} 
dd { 
	font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.4; 
	color: #051A66;
	text-decoration:none;
	}
	
a  {
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}		
	
table
	{
	margin:.5em 2em 2em 2em;
	background-color:black;
	}	
table th,
table td
	{
	padding:.4em;
	background-color:#FFFFFF;
	}	
table caption
	{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, cursive;
	
	}
.section-seporator 
{
    border-color: #000000;
	background-color:#0d2e56;
    font-family: Verdana, Arial, Sans-Serif; 
	color:#FFFFFF;
	font-weight:bold;   
	text-align:center;
	margin: 0 15em 0 0; 
	border-style: solid;
    border-width: 1px;
    font-size: 0.8em;
}
.yellowblock 
{
    border-color: #000000;
	background-color:#FFFFCC;
    font-family: Verdana, Arial, Sans-Serif; 
	color:#000000;  
	text-align:left;
	margin: 0 19em 0 4em; 
	border-style: solid;
    border-width: 1px;
    font-size: 0.8em;
}


.next
{
	font-family: Verdana, Arial, Sans-Serif; 
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
.center
{
	text-align:center;
}
#toc
	{
	background-color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif; 
	border:1.5px gray solid;
	padding-botom:125px;
	position:relative;	
	left:15%;
	width:40%;
	}
#toc ul
{

	font-family: Verdana, Arial, Sans-Serif; 
	padding:0 0 0 2em;
}
#toc li {
	padding:.15em;

	}
#toc h2
	{
	border-bottom-color: #000000; 
	border-bottom-style: solid;
    border-bottom-width: 1px;
	font-size:1em;
	font-family: Verdana, Arial, Sans-Serif; 
	background: #BFB8AB;
	font-color:#0d2e56;
	margin:0;
	padding:.3em .3em .3em .3em;
	}
.x
{
	font-family: Verdana, Arial, Helvetica, cursive;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	font-size:large;
}
#center
{
	position:relative;
	left:13%;
}

.normal {
	padding:.25em 0 0 1.5em;
	font-size:150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/*  FOOTER  */
	
#footer
	{

	clear:both;
	background-color:#0D2E56;
	color:#edf2f8;
	padding:.4em;
 	font-family: Verdana, Arial, Helvetica, cursive;
    border-top-color: #000000; 
	border-top-style: solid;
    border-top-width: 1px;
	font-size:60%;
}	


#footer a
	{
	color:#edf2f8;
	}
	

#footer_list
	{
	margin:0;
	padding:0;
	text-align:center;
	}	

#footer_list li
	{
	display:inline;
	padding:0 .8em 0 .7em;
	}	
	
#footer_list .first,
#footer_list .middle
	{
	border-right:1px #666666 solid;
	}	

/*  GENERIC STYLES (MULTI-USE)  */

a img
	{
	border:0;
	}
	
.floatleft
	{
	float:left;
	margin:0 .2em .2em 0;
	padding:8px;
    font-size:45%;
	font-family: Verdana, Arial, Sans-Serif; 
	}	
	
.floatright
	{
	float:right;
	margin:0 .0 .2em .2em;
	padding:8px;
    font-size:45%;
	font-family: Verdana, Arial, Sans-Serif; 	
	}

.floatcenter
	{
	float:right;
	margin:0 22em 0 6em;
	padding:8px;
    font-size:45%;
	font-family: Verdana, Arial, Sans-Serif; 	
	}



/*  right side nav box  */	
.block
{
    border-color: #000000;
	left:2%;
	position:relative;
	width:95%; 
	background-color:#FFFFCC;
    font-family: Verdana, Arial, Sans-Serif; 
	font-weight:bold;   
	border-style: solid;
    border-width: 1px;
}