/* CSS Document */


div.topnav{
position:relative;
width:775px;
height:28px;
margin:0px 0px 20px 0px;
padding:0px 1px 0px 1px;
background-image:url("../images/topnav_bg.jpg");
background-repeat:repeat-x;
background-position:0px 0px 0px 0px;
border-width:2px 0px 1px 0px;
border-color:#ffbb00;
border-style:solid;
z-index:10000;
}
/* div.topnav_links{
float:left;
width:auto;
height:20px;
padding:5px 5px 0px 5px;
border-width:0px 2px 0px 0px;
border-color:#ffbb00;
border-style:dotted;
font-weight:bold;
}
 div.topnav_menu{
position:relative;
margin:20px 0px 0px 0px;
width:150px;
height:200px;
border:1px solid red;
overflow:auto;
background:red;
display:none;
z-index:1000;
} */


/*MAIN TOP NAVIGATION*/
#menu{ 
float: left;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menu a, #menu h2 {
font: normal 11px arial, helvetica, sans-serif;
display: block;
}

#menu h2 {
height:21px;
margin:4px 0px 0px 0px;
padding:0px 8px 0px 8px;
font-weight:bold;
border-width:0px 2px 0px 0px;
border-color:#ffbb00;
border-style:dotted;
}
#menu ul{
float: left;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
}
#menu li {
position: relative;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

#menu ul li {
float: left;  
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
}
#menu ul ul {
position: absolute; top:27px; left: 0px;

padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

div#menu ul ul {
display: none; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#menu ul ul li {
float:left; width: 110px;
margin:0px 0px 0px 0px;
padding:3px 3px 3px 5px;
background-color:#FFF3D0;
border-width:0px 1px 1px 1px;
border-color:#ffbb00;
border-style:solid;
}
#menu a {
color: #333333;
text-decoration:underline;
padding: 0px 0px 0px 0px;
}

#menu h2 a:link,
#menu h2 a:visited,
{
font-weight:bold; 
} 
#menu h2 a:hover {
text-decoration:none;
}
#menu a:hover {
text-decoration: none;

}
#menu h2 a:active
{
cursor:default;
} 
div#menu ul li:hover,
div#menu ul li:hover ul
{display: block;
}
div#menu ul ul,

{display: none;}

#menu ul li h2 a {
font-weight:bold;
cursor:default;
} 