*{padding:0; margin:0;}
 body {font-size:70%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}

/*Drop-down menu*/
.nav2 {white-space:nowrap /*IE hack*/; /*float:left;*/ width:20px; border:none; /*background:rgb(225,225,225) url(../img/bg_head_bottom_nav.jpg)*/ no-repeat; /*color:rgb(75,75,75);*/ font-size:100%;} Color navigation bar normal mode
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:center; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; /*border-right:solid 1px rgb(175,175,175);*/}
.nav2 ul li a {/*float:center*/ !important /*Non-IE6*/; float:center /*IE-6*/; /*display:block;*/ height:1.1em; line-height:1.1em; padding:0 0px 0 0px; text-decoration:none; font-weight:bold; /*color: rgb(100,100,100);*/}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:5.0em; position:absolute; z-index:999; top:1.1em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:7.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 10px 4px 10px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/



@media print {.nav2 {float:center; width:500px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:100%;}} /*Color navigation bar normal mode*/



<style type="text/css">
<!--
.style17 {font-weight: bold; font-family: "Courier New", Courier, monospace;}
.style20 {font-size: xx-large}
.style21 {color: #FFFFFF}
.style23 {font-size: 14px}
.style24 {color: #F3F6FF}
-->
</style>

<style type="text/css">

body{
    font-family: Arial, Verdana;
    font-size: 13px;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}

#nav a{
display:block;
    padding: 5px 18px 5px 18px;
    border-right: 1px solid #ffffff;
color:#fff;
text-decoration:none;
background-color:#2C5463;
    margin-left: 1px;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:7em;
top:2.3em;
}

#nav li ul a{
width:6em;
height:auto;
float:left;
white-space: nowrap;
}

#nav ul ul{
top:auto;
}

#nav li ul ul {
left:7.5em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

.style01 {color: #FFFFFF}
.style02 {
	font-size: x-large;
	font-weight: bold;
	color: #FF0000;
}
</style>