@charset "utf-8";
/* CSS Document */
/* Util Nav */
#navUtil {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 0 0 0;
	float: right;
}

#navUtil ul {

	float: right;
}

#navUtil li {
	float: left;
	padding: 0 12px 0 10px;
	background: transparent url("/assets/images/bullet-navutil.gif") right 4px no-repeat;
}

#navUtil li.last {
	background: none;
}

#navUtil a {
	color: #fff;
	text-decoration: none;
}

#navUtil a:hover, #navUtil a.active {
	text-decoration: underline;
}


/* Main Navigation */
#navMain {
	height: 35px;
	background: transparent url("/assets/images/bg-navmain.png") left top repeat-x;
	clear: both;
}

#navMain ul {
	height: 35px;
	width: 518px;
	position: relative;
	background: transparent url("/assets/images/navmain.png") left top no-repeat;
	float: left;
}

#navMain li {
	height: 35px;
	position: absolute;
	top: 0;
}

#navMain li a {
	height: 35px;
	display: block;
}

#navStudent {
	width: 94px;
	left: 0;
}

#navStudent a:hover, #navStudent a.active {
	background: transparent url("/assets/images/navmain.png") 0px -35px no-repeat;
}

#navPreceptors {
	width: 111px;
	left: 95px;
}

#navPreceptors a:hover, #navPreceptors a.active {
	background: transparent url("/assets/images/navmain.png") -95px -35px no-repeat;
}

#navProjects {
	width: 93px;
	left: 207px;
}

#navProjects a:hover, #navProjects a.active {
	background: transparent url("/assets/images/navmain.png") -207px -35px no-repeat;
}

#navNewsEvents {
	width: 119px;
	left: 301px;
}

#navNewsEvents a:hover, #navNewsEvents a.active {
	background: transparent url("/assets/images/navmain.png") -301px -35px no-repeat;
}

#navSponsors {
	width: 96px;
	left: 421px;
}

#navSponsors a:hover, #navSponsors a.active {
	background: transparent url("/assets/images/navmain.png") -421px -35px no-repeat;
}


/* Bottom Navigation */
.bottomNav {
	font-size: 10px;
	padding-bottom: 10px;
	color: #3a748b;
}

.bottomNav a {
	text-decoration: none;
}

.bottomNav a:hover, .bottomNav a.active {
	text-decoration: underline;
}



#leftNav {
	margin-bottom: 25px;
	background: transparent url("/assets/images/bg-leftnav-repeater.png") left top repeat-y;
}

#leftNav div {
	background: transparent url("/assets/images/bg-leftnav.png") left bottom no-repeat;
}


#leftNav h1 {
	text-transform: uppercase;
	font-size: 10px;
	padding:  10px 15px 8px 15px;
	color: #005675;
}

#leftNav ul {
	padding: 0 15px 0 15px;
	margin: 0;
	background: transparent url("/assets/images/dotted-brown.gif") left top repeat-x;
}

#leftNav li {
	background: transparent url("/assets/images/dotted-brown.gif") left bottom repeat-x;
	font-size: 10px;
	padding: 4px 0 12px 0;
}

#leftNav li a {
	text-decoration: none;
	color: #963;
}

#leftNav li a:hover, #leftNav li a.active {
	font-weight: bold;
}

.welcome {
	color:#e5e5e5;
	padding: 7px 0 0 12px;
	font-size: 10px;
}

.welcome b {
	color: #fff;
}

.navVolunteer {
	height: 26px;
	float: right;
	width: 120px;
	border-left: 1px solid #376C7E;
	background: #264B57;
	font-size: 10px;
	position:relative;
}

li.vlevel0 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

a.vlevel0 {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	text-align: center;
	padding: 8px 0 8px 0;
	text-decoration: none;
	background: transparent url("/assets/images/arrow1.gif") 83px 11px no-repeat;
}

a.vlevel0:hover {
	background: #B0954D url("/assets/images/arrow1-hover.gif") 83px 11px no-repeat;	
	text-decoration: none;	
}


ul.vlevel1 {
	width: 180px;
	top: 26px;
	z-index: 100;
	position: absolute;
	right: 0;
	display: none;
	height: auto;	
}

li.vlevel1 {
	background: #264B57;	
	border-top: 1px solid #376C7E;	
}

a.vlevel1 {
	color: #fff;
	display: block;
	padding: 4px 0 4px 18px;
	background: transparent url("/assets/images/arrow2.gif") 8px 6px no-repeat;	
}

a.vlevel1:hover {
	text-decoration: none;
	background: #B0954D url("/assets/images/arrow2-hover.gif") 8px 6px no-repeat;		
}

#nav li:hover ul.vlevel1, #nav li.sfhoverul.vlevel1 {
	display: block;
}