/* ================================================================ 
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/skeleton3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menuContainer {
position:relative; 
float:right; 
}
#nav, #nav ul {
padding:0; 
margin:0; 
list-style:none; 
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
background-color:#333333; 
position:relative; 
z-index:100;
} /* controls dropdown background color*/
#nav {
margin-top:55px;
height:35px;
width:384px;
float:right; 
padding:0; 
background-color:#333333;  
position:relative; 
}

#nav table {
border-collapse:collapse;
}
#nav li {
float:right;
height:35px;
width:95px; /* change this is you want flexi dropdown widths */
background-image:url(images/menu_fade.png);
background-repeat:repeat-x;
border-left:1px #fff solid;
}
a.top_parent{
height:36px;
}
#nav li li {
float:none;
height:32px;
width:190px;
background-color:#333333;
background-image:none;
border-top:1px #FFF dotted;
border-left:none;
} /* dropdown bottom border added here */
/* a hack for IE5.x and IE6 */
#nav li a li 
{
float:left;
}
#nav li a, #nav li span.deadlink {
display:block; 
/*float:left; */
color:#FFF; 
height:20px; 
padding:10px 20px 0 10px; 
/*line-height:20px; */
text-decoration:none; 
white-space:nowrap;
font-weight:normal;
text-align:center;
}
#nav li li a {
height:20px; 
padding:10px 20px 0 10px; 
color:#FFF; 
float:none;
text-align:left;
}

#nav li:hover {
position:relative; 
z-index:100; 
background-color:#333333; 
} /*primary nav*/
#nav li.activated{
background-color:#333333; 
}
#nav li li:hover{
color: #FFFFFF;
background-color:#333333;
background-image:url(images/left-arrow-white.png);
background-position:170px 7px;
background-repeat:no-repeat;
text-decoration:none;
}
#nav a:hover {
position:relative; z-index:100; 
color:#999999; border:0;
}
#nav li:hover > a {
color:#fff;
}
#nav :hover  ul {
left:0; 
top:35px; 
z-index:300;
}
#nav a:hover ul {
left:-1px;
}

#nav ul {
position:absolute; 
left:-9999px; 
top:-9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
left:0; 
margin-left:100%; 
top:0;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:auto;
}
/* show path followed */
#nav li:hover li:hover > a, #nav li.activated a {
color:#FFF;
} /* rollover text for dropdown*/

#nav li a:hover ul li a:hover {
color:#FFF;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
left:100%; top:0px;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{
position:absolute; left:-9999px; top:-9999px;
}


li#main2_link{
color: #FFFFFF;
background-color:#1cb7c9;
text-decoration:none;
}
li#main2_linkon{
color: #FFFFFF;
background-color:#1cb7c9;
background-image:url(images/left-arrow-white.png);
background-position:170px 9px;
background-repeat:no-repeat;
text-decoration:none;
}
#main2_link a{
display:block;
height:20px; 
padding:0 20px 3px 10px; 
color:#FFF;
text-decoration:none;
}
li#main2_link:hover{
color: #FFFFFF;
background-color:#1cb7c9;
background-image:url(images/left-arrow-white.png);
background-position:170px 9px;
background-repeat:no-repeat;
text-decoration:none;
}
#main2_linkon a{
display:block;
height:20px; 
padding:0 20px 3px 10px; 
color:#FFF;
text-decoration:none;
}
li#main2_linkon:hover{
color: #FFFFFF;
background-color:#1cb7c9;
background-image:url(images/left-arrow-white.png);
background-position:170px 9px;
background-repeat:no-repeat;
text-decoration:none;
}
#left_sub_menu{
padding:0;
list-style:none;
}