/* ================================================================ 
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/cssplay-dropline-dropdown.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#outerWrapper #header #topNavBar .menu {
	border-radius:10px 10px 0 0;
	float: right;
}

/*
#outerWrapper #header #topNavBar .nocurrent {z-index:30;}
#outerWrapper #header #topNavBar .homecurrent {z-index:20;}
*/
#outerWrapper #header #topNavBar .menu ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#outerWrapper #header #topNavBar .menu > ul > li {
	float:left;
	color: #42224F;
}
/*
main level
*/
#outerWrapper #header #topNavBar .menu > ul > li > a {
	font-family: Georgia, "Times New Roman", Times, serif;
	display:block;
	color:#794190;
	line-height:50px;
	background:transparent;
	text-decoration:none;
	font-size:95%;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-right: 15px;
	margin-left: 15px;
	font-weight: normal;
}
/*
#outerWrapper #header #topNavBar .menu > ul > li > a b {
	display:block;
	background:transparent;
	font-weight:normal;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	
}*/
#outerWrapper #header #topNavBar .menu > ul > li > a:hover {
	color: #AAB4C9;
	background-image: url(images_common/graySquare.jpg);
	background-repeat: repeat-x;
	background-position: center 35px;
}
/*
#outerWrapper #header #topNavBar .menu > ul > li:hover > a b {
	background-repeat: no-repeat;
	background-position: right top;
	color: #660033;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 6px;
	border-bottom-color: #660000;
	
}
*/
#outerWrapper #header #topNavBar .menu > ul > li > a:visited {
	color: #AAB4C9;
}
#outerWrapper #header #topNavBar .menu > ul > li > a:active {
	text-decoration: none;
	color: #42224F;
}

/*
middle level
*/


#outerWrapper #header #topNavBar .menu > ul > li > ul {
	width:580px;
	position:absolute;
	top:41px;
	left:-9999px;
	height:28px;
	opacity:0;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#outerWrapper #header #topNavBar .menu > ul > li > ul > li {
	float:right;
	position:relative;
}
#outerWrapper #header #topNavBar .menu > ul > li > ul > li > a {
	display:block;
	line-height:26px;
	text-decoration:none;
	font-size:12px;
	color: #D3D8E3;
	font-weight: normal;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
#outerWrapper #header #topNavBar .menu > ul > li:hover > ul {
	left:0;
	opacity:1;
	
}
#outerWrapper #header #topNavBar .menu > ul > li > ul > li:hover > a {
	color:#A5B0C5;

}
/*this is to keep the visited from turning color

#outerWrapper #header #topNavBar .menu > ul > li > ul > li > a:visited {
	color: #993300;
}*/
#outerWrapper #header #topNavBar .menu > ul > li > ul > li > a:active {
	text-decoration: none;
}

/*
third level
*/


#outerWrapper #header #topNavBar .menu > ul > li > ul > li > ul {
	position:absolute;
	left:-9999px;
	top:25px;
	border-radius:0 0 5px 5px;
	min-width:150px;
	box-shadow:0 3px 5px rgba(0,0,0,0.4);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-moz-transition: -moz-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	transition: transform 0.1s linear;
	padding-top: 17px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #fff;
	background-image: url(images_common/pointer.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #42224F;
	border-right-color: #42224F;
	border-bottom-color: #42224F;
	border-left-color: #42224F;
}
#outerWrapper #header #topNavBar .menu > ul > li > ul > li > ul > li > a {
	display:block;
	color:#794190;
	text-decoration:none;
	white-space:nowrap;
	font-size:12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: normal;
}



#outerWrapper #header #topNavBar .menu ul li:hover {
	direction:ltr;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#outerWrapper #header #topNavBar .menu > ul > li > ul > li:hover > ul {
	left:0px;
	top:24px;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	color: #FFCC66;
}
#outerWrapper #header #topNavBar .menu > ul > li > ul > li > ul > li > a:hover {
	color:#fff;
	background-color: #a5B0c5;
}/*this is to keep the visited from turning color

#outerWrapper #header #topNavBar .menu > ul > li > ul > li > ul > li > a:visited {
	color: #794190;
}*/
#outerWrapper #header #topNavBar .menu > ul > li > ul > li > ul > li > a:active {
	text-decoration: none;
}


/*
#outerWrapper #header #topNavBar .menu > ul > li.current > a {
	background-image: url(images_common/border_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#outerWrapper #header #topNavBar .menu > ul > li.current > a b {
	background-image: url(images_common/border_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#outerWrapper #topNavBar .menu > ul > li.current > ul {left:0; opacity:1;}

.menu > ul:hover > li.current > a {background:transparent;}
.menu > ul:hover > li.current > a b {background:transparent;}
.menu > ul:hover > li.current > ul {left:-9999px;}

.menu > ul:hover > li.current:hover > a {background:url(dropline/border-left.gif) no-repeat left top;}
.menu > ul:hover > li.current:hover > a b {background:url(dropline/border-right.gif) no-repeat right top;}
.menu > ul:hover > li.current:hover > ul {left:0; opacity:1;}

.close {position:absolute; right:10px; bottom:80px; display:none;}
*/

<style media="only screen and (max-device-width:768px)" type="text/css">
/* for Safari Mobile to display 'Close X' at top right of menu */
.menu:hover .close {display:block;}
.close:hover {display:none;}
</style>