/* @override 
	http://ocsc.dev/styles/nav.css
*/

/*--------------------------------------------------------  */
/*===================  TOP NAVIGATION  ===================  */


#navHead {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 7.5em;
	width: 100%;
	}

	#navHeadOne {
		float: left;
		padding-left: 280px;
		}

	#socialHeadOne {
		float: right;
		padding-right: 20px;
		margin-top: .4em;
		}
	
	#navHeadTwo {
		float: left;
		margin-top: .4em;
		padding-left: 313px;
		line-height: 1.5em;
		}

		#navHead ul,
		#navSubHead ul {
			font-size: 1em;
			font-weight: bold;
			font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
			}
		
			#navHead li,
			#navSubHead li {
				float: left;
				}
			
				#navHead a,
				#navHead span,
				#navSubHead a,
				#navSubHead span {
					margin: 0px;
					padding: 0px;
					font-size: 1.1em;
					outline-style: none;
					text-decoration: none;
					color: black;
					}
				
				#navHead a:hover {
					color: #2465C1;
					}


#navSubHead {
	background: url("/images/_css/bgSubHead.gif") repeat-x;
	position: absolute;
	top: 7.5em;
	left: 0px;
	padding-top: 6px;
	height: 2em;
	width: 100%;
	}

#navSubHead p {
	line-height: 1.4em;
	font-size: 1em;
	font-weight: bold;
	padding: .4em .5em;
	}

#navSubHead p a {
	margin-left: 1em;
	color: #3176C9;
	}


/*===================  navHeadOne  */

#navHeadOne li {
	position: relative;
	margin-right: 6px;
	}

#navHeadOne a,
#navHeadOne span {
	display: block;
	padding: 1em 9px .75em;
	line-height: 2.5em;
	font-size: 1.1em;
	}

#navHeadOne .selected {
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-right: 2px;
	color: white;
	}

#navHeadOne .cap {
	position: absolute;
	top: 0px;
	right: -7px;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0;
	width: 7px;
	height: 2.5em;
	padding: 1em 0 .75em;
	}

#navHeadOne .nav1 .selected { background-image: url("/images/_css/bgNav1.png"); }
#navHeadOne .nav1 .cap { background-image: url("/images/_css/bgNav1a.png"); }

#navHeadOne .nav2 .selected { background-image: url("/images/_css/bgNav2.png"); }
#navHeadOne .nav2 .cap { background-image: url("/images/_css/bgNav2a.png"); }

#navHeadOne .nav3 .selected { background-image: url("/images/_css/bgNav3.png"); }
#navHeadOne .nav3 .cap { background-image: url("/images/_css/bgNav3a.png"); }

#navHeadOne .nav4 .selected { background-image: url("/images/_css/bgNav4.png"); }
#navHeadOne .nav4 .cap { background-image: url("/images/_css/bgNav4a.png"); }

#navHeadOne .nav5 .selected { background-image: url("/images/_css/bgNav3.png"); }
#navHeadOne .nav5 .cap { background-image: url("/images/_css/bgNav3a.png"); }

#navHeadOne .nav6 .selected { background-image: url("/images/_css/bgNav2.png"); }
#navHeadOne .nav6 .cap { background-image: url("/images/_css/bgNav2a.png"); }

#navHeadOne .nav7 .selected { background-image: url("/images/_css/bgNav1.png"); }
#navHeadOne .nav7 .cap { background-image: url("/images/_css/bgNav1a.png"); }


/*===================  socialHeadOne  */

#socialHeadOne li {
	position: relative;
	margin-right: 6px;
	}

#socialHeadOne a,
#socialHeadOne span {
	display: block;
	padding: 1.1em;
	line-height: 1.25em;
	}

#socialHeadOne .social1 { font-size: 1.1em; font-weight: bold; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; margin-top:5px; color:black; }

#socialHeadOne .social2 { background-image: url("/images/_css/sm-fb.png"); background-size:24px 24px; height:24px; width:24px; }

#socialHeadOne .social3 { background-image: url("/images/_css/sm-tw.png"); background-size:24px 24px; height:24px; width:24px; }

#socialHeadOne .social4 { background-image: url("/images/_css/sm-yt.png"); background-size:24px 24px; height:24px; width:24px; }

#socialHeadOne .social5 { background-image: url("/images/_css/sm-ig.png"); background-size:24px 24px; height:24px; width:24px; }


/*===================  navHeadTwo  */


