body {
	margin: 0px; 
	padding: 0px; 
	font: 1.0em verdana, arial, sans-serif; 
	text-align: center;
	background-color: #FFF;
	color: #000;
	}
	
* {
	margin: 0px;
	padding: 0px;
	}
	
p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 70%;
	margin-bottom: 10px;
	line-height: 1.4em;
	}
	
p a {
	color: #b3bb00;
	background-color: #FFF;
	font-size: 95%;
	border-bottom: 1px dotted #660;
	}
	
ul {
	list-style-type: none;
	}

li {
	margin-top: -2px;
    margin-bottom: 10px;
	letter-spacing: -.05em;
   }
h1 {
	font-size: 70%;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	color: #333;
	background-color: #FFF;
	}
	
h2 {
	font-size: 70%;
	font-weight: bold;
	/*margin: 10px 0px 5px 5px;*/
	color: #333;
	background-color: #FFF;
	margin-bottom: 7px;
	margin-top: 5px;
	/*margin-left: 4px;*/
	line-height: 1.4em;
	}
	
h3 {
	font-size: 85%;
	font-weight: normal;
	/*margin: 10px 0px 5px 5px;*/
	color: #333;
	background-color: #FFF;
	}
	
h4 {
	font-size: 70%;
	font-weight: normal;
	/*margin: 10px 0px 5px 5px;*/
	color: #000;
	background-color: #FFF;
	font-style: italic;
	margin-bottom: 16px;
	/*margin-left: 3px;*/
	/*padding-left: 3px;*/
	}


a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background-color: transparent;
	font-size: 70%;
	border: 0px;
	}
	
a:hover {
	color: #000;
	background-color: transparent;
	}
	
	
H5, H5 a {
	width: 90px;
	margin-top: 15px;
	line-height: 15px;
	letter-spacing: 0.2em;
	font-family: Times New Roman, Times, serif;
	font-size: 85%;
	color: #cc6666;
	text-align: center;
	}
	
H5 a:hover {
	color: #666;
	}
	

	
/* ############### divs n stuff ####################*/

div#container {
	width: 750px;
	border: 1px solid #CCC;
	background-image: url(images_pres/WS-background.gif); 
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: left;
	}	
	
div#header {
	width:750px; 
	height: 30px; 
	}

div#contentarea {
	width:750px;
	/*background-color: #ccc;*/
	}
	
.rotation {
	text-align: right;
	margin: 0px 25px 0px 0px;
	}
	
	
/*########## HOMEPAGE STUFF #################*/

div#homepageImage {
	padding-top: 85px;
	}
	

/*##########COLUMN ONE ITEMS #################*/


div#column1 {
	width:120px; 
	float:left; 
	padding: 85px 20px 0px 20px;
	/*background-color: #ccc;*/
	}
	
div#column1image {
	padding: 85px 20px 0px 0px;
	width:120px; 
	float:left; 
	/*background-color: #ccc;*/
	}
	
div#column1 li {
	margin: 8px 0px 0px 0px;
	}
	
div#column1image ul {
	margin: 85px 0px 0px 20px;
	}
	
div#page_navigation  {
	margin: 15px 0px 0px 0px;
	height: 200px;
	}

div#page_navigation a.current {
	color: #000;
	background-color: #FFF;
	}

	
img.button {
	/*margin-top: 20px;*/
	width: 98px; 
	height: 39px;
	border: 0px;
	}

a.button {
	text-decoration: none:
	}
	
div#searchmap, #searchmapNews {
	width: 100px;
	height: 40px; 
	text-align: left;
	font-size: 85%;
	color: #999;
	background-color: #FFF;
	}
	
div#searchmap .makegift {
	margin-top: 52px;
	}
	
div#searchmap .withbutton {
	margin-top: 100px;
	}

div#searchmap .nobutton {
	margin-top: 139px;
	}
	
div#searchmapNews .nobutton {
	margin-top: 234px;
	}

div#searchmap a, #searchmapNews a {
	font-weight: normal;
	color: #000;
	}

