<style type="text/css">

<!--

/* Add a black background color to the top navigation */
.topnav {
    background-color: #cccccc;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #000000;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
    font-size: medium;
}

/* Change the color of links on hover */
 .topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
 .topnav .icon {
    display: none;
} 

.style2 {

	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;

	font-weight: bold;

	font-size: small;

	color: #3366CC;

}

.style3 {

	font-family: Arial;

	font-size: 8px;

	font-weight: bold;

}

.style5 {font-size: large}

.style7 {color: #003333}

.style8 {

	font-size: 9px;

	font-weight: bold;

	color: black;

}

.style9 {

	font-size: 9px;

	background-color: #3399FF;

}

.style10 {

	text-decoration: underline;

}



a:link{

	color: #36f;
	
		text-decoration: none;

	font-weight: bold;

}

a:hover {
	color: #CC0000;
}

/* visited link */

a:visited {

    color: #F99000;
	
	font: bold 1em Arial,sans-serif;

}



a{

	color: #006633;

	text-decoration: none;

}



.relatedLinks{

	position: relative;

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

	color: #006633;

}



.style1 {

	font-family: "Arial, Helvetica, sans-serif";

	font-size: small;

	background-color: #669999;

	color: #FFFF00;

}

.style4 {

	font-size: 8px;

	background-color: #EEEEEE;

}



ul {

    font-family: Arial, Verdana;

    font-size: 10px;

    margin: 0;

    padding: 0;

    list-style: none;

}

ul li {

    display: block;

    position: relative;

    float: left;

}

li ul {

    display: none;

}

ul li a {

    display: block;

    text-decoration: none;

    color: #ffffff;

    border-top: 1px solid #ffffff;

    padding: 5px 15px 5px 15px ;

    background: #1e7c9a;

    margin-left: 1px;

    white-space: nowrap;

}

ul li a:hover {

	background: #3b3b3b;

	color: #D6D6D6;

}

li:hover ul {

    display: block;

    position: absolute;

}

li:hover li {

    float: none;

    font-size: 11px;

}

li:hover a { background: #3b3b3b; }

li:hover li a:hover {

    background: #1e7c9a;

}

 
.center-div
{
     margin: 0 auto;
     width: 100px; 
}


<!-- part 1 code for customized menu -->

-->

</style>