/*
-----------------------------------------------
Vassar College

Units:
	Pixels for layout, nav tabs
	Ems for fonts, leading, textual margins

Search "=1" for Most Pages, etc.
1. Universals
2. Shell layout
3. Hacks and Such
-----------------------------------------------*/

/* =1 Universals
===============================================*/

body {
	font: 12px/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", sans-serif;
	color: #000;
	text-align: center;
}

a {
	text-decoration: none;
	color: #244f86;
}

	a:hover {
		color: #000;
		background: #ddd;
	}

	a img { border: 0; }
	

/* =2 Shell Layout
===============================================*/

.accessible_hidden {
	position: absolute;
	top: 0; left: -1000em;
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */
#wrapper_columns	{
/* Normally a Holly-style hack height: 1% would suffice but that causes IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes (I saw it happen many moons ago) makes the width of wrapper too small the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here just in case that many moons ago problem rears its head again */
	float/**/: none;
}

/* easy clearing */
#wrapper_columns:after	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper_columns	{	display: inline-block; }
/*\*/
#wrapper_columns	{	display: block; }
/* end easy clearing */

#wrapper {
	position: relative;
	width: 960px; 
	margin: 0 auto; padding: 1px 0 0 0;
}

#container {
	margin: 133px 0 0 0; padding: 0;
}

#masthead {
	position: relative;
	width: 321px;
	margin: 0 auto; padding: 30px 0 0 0;
}

	#masthead h1 {
		width: 321px; height: 58px;
		margin: 0 auto 12px auto; padding: 0;
		text-indent: -9999px;
		background: transparent url("../images/masthead.png") top center no-repeat;
	}

#constants	{
	position: relative;
	z-index: 1000;
	float: left;
	width: 416px;
	margin-left: 272px; padding: 15px 0 0 0;
}

* html #constants	{
	display: inline;
}

#ooze_left	{
	position: relative;
	float: left;
	width: 272px;
	margin: -130px 0 0 -680px;
}

#ooze_right {
	position: relative;
	z-index: 1000;
	float: left;
	width: 232px;
	padding: 0 20px;
	text-align: left;
	margin-top: -60px;
}
#ooze_bottom {
position: relative;
float: left;
z-index: 1000;
margin-top: 0;
margin-left: 272px;
width: 416px;
text-align: center;
}

#page_nav {
	position: absolute;
	top: 0; left: -1000em;
}
	
	#search { 
		margin: 0 0 0 87px;
	}
			
	#search_box_container, #go_container {
		text-align: left;
		position: relative;
		float: left;
		margin-right: 3px;
	}
	
	#query {
		width: 242px;
		margin: 0; padding: 0.22em;
		background: #fff; border: 1px solid #ccc;
		vertical-align: middle;
		color: #888; 
		font-size: 0.9em;
	}

	.overlabel {	display: none; }

	#go { 
		vertical-align: middle; 
		border: solid 1px #ccc;
	}
	
	label.overlabel-apply {
		position: absolute;
		top: 1px;
		left: 3px;
		z-index: 1;
		color: #888; 
		font-size: 0.9em;
	}

	#site_search_auxlinks {
		padding: 0; margin: 0.5em 0 0 1em;
	}

		#site_search_auxlinks ul li {
			display: inline;
			margin: 0 0.8em;
			font-size: 0.9em;
		}
		
			#site_search_auxlinks li a {
				 padding: 0.2em;
			}

#site_nav {
	margin: 0 auto;
	padding: 1.6em 1em 0 1em;
}
	
	#site_nav_roles { margin-bottom: 1.9em; }

	#site_nav_roles li {
		display: inline;
		font-size: 0.9em;
		text-transform: uppercase;
		line-height: 100%; 
				margin: 0 0 0 0.5em; padding: 0 1em 0 0;
		background: transparent url("../images/bullet.gif") center right no-repeat; 
	}
	
		#site_nav_roles li a { padding: 0.2em; }

	#site_nav_roles .last {
		background: none;
		padding-right: 0;
	}

	#site_nav_primary li {
		display: inline;
		font-size: 1.1em;
		line-height: 100%;
	}
	
	#site_nav_primary li a {
		display: block;		
		margin: 0 0 0.7em 0; padding: 0.2em;
	}
	
	#site_nav_primary {
		text-align: left;
		display: table;
		float: none;
		margin: 0 auto;
		width: auto;
	}		

	#site_nav_primary ul {
		float: left; 
		margin-right: 1.5em;
		width: auto;
			}		
	
	#site_nav_primary .last {
		margin-right: -3px !important;
	}
		
#ooze_top {
	position: absolute;
	width: auto; height: 150px;
	top: 0; left: 0; right: 0;
	margin: 0 21.4em 0 250px;
	overflow: hidden;
}


#supplemental {
	margin: 0 auto; 
	padding: 2em 0;
}

	#supplemental address {
		display: inline;
		font-style: normal;
		font-size: 0.9em;
			}
	
	#supp_address {
		padding: 0 1.5em 0 0;
		background: transparent url("../images/doubleline.gif") center right no-repeat;
	}
	
	#supp_phone {
		margin: 0 0 0 0.9em;
	}
	
	#supp_links_global li {
		display: inline;
		margin: 0 0 0 0.9em; padding: 0 1.5em 0 0;
				background: transparent url("../images/doubleline.gif") center right no-repeat;
		font-size: 0.9em;
	}
	
		#supp_links_global li a {
			padding: 0.2em;
		}
	
	#supp_links_global #supp_link_last {
		padding: 0; background: none;
	}
	
/* =3 Hacks and Such
===============================================*/

/* clearing floats	http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }			
.clearfix {display: inline-block;} 

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack *//* =1 Universals
===============================================*/