﻿/* SideMenu CSS*/

#so-menu-container {


}

#so-menu-container ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
}

#so-menu-container li {
	margin: 0;
	padding: 7px 10px 7px 10px;
	list-style-position: outside;
	list-style-type: none;
}

#so-menu-container li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
}

#so-menu-container li a:hover {
	text-decoration: underline;
}
	
.so-menu-level-1-on {
	padding: 0 !important;
	border: 0 !important;
}

.so-menu-level-1-indent {
	padding: 7px 10px 7px 10px;
}

#so-menu-level-2 {
	padding: 0;
	margin: 0;
	border: 0;
}

#so-menu-level-2 li {
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
	padding: 7px 6px 7px 20px;
}

#so-menu-level-2 li a {
	text-decoration: none;
	font-weight: normal;
	text-transform: none !important;
}
	
.so-menu-level-2-on {
	border: 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
	
}

.so-menu-level-2-on div a {
	color: #fff !important;
	font-weight: bold !important;
}
	
.so-menu-level-2-indent {
	padding: 7px 6px 7px 20px !important;
}
	
#so-menu-level-3 {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 90%;
	font-family: Verdana;
}

#so-menu-level-3 li {
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
}

#so-menu-level-3 li a {
	text-decoration: none;
	color: #fff !important;
	font-weight: normal;
}
	
.so-menu-level-3-off, .so-menu-level-3-on {
	padding: 6px 0 8px 30px !important;
}

.so-menu-level-3-on, .so-menu-level-3-on a {
	font-weight: bold !important;
	font-family: verdana;
}


/* QuickLinks */

#quicklinks {
	margin-bottom: 10px;
}

.quicklink-level-1 {
	height: 30px;
	background-color: #009ed8;
	border-bottom: 1px solid #fff;
}

.quicklink-level-1 .left {
	float: left;
	padding: 8px 10px 0 10px;
	font-size: 90%;
	text-transform: uppercase;
}

.quicklink-level-1 .left a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.quicklink-level-1 .left a:hover {
	text-decoration: underline;
}

.quicklink-level-1 .right {
	float: right;
}

.quicklink-level-2 {
	padding: 7px 10px 7px 20px;
	border-bottom: 1px solid #fff;
	background: url(../../images/bg_level_3_off.gif) no-repeat 10px 11px #3294b9;
}

.quicklink-level-2 a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}

.quicklink-level-2 a:hover {
	text-decoration: underline;
}




/* TopMenu CSS */

