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

/*HORIZONTAL MENU*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-center.html
Copyright (c) 2005-2009 Stu Nicholls. <script type="text/javascript" language="JavaScript">var site="sm4kbright"</script>
<script type="text/javascript" language="JavaScript1.2" src="http://sm4.sitemeter.com/js/counter.js?site=sm4kbright">
</script>
<noscript>
<a href="http://sm4.sitemeter.com/stats.asp?site=sm4kbright" target="_top">
<img src="http://sm4.sitemeter.com/meter.asp?site=sm4kbright" alt="Site Meter" border=0></a>
</noscript>
<!-- Copyright (c)2000 Site Meter -->.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu {
	width:980px;
	margin-bottom: 30px;
	text-align:center;
	overflow:visible;
	background-image: url(../layout/select.gif);
	background-repeat: repeat-x;
	background-position: top;
}
 
#menu ul { height: 30px; margin: 0; padding: 0; list-style:none; white-space:nowrap;}
#menu ul {display:inline-block;} 
 
#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}
 
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
 
#menu ul li div ul {margin:0;}
 
#menu a.level1-a {display:block; font:bold ; color:#cde; line-height:25px; text-decoration:none;padding:0 15px 0 15px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
 
#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {
	height:25px; 
	color:#000; 
	line-height:40px; 
	text-decoration:none; 
	padding:6px;
	background-color:#CCC;
}
.currenttop {
	color:#FF0000;
}
#menu a:hover div {left:0; top:23px;}
 
#menu a:hover div ul {position:relative; left:-50%;}
 
#menu li a.fly {background:transparent url(../layout/down-arrow.gif) no-repeat right center;}
 
#menu li a:hover, #menu li a.fly:hover {white-space:nowrap; color:#fc0;} 
#menu li:hover > a, #menu ul li:hover > a.fly {color:#fc0;}
#menu li.current {color:#fc0;}
#menu ul li div ul li a:hover {color:#b20;}
 
#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
/*

Vertical Menu **************************************************************

*/
.visit2010 #sidebar1 ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.visit2010 #sidebar1 li
{
	border-bottom: 1px solid #36C;
	margin: 0;
}

.visit2010 #sidebar1 li a
{
	display: block;
	padding: 5px 0 5px 2px;
	border-left: 10px solid rgb(225,225,225);
	border-right: 5px solid rgb(225,225,225);
	background: rgb(225,225,225);
	color: #666;
	text-decoration: none;
}
html>body .visit2010 #sidebar1 li a { width: auto; }

.visit2010 #sidebar1 li a:hover, .visit2010 #sidebar1 li a#current, .visit2010 #sidebar1 li a#group, .visit2010 #sidebar1 li a.nav2, .visit2010 #sidebar1 li a.nav3 {
border-left: 10px solid #36C;
border-right: 5px solid rgb(225,225,225);;
background: rgb(225,225,225);
color: #36C;
}
.visit2010 #sidebar1 li a.nav2, .visit2010 #sidebar1 li a.nav3
{
	display: block;
	padding: 5px 0 5px 8px;
	border-left: 10px solid #36C);
	border-right: 5px solid gold;
	background: gold;
	color: #666;
	text-decoration: none;
}
.visit2010 #sidebar1 li a.nav2:hover, .visit2010 #sidebar1 li a.nav3:hover
{
	color: #36C;
}
.visit2010 #sidebar1 li a#current, .visit2010 #sidebar1 li a.nav3 {
background-image: url(../layout/red.gif); 
background-repeat: no-repeat; 
background-position: right center;
}

/***********************************************************************************************************/
/*This is the Quicklinks styling*/
.menu1 ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu1 li{
float:left;
position:relative;
z-index:100;
}
 
/* use the table to position the dropdown list */
.menu1 table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}
 
/* style all the links */
.menu1 a, .menu1 :visited {
display:block;
font-size:11px;
width:149px;
padding:7px 0;
background:#fff;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu1 :hover{
background: rgb(225,225,225);
}
 
/* hide the sub level links */
.menu1 ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul{
visibility:visible;
}