@charset "utf-8";
/* CSS Document */


/* Mega Template Main Navigation */	

#meganav 
{
    
	width: 100%;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	color: #3f4040;
	font-size: 8pt;
	-moz-border-radius: 5px; /*	Firefox 3.6 */
	-webkit-border-radius: 5px;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 5px;	/* Chrome, Safari, IE 9+ */ 
	background: -moz-linear-gradient(top, #005ab0, #003980);
	background: -webkit-gradient(linear, left top, left bottom, from(#005ab0), to(#003980));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff005ab0, endColorstr=#ff003980);				
	}
	
#meganav h2 {
	font-size: 8pt;
	color: #262626;
	font-weight: bold;
	margin-top: 0px;		
	line-height: 1.5em;
	margin-bottom: 5px;
	}
	
#meganav p {
	font-size: 8pt;
	color: #262626;
	font-weight: bold;
	margin-top: 0px;		
	line-height: 1.5em;
	margin-bottom: 5px;
	}
			

#meganav a {
	display: block;
	margin: 0;
	color: #ffffff;
}


#meganav ul {
	width: 100%;
	height: 32px;
	margin: 0px 0px 0px 2px;
	padding: 0;	
	float: left;	
	list-style-type: none;
	}

#meganav li{
	position: relative;
	float: left;
	z-index: 7;   /* set above 6 for social sharing icons in ie7 */
	}

#meganav ul li a {
	display: block;
	width: auto;
	height: 14px;	/* 34px with padding */
	margin: 0;
	padding: 10px 14px 10px 14px;	
	font-size: 10pt;
	float: left;
	}

#meganav ul li:hover a {
	background: -moz-linear-gradient(top, #05cbff, #0f9ed2);
	background: -webkit-gradient(linear, left top, left bottom, from(#05cbff), to(#0f9ed2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff05cbff, endColorstr=#ff0f9ed2);		
	}

#meganav ul li:hover.first a {
	height: 14px;
	margin: 0px 0px 0px -2px;
	padding: 10px 14px 10px 16px;	
	border-top-left-radius: 5px; /*	Chrome, Safari, IE 9+ */
	border-bottom-left-radius: 5px;	/*	Chrome, Safari, IE 9+ */
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;	
	outline: 0;
	-webkit-appearance: none;
	-moz-border-radius-topleft: 5px; /*	Firefox 3.6 */
	-moz-border-radius-bottomleft: 5px; /* Firefox 3.6 */
	}	


/* Mega Template Search Box */	

#meganav form {
	display: block;
	width: auto;
	height: 27px;	/* 34px with margin border */
	margin: 7px 0px 0px 10px;
	padding: 0;	
	float: left;
	}

#meganav input {
	border: none;
	float: left;	
	}

#meganav input.text {
	width: 140px;
	height: 16px;
	background-color: #00759a;
	color: #ffffff;
	}
	
#meganav input.search-button {
	width: 16px;
	height: 16px;
	margin: 0px 0px 0px 5px;	
	background: url(images/search-button.png) no-repeat;
	cursor: pointer;
	}


/* Mega Template Dropdown Menu */	

.nav-column-wrapper {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	z-index: 6;	
	}

.with-feature {
	background: url(images/feature-nav-bg.jpg) top right repeat-y;
	}
	
.dropdown {
	position: absolute;
	top: 34px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	display: block;	
	background:#ffffff; /* makes the dropdown work properly in IE7+ */
	z-index: 6;
	}

.dropdown a {
	color: #004f99 !important;
	font-size: 8pt !important;	
	text-decoration: none;
	}
	
	.dropdown a:hover {
	text-decoration: underline;}
	
