@charset "UTF-8";
/* CSS Document */

@media screen {
*
{margin:0;padding:0;}

html, body {    
   height: 100%; 
	}

body {
	margin:0;
	background: #fff;
	}

#wrapper {
	width: 960px;
	margin:0 auto 0 auto;
	}
	
#header {
	width: 100%;
	}

#mainLogo {
	background:url(../images/75-web-header-small.png) no-repeat;
	height: 250px;
	width: 420px;	
	position: relative;
	left: -75px;
	top: -75px;
	}
	

/* NAVIGATION */


#nav {
	width: 375px; 
	height: 75px; 
	background: none;
	float: right;
	position:relative;
	right:-20px;
	z-index: 99;
	}

.goHome { display:block; height: 250px; width: 350px; float:left; position: relative; z-index: 100;text-indent: -9000em; float:left;}




#nav li {
	display:inline-block;
	border-left: 1px solid #ccc;
	font: 12px Georgia;
	}

#nav li a {
	display: block;
	height: 75px;
	width: 75px;
	border:none;
	}
	
#nav li li a { height: auto; width: 100px; color: #c30000; font-weight: bold; text-decoration:none;}
	
#nav a.ourStory {text-indent: -900em; background:url(../images/nav-ourStory.png) 0px 0px;}
#nav a.ourStory:hover {text-indent: -900em;background:url(../images/nav-ourStory.png) 0px 75px;}

#nav a.virtualArchive {text-indent: -900em;background:url(../images/nav-virtualArchive.png) 0px 0px;}
#nav a.virtualArchive:hover {text-indent: -900em;background:url(../images/nav-virtualArchive.png) 0px 75px;}
	
#nav a.yourMemories {text-indent: -900em;background:url(../images/nav-yourMemories.png) 0px 0px;}
#nav a.yourMemories:hover {text-indent: -900em;background:url(../images/nav-yourMemories.png) 0px 75px;}

#nav a.alumniFriends {text-indent: -900em;background:url(../images/nav-alumniFriends.png) 0px 0px;}
#nav a.alumniFriends:hover {text-indent: -900em;background:url(../images/nav-alumniFriends.png) 0px 75px;}  



/* CONTENT */


#content {
	padding: 40px 40px 0px 40px;
	width:980px;
	position:relative;
	top:-125px;
	background: url('../images/pageTop.png') no-repeat;
	clear:both;
	min-height: 75px;
	}
	
#content p {
	font: 13px/1.5 Georgia, Times New Roman, serif;
	padding-bottom: 1em;
	padding-right: 2em;
	}
	
#content a {
	color: #c30000;
	text-decoration: none;
	}
	
#content a:hover {
	color: #c30000;
	border-bottom: 1px dotted gray;
	}
	
#content h1 {
	size: 30px;
	
	}

#content h2 {
	font: 26px/1 Georgia, Times New Roman, serif;
	color: #82a5ba;
	padding-bottom: .5em;
	}

#content h3 {
	font: 19.5px/1 Georgia, Times New Roman, serif;
	padding-bottom: .5em;
	color: #c1d2dd;
	}

#content blockquote {
	display:block;
	float: left;
	width: 105px;
	padding: 6.5px 13px 0px 0px;
	margin: 6.5px 13px 0px 0px;
	border-top: 6.5px solid #82a5ba;
	}

#content blockquote p {
	color: #777777;
	font: 16px/1 Georgia, Times New Roman, serif;
	}
	

#content ul {
	font: 13px Georgia, Times New Roman, serif;
	margin-left:13px;
	}
	
#content ul li {
	font: 13px Georgia, Times New Roman, serif;
	list-style-type:square;
	margin-left:26px;
	line-height: 19.5px;
	}
	
.caption {
	font-style: italic !important;
}

.colTitle {
	text-transform:uppercase;
	font-size: 12px;
	border-top: 6.5px solid #82a5ba;
	letter-spacing: 2px;
	margin-bottom: -15px;
}
	
li.sideCaption {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align: left;
	color: #777777;
	display:block;
}

img {border:1px solid white;}	

.quote {}

li.quote {
	font: 13px/1.5 Georgia, Times New Roman, serif;
	padding-right: 2em;
	list-style-type: square;
	margin-left: 1.5em;
}

.quoteSource {
	color: #777777;
	margin-bottom: 2em;
	border-bottom: 1px solid #dcdcdc;
}



/* FORM STYLES */


form { 
	font: 13px/1.5 Georgia, Times New Roman, serif;
	padding-bottom: 1em;
	font-weight: bold;
	color: #c30000;
	}

input {
	background-color: #dcdcdc;
	border:none;
	font: 14px Georgia;
	padding: 5px;
	margin-top:5px;
	width: 300px;
}

textarea {
	background-color: #dcdcdc;
	border:none;
	color: #000000;
	font: 14px/1.25 Georgia;
	padding: 5px;
	margin-top:5px;	
	width: 300px;
}

.formButton {
	background: #777777;
	color: #ffffff;
	opacity: .75;
	width: 75px;
}

.formButton:hover {
	background: #777777;
	color: #ffffff;
	opacity: 1;
}


/* COLUMN GRID */


.Col_1 {width:205px;padding-right:20px;float:left;}
.Col_2 {width:205px;padding-right:20px;float:left;}
.Col_3 {width:205px;padding-right:20px;float:left;}
.Col_4 {width:205px;float:left;}

.twoCol_left {width:430px;padding-right:20px;float:left;}
.twoCol_right {width:430px;position:relative;float:left;}

.threeCol_left {width: 655px; padding-right:20px; float:left;}
.threeCol_right {width: 655px; float:right;}

.fourCol {width: 880px;}



/* FOOTER */


#pageBottom {
	background: url('../images/pageBottom.png') no-repeat;
	height: 77px;
	clear: both;
	position: relative;
	top: -125px;
	}

#footer {
	clear:both;
	width: 100%;
	height: 50px;
	position: relative;
	top: -125px;
	}


.spLogo {
	float: right;
	border: 0px;
	opacity: .5;
}

.spLogo:hover {
	opacity: .9;
	}


a.photopromo:hover {display:none;}


/* effective yet slightly paranoid clearfix hack */
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    	content: " ";
	clear: both;
	}
* html .clearfix { display: inline-block; }

/* hide from ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie mac */



	} /*END SCREEN STYLES*/	
	

@media print {
#nav {display: none;}
#header {display: none;}
h1 { font: 36px Arial, Helvetica, sans-serif; color: #777777; }

}