#navHeadTwo a,
#navHeadTwo span
{
	margin: 0em 6px;
	line-height: 1em;
	font-size: 1em;
	white-space: nowrap;
}

#navHeadTwo span.selected {
	text-decoration: underline;
	}


/*===================  navHeadThree  */

#searchBox,
#navHeadThree {
	float: right;
	}

#navHeadThree a,
#navHeadThree span {
	display: block;
	background: url("/images/_css/bgNavSpacer.png") no-repeat center right;
	line-height: 1.4em;
	font-size: 1em;
	padding: .4em .5em;
	margin-right: -1px;
	}

#navHeadThree .last a,
#navHeadThree .last span {
	background-image: none;;
}
#navHeadThree span.selected {
	text-decoration: underline;
	}

#navHeadThree .login {
	background: url("/images/_css/bgLoginCap.png") no-repeat bottom left;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	padding-left: 8px;
	border-right: 3px solid white;
	}

#navHeadThree .login a,
#navHeadThree .login span {
	background: url("/images/_css/bgLogin.png") repeat-x bottom left;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.3em;
	color: white;
	padding: 0em .5em .4em .5em;
	line-height: 1.56em;
	}

#searchBox {
	height: 2.5em;
	background-color: #E1EAF7;
	}

#searchBox input.button {
	height: 16px;
	width: 16px;
	margin-top: .2em;
	margin-left: .2em;
	}




/*--------------------------------------------------------  */
/*==================  SIDE NAVIGATION  ===================  */

#navSideWrapper {
	margin-left: 1em;
	width: 196px;
	}

#navSideWrapper .blockHead {
	display: block;
	height: 30px;
	width: 196px;
	}

#navSideWrapper .blockHead a{
	width: 166px;
	display: block;
	padding: 10px 0 6px 30px;
	line-height: 14px;
	background-image: url("/images/_css/bgSideNav_header.png");
	background-repeat: no-repeat;
	color: white;
	cursor: hand;
	}

#navSideWrapper #navSide {
	background-color: white;
	background-image: url("/images/_css/bgSideNav.png");
	padding: 1.5em 3px 0;
}


#navSideWrapper .blockFoot {
	display: block;
	height: 14px;
	width: 100%;
	background-image: url("/images/_css/bgSideNav_footer.png");
	background-repeat: no-repeat;
}


#navSide ul {
	letter-spacing: .02em;
	margin: 0em;
	padding: 0em;
	}

#navSide ul li a,
#navSide ul li span {
	display: block;
	padding-left: 15px;
	line-height: 1.5em;
	}

	#navSide ul ul a,
	#navSide ul ul span {
		padding-left: 27px;
		background-position: 12px center !important;
		}

	#navSide ul ul ul a,
	#navSide ul ul ul span {
		padding-left: 39px;
		background-position: 24px center !important;
		}

	#navSide a.subHeading,
	#navSide span.subHeading {
		background-image: url("/images/_css/bgNavLeft_open.gif");
		background-repeat: no-repeat;
		background-position: left center;
	}

	#navSide a.subHeadingClosed,
	#navSide span.subHeadingClosed {
		background-image: url("/images/_css/bgNavLeft_closed.gif");
		background-repeat: no-repeat;
		background-position: left center;
	}


	#navSide a {
		color: black;
		}

	#navSide a:hover {
		color: #2363BD;
		background-color: #DDE5EF;
		}

	#navSide .selected {
		color: #2363BD;
		font-weight: bold;
		}


#highlights ul {
	width: 106px;
	margin: 0 0 0 auto;
	}

	#highlights ul li {
		margin-bottom: 1.5em;
		}

		#highlights li.contact span,
		#highlights li.contact a {
			background-image: url("/images/_css/highlights_phone.png");
			height: 34px;
			width: 106px;
		}
		#highlights li.brochure span,
		#highlights li.brochure a {
			background-image: url("/images/_css/highlights_brochure.png");
			height: 34px;
			width: 106px;
		}
		#highlights li.livecams span,
		#highlights li.livecams a {
			background-image: url("/images/_css/highlights_livecams.png");
			height: 34px;
			width: 106px;
		}
		#highlights li.membership span,
		#highlights li.membership a {
			background-image: url("/images/_css/highlights_membership.png");
			height: 34px;
			width: 106px;
		}

		#highlights li.videos span,
		#highlights li.videos a {
			background-image: url("/images/_css/highlights_videos.png");
			height: 34px;
			width: 106px;
		}