/* ================================================================ 
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 a{ text-decoration:none; }
.menu{ background-color:#fff; }

.menu {font-family: arial, sans-serif; width:848px; height:32px; position:relative; font-size:11px; z-index:100; border:1px solid #bbbbbb;}
.menu ul li a, .menu ul li a:visited { display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; height:12px; color:#f26142; line-height:12px; overflow:hidden; text-transform:uppercase; font-weight:bold; padding:5px 10px; }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; padding:5px 10px; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a { color:#fff; background:#f76c0f;}
.menu ul li:hover ul { display:block; position:absolute; top:27px; left:10px; border:1px solid #ddd; background:#eee; padding:0px; }
.menu ul li:hover ul li { padding:0px; }
.menu ul li:hover ul li a {display:block; background:none; color:#777; font-size:12px; padding:6px 8px; }
.menu ul li:hover ul li a:hover {background:#aaa; color:#fff; }

.menu ul li:hover ul li:hover a { color:#FFF; background:#aaa; }
.menu ul li:hover ul li a.subtitle-1 { background:#d0d0d0; padding:8px 8px; }
.menu ul li:hover ul li a.subtitle-1:hover { background:#aaa; }

.menu ul li:hover ul li a.hide { background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide { background:#6fc; color:#000;}
.menu ul li:hover ul li ul { display: none;}
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:166px; top:0;}
.menu ul li:hover ul li:hover ul li a { display:block; width:180px !important; color:#777; background:#eee; }

.menu ul li:hover ul li ul li a.subtitle-2 { background:#d0d0d0; padding:8px 8px; }
.menu ul li:hover ul li ul li a.subtitle-2:hover { background:#aaa; }

.menu ul li:hover ul li:hover ul li a:hover { color:#fff; background:#aaa; }
.menu ul li:hover ul li:hover ul.left { left:-105px;}


/* submenu different width */
#sub-1 li a{ width:120px; }
#sub-2 li a{ width:150px; }
#sub-3 li a{ width:150px; }
#sub-4 li a{ width:340px; }
#sub-5 li a{ width:300px; }

/* css3 */
.menu, .menu ul li ul, .menu ul li a, .menu ul li ul li a{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(css/PIE.htc);
}