/* ================================================================ 

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; 

position:relative; 

z-index:1000;

} /* controls dropdown background color*/

#nav {

height:35px;

float:right; 

padding:0; 

position:relative; 

}



#nav table {

border-collapse:collapse;

}

#nav li {

float:right;

height:35px;

/* width:95px; *//* change this is you want flexi dropdown widths */

/*border-left:1px #000000 solid;*/

background:url(images/menu_seperator.png) no-repeat 0 12px;

}

a.top_parent{

height:36px;

}

#nav li li {

float:none;

height:32px;

width:190px;

background-color:#cdcc34;

background-image:none;

border-top:4px #efeee9 solid;

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:#000000; 

height:20px; 

padding:10px 20px 0 20px; 

/*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:#000000; 

float:none;

text-align:left;

}



#nav li:hover {

position:relative; 

z-index:100; 

} /*primary nav*/

#nav li.activated{

}



#nav a:hover {

position:relative; z-index:100; 

color:#999999; border:0;

}

#nav li:hover > a {

color:#000000;

}


#nav li li:hover{

color: #ffffff;

background-color:#c36b24;

text-decoration:none;

}

#nav :hover  ul {

left:0; 

top:35px; 

z-index:300;

}

#nav li:hover ul {

left:0; 

top:35px; 

z-index:300;

}

#nav a:hover ul {

left:-1px;

}



#nav ul {

position:absolute; 

left:-9999px; 

top:-9999px;

}

/* show drop down menu on hover
#nav li:hover ul {

position:absolute; 

left:0px; 

top:35px;

}

/* 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{

color:#ffffff;

} /* rollover text for dropdown*/

#nav li.activated a {

color:#000000;

} /* rollover text for dropdown*/

#nav li a:hover ul li a:hover {

color:#000000;

}



/* 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: #000000;

background-color:#1cb7c9;

text-decoration:none;

}

li#main2_linkon{

color: #000000;

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:#000000;

text-decoration:none;

}

li#main2_link:hover{

color: #000000;

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:#000000;

text-decoration:none;

}

li#main2_linkon:hover{

color: #000000;

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;

}