#meganav ul li:hover div.dropdown 
{
    z-index: 7;
	left: 0; 
	display: block;
	height: auto;		
	-moz-box-shadow: 0px 6px 9px #000000;
	-webkit-box-shadow: 0px 6px 9px #000000;	
	box-shadow: 0px 6px 9px #000000;
  border: 1px solid #cccccc;
  border-top: none;
	background: -moz-linear-gradient(top, #f9f9f9, #f7f7f8);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f7f7f8));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff9f9f9, endColorstr=#fff7f7f8);
		
}	


/* Mega Template Columns inside the Dropdown Menu */	

.last-nav {
	width: 147px !important; /* 175px with padding */	
	border: none !important;	
	}

#meganav ul li div.one-column {
	width: 175px; 	
	}

#meganav ul li div.two-column {
	width: 350px; 	
	}
	
#meganav ul li div.three-column {
	width: 525px;
	}
	
#meganav ul li div.four-column {
	width: 700px; 
	}

.nav-border {
	width: 100%;
	height: 7px;	
	margin: 0;
	padding: 0;
	background: -moz-linear-gradient(top, #0f9ed2, #0fc3f6);
	background: -webkit-gradient(linear, left top, left bottom, from(#0f9ed2), to(#0fc3f6));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0f9ed2, endColorstr=#ff0fc3f6);	
	}	
	
#meganav ul li:hover div.dropdown div.nav-column {
	display: block;
	width: 146px; /* 175px with padding + border */
	height: auto;	
	margin: 14px 0px 14px 0px;	
	padding: 0px 14px 0px 14px;	
	border-right: 1px solid #c6c7ca;
	float: left;
	z-index: 6;
	}			
	
#meganav ul li:hover div.dropdown div.nav-column ul{
	width: auto;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0;
	float: left;
	list-style-type: none;
	}	
			
#meganav ul li:hover div.dropdown div.nav-column ul li{	
	display: block;
	width: 100%;
	height: auto;
	margin: 0px 0px 6px 0px;	
	float: left;
	line-height: 1.25em;
	background: none;
	}		
	
#meganav ul li:hover div.dropdown div.nav-column-wrapper div.nav-column ul li a{	
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;	
	background: none !important;	
	filter: none;		
	line-height: 1.25em;	
	}	
	
#meganav ul li:hover div.dropdown div.nav-column ul li ul{	
	margin: 0px 0px 5px 0px
	}		
	
#meganav ul li:hover div.dropdown div.nav-column ul li ul li{	
	margin: 0px 0px 6px 0px;	
	padding: 0px 0px 0px 10px;		
	background: url(images/meganav-bullet.png) 2px 5px no-repeat;
	}		
	
	
/* Mega Template Featured Column inside the Dropdown Menu */

.feature-column {
	display: block;	
	width: 147px; /* 175px with padding */	
	height: auto;
	margin: 0px 0px 0px 0px;	
	padding: 14px 14px 14px 14px;		
	float: left;	
	border: none;
}

.feature-column div {
	width: 119px; /* 147px with padding */	
	height: auto;
	margin: 0;
	padding: 9px 14px 12px 14px;
	background: url(images/meganav-ad-bg.png) bottom right no-repeat #ebecec;
	font-size: 9pt;
	color: #4a4546;	
	line-height: 1.25em;	
	}
	
#meganav .feature-column h2 {
	width: 123px; /* 147px with padding */	
	height: auto;
	margin: 0;
	padding: 8px 12px 10px 12px;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;	
	background: #8d2380;	
	line-height: 1.25em;
	}


/* Mega Template Breadcrumbs */	
	
#breadcrumbs {
	width: 100%;
	height: 37px;
	margin: 0;
	padding: 0;
	font-size: 8pt;		
	color: #1c1c1c;
	
	}
	
#breadcrumbs a {	
	color: #204d90;
	margin: 0;	
	padding: 0px 12px 0px 0px;
	background: url(images/breadcrumb-bullet.png) right 6px no-repeat;	
	text-decoration: none;
	}

#breadcrumbs ul {
	margin: 0px 0px 0px 15px;
	padding: 0;	
	list-style-type: none;
	}

#breadcrumbs ul li {
	display: block;
	height: 9px; /* 37px with padding */		
	margin: 0;
	padding: 13px 5px 15px 0px;	
	float: left;
	}
