/*

Navigation CSS

Author: Ed Stafford | Pixel8r @ PixelEngineers

Author URI: http://www.pixelengineers.com/

*/


.cssmenu, .menu-topnav-container {
width: 100%;
background-color: #000;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
z-index:100;
font-family: arial, sans-serif; 
position:relative;

/* width:106px; */
height:35px;
position:relative; 
margin:0; 
font-size:18px; 
/* margin:50px 0; */
}

.cssmenu ul li a, .menu ul li a:visited , .menu-topnav-container ul li a{
background-color: transparent;
background-repeat: repeat-x;
font-size: 0.8em;
color:#fff;
font-weight:bold;
text-decoration:none;
border-left: solid 1px #000;
border-right: solid 1px #000;
padding:11px 10px 0px 10px;
display:block;
text-align:center;
height: 24px;
width:75px;

/*

display:block; 
text-decoration:none; 
color:#000; 
width:104px;
height:20px; 
text-align:center; 
border:1px solid #fff;
border-width:1px 1px 0 0; 
background: #003399; 
color:#FFFFFF;
line-height:19px; 
font-size:11px;
*/
}

.menu-topnav-container ul{
display:inline;
list-style-type: none;

/*
padding:0; 
margin:0;
*/
}

.menu-topnav-container ul li{
float:left; 
margin-right:1px; 
position:relative;
}

.menu-topnav-container ul li ul{
display:none;
}


.menu-topnav-container ul li:hover a{
background:#000 url('images/menumaroon.jpg') repeat-x top;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
color:#fff; 
}
.menu-topnav-container ul li:hover ul{

list-style-type: none;
margin:0;
padding:0;
display:block; 
position:absolute;
top:-5;
width:150px;
}

.menu-topnav-container ul li:hover ul li a.hide{
background:#ccc; 
color:#000;
}
.menu-topnav-container ul li:hover ul li:hover a.hide{
width:150px;
}
.menu-topnav-container ul li:hover ul li ul{
display: none;
}

.menu-topnav-container ul li:hover ul li{
border-left: solid 1px #000;
border-right: solid 1px #000;
margin-left: 0;
	padding-left: 0px;
	list-style: none;
	display: block;
}

/* submenu styles */
.menu-topnav-container ul li:hover ul li a{

border:0px;
display:block; 
background:black;
color:#fff; 
width:125px;
text-align:left;
padding: 2px 5px 2px 5px;
font-size: 0.55em;
}

.menu-topnav-container ul li:hover ul li a:hover{

color:#000;
background:#999;
}

.menu-topnav-container ul li:hover ul li:hover ul{
display:block; 
position:absolute; 
left:151px;
top:0; 
color:#000;
}

.menu-topnav-container ul li:hover ul li:hover ul li a{
display:block; 
width:200px; 
background:#dfc184; 
color:#000;
}
.menu-topnav-container ul li:hover ul li:hover ul li a:hover{
background:#bd8d5e;
color:#fff;
}