div#searchmap li, #searchmapNews li {
	line-height: 1em;
	}

	
div#linkhome1 {
	margin-top: -80px;
	height: 80px;
	/*background-color: #369;*/
	}
	
div#linkhome1 img {
	width: 100px;
	height: 80px;
	border: 0px;
	}
	


/*##########COLUMN TWO ITEMS #################*/


div#column2 {
	width:270px; 
	float:left; 
	padding: 85px 20px 0px 0px;
	}
	
div#column2home {
	width:290px; 
	float:left; 
	padding: 85px 0px 0px 0px;
	}

	
div#column2wider {
	width:325px; 
	float:left; 
	padding: 85px 20px 0px 0px;
	}
	
div#column2widest {
	width:555px; 
	float:left; 
	padding: 85px 20px 0px 0px;
	}
	
div#column2 p {
	margin-left: 0px;
	}
	
div#column2wider .pagehead {
	margin: 10px 0px 5px -1px;
	width: 270px;
	height: 40px;
	}
	
div#column2 .pagehead {
	margin: 10px 0px 5px 0px;
	width: 270px;
	height: 40px;
	}
	
div#column2widest .pagehead {
	margin: 15px 0px 5px -1px;
	width: 270px;
	height: 40px;
}

div#column2widest .pageheadlong {
	margin: 15px 0px 5px -1px;
	width: 400px;
	height: 40px;
}

	
.homeimage {
	width: 290px;
	height: 432px;
	}
	
div#linkhome2 {
	margin-top: -80px;
	height: 80px;
	/*background-color: #369;*/
	}
	
div#linkhome2 img {
	width: 200px;
	height: 80px;
	border: 0px;
	}

div#section_navigation  {
	margin: 25px 0px 0px 8px;
	height: 100px;
	}
	
div#section_navigation li {
	margin-top: 0;
	line-height: .4em;
	}
	
div#section_navigation a {
	font-size: 70%;
	font-weight: normal;
	color: #999;
	background-color: #FFF;
	}

div#section_navigation a:hover {
	color: #000;
	background-color: #FFF;
	}
	
div#section_navigation a.current {
	color: #000;
	background-color: #FFF;
	}



	
	
/*##########COLUMN THREE ITEMS #################*/

	
div#column3 {
	width: 300px; 
	height: 447px;
	float:left;
	}
	
div#column3smaller {
	width: 245px; 
	height: 447px;
	float:left;
	}
	
div#column3smallest {
	width: 10px; 
	height: 300px;
	float:left;
	}
div#column3home {
	margin-top: 85px;
	width: 300px; 
	/*height: 447px;*/
	float:left;
	}

div#column3 img {
	width: 300px; 
	height: 447px;
	}
	
div#column3smaller img {
	width: 245px;
	height: 477px;
	}	

div#hometext {
	margin: 0px 20px 10px 20px;
	}
	
div#column3home .pagehead {
	margin: 10px 0px 0px 20px;
	width: 270px;
	height: 40px;
	}
	
div#column3home .pageheadhome {
	margin: 10px 0px 10px 15px;
	width: 260px;
	height: 51px;
	}



.ribbon {
	width: 300px;
	height: 75px;
	}
	

/*##########FOOTER ITEMS #################*/

	
div#footer {
	width:250px;
	height: 20px; 
	text-align: left;
	font-size: 80%;
	color: #666;
	background-color: #FFF;
	margin: 10px 0px 20px 470px;
	}
	
div#HPfooter, #Newsfooter, #NETfooter {
	width:750px;
	height: 70px; 
	text-align: left;
	font-size: 80%;
	color: #666;
	background-color: #FFF;
	margin: 10px 0px 20px 0px;
	}
	
div#HPfooter p, #Newsfooter p{
	margin-left: 470px;
	margin-top: 10px;
	}
	
div#NETfooter p {
	margin-left: 115px;
	font-size: 90%;
	color: #333;
	}
	
	
div#HPfooter a {
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
	color: #690;
	font-size: 110%;
	}
	
