@charset "UTF-8";
/* Mega Drop Down Styles */




ul#topnav {
	font: 12px/1.4 Arial, Helvetica, sans-serif; color: #ffffff;
	margin-left: 225px; 
	margin-top: 10px;
	padding-left: 0px;
	width: 735px;
	list-style: none;
	border: 0px #ffffff solid;
	position:absolute;
	z-index:100;
	/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	
	
}
ul#topnav li a {
	float: left; 
	/*text-indent: -9999px;
	height: 44px;*/
	color: #ffffff;
	height: 30px;
	text-decoration: none;
	
	
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav a.narrow {
	
	width: 78px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-narrow.png) no-repeat;
	background-position: left top;
	
}

ul#topnav a.narrow:hover{
	
	list-style: none;
	color: #064676;
	

}

ul#topnav narrow:hover{
	
	width: 78px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-narrow.png) no-repeat;
	background-position: left top;
	color: #064676;
	

}


/*ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }*/
ul#topnav a.wide {
	
	width: 159px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-wide.png) no-repeat;
	background-position: left top;
		 
}

ul#topnav a.wide:hover{
	
	list-style: none;
	color: #064676;
	
}

ul#topnav a.mainbutton {

	width: 130px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-main.png) no-repeat;
	background-position: left top;
	
}

ul#topnav a.mainbutton:hover{
	
	list-style: none;
	color: #064676;
	
}


ul#topnav a.management {

	width: 107px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-management.png) no-repeat;
	background-position: left top;
	
}

ul#topnav a.management:hover{
	
	list-style: none;
	color: #064676;
	
}

ul#topnav a.professionals {
	
	width: 120px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-professionals.png) no-repeat;
	background-position: left top;
}

ul#topnav a.professionals:hover{
	
	list-style: none;
	color: #064676;
}

ul#topnav a.newsinfo {
	
	width: 94px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-newsinfo.png) no-repeat;
	background-position: left top;
}

ul#topnav a.newsinfo:hover{
	
	list-style: none;
	color: #064676;
}

ul#topnav a.contact {
	
	width: 78px;
	height: 18px;
	padding: 7px 5px 7px 0px;
	list-style: none;
	text-align:center;
	background: url(../../images/nav_hover-contact.png) no-repeat;
	background-position: left top;
}

ul#topnav a.contact:hover{
	
	list-style: none;
	color: #064676;
	

}


ul#topnav li .sub {

	position: absolute;	
	top: 32px; left: 0px;
	/* top: 32px; right: 5px; */
	width: 99.9%;
	background: url(../../images/sub_bg_light.png) repeat-x;
	/*background: #002d4c url(../../images/sub_bg_light.png) repeat-x;*/
	/* background: transparent url(sub_bg_dark.png) repeat-x; */
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	opacity:0.6;filter:alpha(opacity=80);
	/* -- opacity level -- */
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}




/*-----------------------------*/

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	
}
ul#topnav .sub ul li {
	width: 100%;
	color: #064676;
	font-size: 11px;
	text-align: left;
	
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 11px;
	font-weight: normal;
	text-transform:uppercase;
	font: Arial, Helvetica, sans-serif;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #064676;
	font: Arial, Helvetica, sans-serif;
}

/* begin the new sublink */
ul#topnav .sub ul li h3 {
    padding : 0px 0px 0px 0px;
	/*font-size: 1.2em; */
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-transform:uppercase;
	font: Arial, Helvetica, sans-serif;
	border: 0px solid #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul#topnav .sub ul li h3 a {
	padding: 7px 5px 7px 15px;
	background: url(../../images/navlist_arrow_blue.png) no-repeat 5px 9px;
	color: #064676;
	line-height: 11px;
	font: Arial, Helvetica, sans-serif;
	text-indent: 0; /*--Reset text indent--*/
}

ul#topnav .sub ul li h3 a:hover {
color: #064676; 
background-position: 5px 9px ; 
text-decoration: underline;
background: url(../../images/navlist_arrow_blue.png) no-repeat 5px 9px;
}

/* end it here -- */
.sublinktext {
	display: block;
	font-size: 11px;
	line-height: 10px;
	color: #064676;
	font-weight: normal;
	text-transform:none;
	font: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	padding: 0px 5px 7px 5px;
}

ul#topnav .sub ul li h2 {
    padding: 7px 5px 7px 15px;
	/*font-size: 1.2em; */
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-transform:uppercase;
	font: Arial, Helvetica, sans-serif;
}

.sublinktext a {
	display: block;
	font-size: 11px;
	line-height: 9px;
	font-weight: normal;
	text-transform:none;
	font: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #064676;
}

.sublinktext a:hover {
	text-decoration: underline;
	color: #064676;
}

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../../images/navlist_arrow_orange.png) no-repeat 5px 3px;
	padding: 0px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #064676;
}
ul#topnav .sub ul li a:hover {color: #b0560b; background-position: 5px 3px ; text-decoration: underline;}


/* -- for IE8 transparency -- */

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/*-----------------------------*/

/* for the right facing menus */





ul#topnav li .sub2 {

	position: absolute;	
	
	top: 32px; right: 50px;
	width: 99.9%;
	background: #002d4c url(../../images/sub_bg_light.png) repeat-x;
	/* background: transparent url(sub_bg_dark.png) repeat-x; */
	padding: 20px 20px 20px;
	float: right;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	opacity:0.6;filter:alpha(opacity=60);
	/* -- opacity level -- */
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}


ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub2 ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub2 ul li {
	width: 100%;
	color: #064676;
	font-size: 11px;
}
ul#topnav .sub2 ul li h2 {
	padding: 0;  margin: 0;
	font-size: 11px;
	font-weight: normal;
	text-transform:uppercase;
	font: Arial, Helvetica, sans-serif;
}
ul#topnav .sub2 ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #064676;
	font: Arial, Helvetica, sans-serif;
}

/* begin the new sublink */
ul#topnav .sub2 ul li h3 {
	padding: 0;  margin: 0;
	/*font-size: 1.2em; */
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-transform:uppercase;
	font: Arial, Helvetica, sans-serif;
}
ul#topnav .sub2 ul li h3 a {
	padding: 7px 5px 7px 15px;
	background: url(../../images/navlist_arrow_blue.png) no-repeat 5px 9px;
	color: #064676;
	line-height: 11px;
	font: Arial, Helvetica, sans-serif;
	text-indent: 0; /*--Reset text indent--*/
}

ul#topnav .sub2 ul li h3 a:hover {
color: #064676; 
background-position: 5px 92px ; 
text-decoration: underline;
background: url(../../images/navlist_arrow_blue.png) no-repeat 5px 9px;
}

/* end it here -- */
.sublinktext {
	display: block;
	font-size: 11px;
	line-height: 11px;
	color: #064676;
	font-weight: normal;
	text-transform:none;
	font: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	padding: 0px 5px 7px 5px;
}

.sublinktext a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-transform:none;
	font: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #064676;
}

.sublinktext a:hover {
	text-decoration: underline;
	color: #064676;
}

ul#topnav .sub2 ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../../images/navlist_arrow_orange.png) no-repeat 5px 3px;
	padding: 0px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #064676;
}
ul#topnav .sub2 ul li a:hover {color: #b0560b; background-position: 5px 3px ; text-decoration: underline;}


/* -- for IE8 transparency -- */

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}