#wrapper {width:460px; font-size:92%;}
#leftcolumn {float:left; width:221px; height:220px; background:url(../../images/bg_menu_left.gif) no-repeat; position:relative;}
#leftcolumn2 {padding:16px 0;}
.dropdown {display:block; margin: 0; z-index: 999; }
.dropdown dt {
	font-weight:bold; 
/*	border-bottom:1px solid #33b1e0; */
	background:url(../../images/bg_menu.gif) no-repeat #009ed8;}
.upperdd-m-1 a, .upperdd-m-2 a, .upperdd-m-3 a, .upperdd-m-4 a, .upperdd-m-5 a, .upperdd-m-6 a, .upperdd-m-off a {display:block; width:221px; color:#fff; text-decoration:none; text-transform: uppercase;}
.upperdd-m-1 a span, .upperdd-m-2 a span, .upperdd-m-3 a span, .upperdd-m-4 a span, .upperdd-m-5 a span, .upperdd-m-6 a span, .upperdd-m-off a span {
display:block;
padding:8px 4px 9px 23px;
}
.upperdd-m-1 a:hover, .upperdd-m-1 a:active, .m-1-on {
	background:url(../../images/bg_menu_1.gif) no-repeat;
}
.upperdd-m-2 a:hover, .upperdd-m-2 a:active, .m-2-on {
	background:url(../../images/bg_menu_2.gif) no-repeat;
}
.upperdd-m-3 a:hover, .upperdd-m-3 a:active, .m-3-on {
	background:url(../../images/bg_menu_3.gif) no-repeat;
}
.upperdd-m-4 a:hover, .upperdd-m-4 a:active, .m-4-on {
	background:url(../../images/bg_menu_4.gif) no-repeat;
}
.upperdd-m-5 a:hover, .upperdd-m-5 a:active, .m-5-on {
	background:url(../../images/bg_menu_5.gif) no-repeat;
}
.upperdd-m-6 a:hover, .upperdd-m-6 a:active, .m-6-on {
	background:url(../../images/bg_menu_6.gif) no-repeat;
}

.upperdd-m-off a:hover {
	background:url(../../images/bg_menu_6_off.gif) no-repeat;
}

.dropdown dd {position:absolute; left:0; top:0; margin-left: 0; padding: 0; overflow:hidden; width:239px; display:none; opacity:0; z-index: 999;}
.dropdown dd.on {position:absolute; left:221px; top:0; margin-left: 0; padding: 0; overflow:hidden; width:239px; height:220px; display:block !important; opacity:0; z-index: 999;}
.dropdown dd.m-1 {background:#3eb8e7;}
.dropdown dd.m-2 {background:#f78b1f;}
.dropdown dd.m-3 {background:#98c311;}
.dropdown dd.m-4 {background:#007eae;}
.dropdown dd.m-5 {background:#b0275b;}
.dropdown dd.m-6 {background:#cf0038;}

.dropdown ul {width:239px; height:187px; list-style:none; padding: 0; margin: 16px 0 0 0 !important;}
.dropdown li {display:block; margin: 0; padding:0;}
/*
.dropdown li a span {display:block; padding:8px 4px 9px 23px; }
.dropdown .m-1 li a span { background:url(../../images/bg_menu_line_1.gif) repeat-x; bottom;}
.dropdown .m-2 li a span { background:url(../../images/bg_menu_line_2.gif) repeat-x; bottom}
.dropdown .m-3 li a span { background:url(../../images/bg_menu_line_3.gif) repeat-x; bottom}
.dropdown .m-4 li a span { background:url(../../images/bg_menu_line_4.gif) repeat-x; bottom}
.dropdown .m-5 li a span { background:url(../../images/bg_menu_line_5.gif) repeat-x; bottom}
.dropdown .m-6 li a span { background:url(../../images/bg_menu_line_6.gif) repeat-x; bottom}
*/
.dropdown li a span {display:block; padding:8px 4px 8px 23px;}
.dropdown .m-1 li a span { border-bottom:1px solid #009ed8;}
.dropdown .m-2 li a span { border-bottom:1px solid #ffb467;}
.dropdown .m-3 li a span { border-bottom:1px solid #b2d938;}
.dropdown .m-4 li a span { border-bottom:1px solid #1693c3;}
.dropdown .m-5 li a span { border-bottom:1px solid #c53c70;}
.dropdown .m-6 li a span { border-bottom:1px solid #e32357;}

.dropdown li a {display:block; margin: 0; padding: 0; width:239px; color:#fff; text-decoration:none;}
.dropdown li a:hover {display:block; color:#fff; background:#76ccee;}
.sub-m-1-on {color:#fff; background:#76ccee;}

.dropdown dd.m-1 li a:hover, .sub-m-1-on { color:#fff; background:#009ed8 ;}
.dropdown dd.m-2 li a:hover, .sub-m-2-on { color:#fff; background:#f9ac60;}
.dropdown dd.m-3 li a:hover, .sub-m-3-on { color:#fff; background:#b6d456;}
.dropdown dd.m-4 li a:hover, .sub-m-4-on { color:#fff; background:#4aa3c5;}
.dropdown dd.m-5 li a:hover, .sub-m-5-on { color:#fff; background:#c7658a;}
.dropdown dd.m-6 li a:hover, .sub-m-6-on { color:#fff; background:#f45983;}

#rightcolumn {float:left; width:239px; z-index: 1; height:220px;}

