@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
width:840px;
margin:auto;
padding: 0;
border-top:1px solid #fff;
background:#900;
height:30px;

}



.menu ul {
margin: 0;
padding: 0;
list-style: none;
}

.menu li {
float: left;
margin: 0;
padding: 0;
}


.menu ul li a {
background:none repeat scroll 0 0 #990000;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
line-height:26px;
margin:0;
padding-bottom:4px;
padding-left:35px;
padding-right:35px;
text-decoration:none;
}

  

.menu li a:hover {
text-decoration: none;
display: block;
background:#c00;
}






.menu ul {padding:0; margin:0; list-style: none;  display:block; }
.menu ul li {float:left; position:relative; font-size:14px;
 }
.menu ul li ul {display: none; border:1px solid #999; border-top:none;  padding-bottom:6px; background-color:white; }

.menu ul li ul li{
height:26px;
display:block; 
/* overflow:hidden; removed to fix displaying width error in IE8 */
font-size:12px;



}


/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; }
.menu ul li:hover ul li:hover a.hide {  color:#666; }
.menu ul li:hover ul li ul {display: none; }

/* dropdowns */
.menu ul li:hover ul li a { display:block; color:#666; background-color:white;  padding-left:30px; width:130px; border:none; }
.menu ul li:hover ul li a:hover { text-decoration:underline;}



.menu1 {
background:none repeat scroll 0 0 #000;
border-top:1px solid #FFFFFF;
height:30px;
margin:auto;
padding:0;
width:840px;
}


.menu1 ul li a {
background:none repeat scroll 0 0 #000;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
line-height:26px;
margin:0;
padding-bottom:4px;
padding-left:28px;
padding-right:28px;
text-decoration:none;
}
.menu1 li a:hover {
background:none repeat scroll 0 0 #444;
display:block;
text-decoration:none;
}
.menu1 ul {
display:block;
list-style:none outside none;
margin:0;
padding:0;
}
.menu1 ul li {
float:left;
font-size:14px;
position:relative;
}