div#netsearch {
	float: left;
	margin-top: 20px;
	margin-left: 40px;
	}
	
	
.alumnae {
	margin-left: 100px;
	float: left;
	}
	
.working {
	margin-left: 20px;
	float: left;
	}

div#Newsfooter .alumnae {
	margin-left: 140px;
	float: left;
	}
	
div#Newsfooter .working {
	margin-left: 20px;
	float: left;
	}


	

	
	
/*###################NAVIGATION####################*/
	
	
div#navigation {
	text-align: right;
	} 

div#navigation ul {
	/*background: #fff;*/
	/*-moz-border-radius: 10px;*/
	/*border: solid 1px #888;*/
	/*border: none;*/
	/*padding: 12px 6px;*/
	/*overflow: hidden;*/
	text-align: right;
	margin-left: 163px;
	/*display: block;*/
	width: 582px;
	height: 29px;
	}
	
div#navigation li {
	display: inline;
	text-align: right;
	}
	
div#navigation li, div#navigation ul {
	list-style: none;
	}
	
div#navigation ul li a {
	display: block;
	height: 30px;
	float: left;
	border: none;
	/*text-indent: -9999px;*/
	overflow: hidden;
	/*margin: 0 6px;*/
	}	
	
#overview a {
background: url(images_pres_nav/overview.gif);
background-position: 0px 0px; 
text-decoration:none;
width: 70px;
}

#overview a:hover {
background: url(images_pres_nav/overview.gif);
background-position: 0px -30px;
}

#overview a.currentpage, #overview a.currentpage:hover  {
background: url(images_pres_nav/overview-currentpage.gif);
background-position: 0px 0px; 
}



#academics a {
background: url(images_pres_nav/academics.gif);
background-position: 0px 0px;
width: 78px;
}

#academics a:hover {
background: url(images_pres_nav/academics.gif);
background-position: 0px -30px;
}

#academics a.currentpage, #academics a.currentpage:hover {
background: url(images_pres_nav/academics-currentpage.gif);
background-position: 0px 0px; 
}


#stulife a {
background: url(images_pres_nav/stulife.gif);
background-position: 0px 0px;
width: 84px;
}

#stulife a:hover {
background: url(images_pres_nav/stulife.gif);
background-position: 0px -30px;
}

#stulife a.currentpage, #stulife a.currentpage:hover {
background: url(images_pres_nav/stulife-currentpage.gif);
background-position: 0px 0px; 
}


#news a {
background: url(images_pres_nav/news.gif);
background-position: 0px 0px;
width: 106px;
}

#news a:hover {
background: url(images_pres_nav/news.gif);
background-position: 0px -30px;
}

#news a.currentpage {
background: url(images_pres_nav/news-currentpage.gif);
background-position: 0px 0px; 
background-repeat: no-repeat;
}


#admissions a {
background: url(images_pres_nav/admissions.gif);
background-position: 0px 0px;
width: 84px;
}

#admissions a:hover {
background: url(images_pres_nav/admissions.gif);
background-position: 0px -30px;
}

#admissions a.currentpage, #admissions a.currentpage:hover {
background: url(images_pres_nav/admissions-currentpage.gif);
background-position: 0px 0px; 
}


#community a {
background: url(images_pres_nav/community.gif);
background-position: 0px 0px;
width: 80px;
}

#community a:hover {
background: url(images_pres_nav/community.gif);
background-position: 0px -30px;
}

#community a.currentpage, #community a.currentpage:hover {
background: url(images_pres_nav/community-currentpage.gif);
background-position: 0px 0px; 
}


#philanthropy a {
background: url(images_pres_nav/philanthropy.gif);
background-position: 0px 0px;
width: 80px;
}

#philanthropy a:hover {
background: url(images_pres_nav/philanthropy.gif);
background-position: 0px -30px;
}

#philanthropy a.currentpage, #philanthropy a.currentpage:hover {
background: url(images_pres_nav/philanthropy-currentpage.gif);
background-position: 0px 0px; 
}




/*#################CLEARFIX##############*/



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {
	display: inline-block;
	}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */