/* ================================================================ 
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/flyoutt.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.	background: rgba(00, 33, 66, 0.10);

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

.leftwrapside {
/* 	background:url('../images/leftshadow5.png') repeat-y left 50%;	margin-top:10px;
*/
	padding-left:7px;
	z-index:40;
}
.rightwrapside {
/* 	background:url('../images/rightshadow5.png') repeat-y right 50%;
	background: transparent  url('../images/menuback3.png') repeat-y right;
#DADFE4 */
	padding-right:10px;
	z-index:40;
}

#sidemenu_holder {
	width: 150px;
	padding: 0;
	margin: 0;
}

#sidemenu {
	border: 1px #C0C0C0 solid;
	border-left: 0px;
	border-top:0px;
	padding: 0;
	width: 149px;
	-moz-border-radius: 5px;
}

#sidemenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Verdana;
}

#sidemenu ul li {
	margin: 0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sidemenu li {width:150px;position:relative;}


#sidemenu .qlink {
	background: transparent  url('../images/boxgrad2.png') no-repeat left;
	font-family: Verdana;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	font-size: .813em;
	font-variant: small-caps;
	font-weight: bold;
	padding-top: 2px;
	letter-spacing: 1px;
	height:20px;
}

/* for Section Head page 	background: #003366;  	background: transparent url('../images/boxgrad4.png') no-repeat left;
	border-top: 1px #003366 solid;
	border-bottom: 1px #003366 solid;
	display: block;
	text-decoration: none;
	color: #003366;
	width: 144px;
	text-align: left;
	font-size: .75em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 3px 0 0 5px;
	position: relative;
	letter-spacing: normal;
	height: 33px;
*/
#sidemenu ul li.one a, #sidemenu ul li.one a:visited
{
}

/* for other pages */
#sidemenu ul li a, #sidemenu ul li a:visited {
	border: 0px;
	border-top: 1px #FFFFFF solid;
	padding: 6px 0 6px 3px;
	display: block;
	text-decoration: none;
	color: #000000;
	width: 145px;
	text-align: left;
	font-size: .625em;
	font-variant: normal;
	font-weight: lighter;
}

/* for current page */

body.section2 #sidemenu ul li.two, body.section3 #sidemenu ul li.three, body.section4 #sidemenu ul li.four,
body.section5 #sidemenu ul li.five, body.section6 #sidemenu ul li.six, body.section7 #sidemenu ul li.seven {
	width: 149px;
}

body.section2 #sidemenu ul li.two a, body.section2 #sidemenu ul li.two a:visited,
body.section3 #sidemenu ul li.three a, body.section3 #sidemenu ul li.three a:visited,
body.section4 #sidemenu ul li.four a, body.section4 #sidemenu ul li.four a:visited,
body.section5 #sidemenu ul li.five a, body.section5 #sidemenu ul li.five a:visited,
body.section6 #sidemenu ul li.six a, body.section6 #sidemenu ul li.six a:visited,
body.section7 #sidemenu ul li.seven a, body.section7 #sidemenu ul li.seven a:visited {
	display: block;
	text-decoration: none;
	color: #003366;
	width: 147px;
	text-align: center;
	font-size: .675em;
	font-variant: small-caps;
	font-weight: bold;
	padding-left: 0px;
	letter-spacing: 1px;
	margin: 0;
	font-style: italic;
	background: transparent url('../images/boxgrad3.png') no-repeat left;
}

/* All pages get grey background when hovered over */
#sidemenu ul li:hover a {
	color: #003366;
	background: #F3F5F8;
	width: 145px;
	padding-right:0px;
}


/* For other pages, submenus are hidden */
#sidemenu ul li ul {display: none;}

/* Current page's submenus are shown */
body.section2 #sidemenu ul li.two ul, body.section3 #sidemenu ul li.three ul, body.section4 #sidemenu ul li.four ul,
body.section5 #sidemenu ul li.five ul, body.section6 #sidemenu ul li.six ul, body.section7 #sidemenu ul li.seven ul
{
	display: block;
	border-left: 2px #DADFE4 solid;
	border-right: 2px #DADFE4 solid;
	border-bottom: 2px #DADFE4 solid;
	width: 129px;
}

body.section2 #sidemenu ul li.two ul li a, body.section2 #sidemenu ul li.two ul li a:visited,
body.section3 #sidemenu ul li.three ul li a, body.section3 #sidemenu ul li.three ul li a:visited,
body.section4 #sidemenu ul li.four ul li a, body.section4 #sidemenu ul li.four ul li a:visited,
body.section5 #sidemenu ul li.five ul li a, body.section5 #sidemenu ul li.five ul li a:visited,
body.section6 #sidemenu ul li.six ul li a, body.section6 #sidemenu ul li.six ul li a:visited,
body.section7 #sidemenu ul li.seven ul li a, body.section7 #sidemenu ul li.seven ul li a:visited

{
	background: #F3F5F8;
	display: block;
	text-decoration: none;
	color: #003366;
	width: 129px;
	text-align: left;
	font-size: .625em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	font-variant: normal;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
}



/* other page's submenus visible when hovered 
*/
#sidemenu ul li:hover ul, #sidemenu li.sfhover ul {
	display: inline-block;
	background: #F3F5F8;
	position: absolute;
	top: 0;
	left: 149px;
	width: 150px;
	z-index: 125;
	margin: 0;
	padding: 0;
	border: 0;
}

/* current page's submenus don't change when hovered */
body.section2 #sidemenu ul li.two:hover ul, body.section3 #sidemenu ul li.three:hover ul,
body.section4 #sidemenu ul li.four:hover ul, body.section5 #sidemenu ul li.five:hover ul,
body.section6 #sidemenu ul li.six:hover ul, body.section7 #sidemenu ul li.seven:hover ul {
	display: block;
	position: relative;
	left: 0;
}


body.section2 #sidemenu ul li.two:hover ul li, body.section3 #sidemenu ul li.three:hover ul li,
body.section4 #sidemenu ul li.four:hover ul li, body.section5 #sidemenu ul li.five:hover ul li,
body.section6 #sidemenu ul li.six:hover ul li, body.section7 #sidemenu ul li.seven:hover ul li{
	width:129px;
}

/* other page's submenus format when hovered */
#sidemenu ul li ul li:hover a {
	background: #FFFFFF;
	width: 147px;
}

/* current page's submenus format when hovered */
body.section2 #sidemenu ul li.two ul li:hover a, body.section3 #sidemenu ul li.three ul li:hover a,
body.section4 #sidemenu ul li.four ul li:hover a, body.section5 #sidemenu ul li.five ul li:hover a,
body.section6 #sidemenu ul li.six ul li:hover a, body.section7 #sidemenu ul li.seven ul li:hover a {
	color: #003366;
	background: #FFFFFF;
	width: 129px;
}

#sidemenu ul li:hover ul li a.hide {background:#dfc184; color:#000;}


/* other page's submenus format when hovered 
body.section1 #sidemenu ul li.two:hover ul li:hover a, body.section1 #sidemenu ul li.three:hover ul li:hover a, 
body.section1 #sidemenu ul li.four:hover ul li:hover a, body.section1 #sidemenu ul li.five:hover ul li:hover a,
body.section2 #sidemenu ul li.three:hover ul li:hover a, body.section2 #sidemenu ul li.four:hover ul li:hover a, 
body.section2 #sidemenu ul li.five:hover ul li:hover a, body.section3 #sidemenu ul li.two:hover ul li:hover a, 
body.section3 #sidemenu ul li.four:hover ul li:hover a, body.section3 #sidemenu ul li.five:hover ul li:hover a,
body.section4 #sidemenu ul li.two:hover ul li:hover a, body.section4 #sidemenu ul li.three:hover ul li:hover a, 
body.section4 #sidemenu ul li.five:hover ul li:hover a, body.section5 #sidemenu ul li.two:hover ul li:hover a,
body.section5 #sidemenu ul li.three:hover ul li:hover a, body.section5 #sidemenu ul li.four:hover ul li:hover a
{
	background: #FFFFFF;
	width: 145px;
}

*/

/* specific to non IE browsers 
#sidemenu ul li:hover a {color:#fff; background:#b3ab79;}
#sidemenu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:170px;}
#sidemenu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
#sidemenu ul li:hover ul li:hover a.hide {width:150px;}
#sidemenu ul li:hover ul li ul {display: none;}
#sidemenu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:170px;}
#sidemenu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
/*
#sidemenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
#sidemenu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
#sidemenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}