/*table, td { border: 1px solid green; } */

/* COMMON STYLES */

a 			{ text-decoration: none; color: #039;}
a:link 		{ text-decoration: none; color: #039; }
a:visited 	{ text-decoration: none; color: #039; }
a:hover 	{ text-decoration: underline; }
a:active    { text-decoration: none; color: #039; }



body {
	background-color: #fff;
	margin: 10px;
	padding: 0;
	min-width:780px;
	max-width: 970px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*
* html body {
 	width: expression(Math.min(document.documentElement.clientWidth -20, 970));
}

* html body {
 	width: expression(Math.min(document.documentElement.clientWidth -20, 970));
}

 width: 970px; /* in case JS is off, set a fallback width. default is auto 
*/
* html body {
width: expression(Math.max(Math.min((document.documentElement.clientWidth) - 20, 970), 760)+'px');} 



#level5 {
font-size: 95%;
margin: -15px 0 10px 0;
border: 0;
}

.round{

display:block;
}
.round *{

display:block;
height:1px;
overflow:hidden;
background:#000000;
}
.round1{
border-right:1px solid #919191;
padding-right:1px;
margin-right:3px;
border-left:1px solid #919191;
padding-left:1px;
margin-left:3px;
background:#3f3f3f;
}
.round2{
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
padding:0px 1px;
background:#303030;
margin:0px 1px;
}
.round3{
border-right:1px solid #303030;
border-left:1px solid #303030;
margin:0px 1px;
}
.round4{
border-right:1px solid #919191;
border-left:1px solid #919191;
}
.round5{
border-right:1px solid #3f3f3f;
border-left:1px solid #3f3f3f;
}
#toolNav{
background: #000;
	margin:  0;
	height: 16px;
	padding: 0 0 2px 0;
	width: 100%;
	min-width: 760px;
	max-height: 16px;
	color: #fff;
	z-index:100;
	clear:both;
}



#toolNav a {
	color: #fefefe;
	padding: 0 6px 0 4px;
	line-height: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	z-index:101;
	border-right: 1px #666 solid;
}


/*DEFINE GENERAL PAGE AREAS */

.hide {
	display: none;
}


#topBanner {
	background: #892235 url(/summerscholars/images/header-bg.gif) no-repeat left top;
	width: 100%;
	min-width:760px;
	height: 93px;
	margin: 0 0 5px 0 ;
	padding: 0;
}



.deptlogo {
	float: left;
	padding: 30px 0 0 10px;
	margin: 0;

}

#club {

	float: right;
	margin: 0;
	padding: 20px 10px 0 0;
}


#col1 {
	position: absolute;
	left: 10px;
	top: 150px;
	margin: 0;
	padding: 0;
	width: 200px;
}


#club {
	margin: 5px; /* for firefox and IE8 */
	*margin: -72px 5px 0 435px; /* for IE6 and IE7 */
	float: right;
	background:url(/alumni/clubs/images/club-trans-bg.gif) no-repeat center;
	opacity: .2;
	filter: alpha(opacity=20);
	text-align:center;
	width: 311px;
	height: 64px;
	padding: 0;
}

#clubtext {
	position:relative;
	margin: -72px 5px 0 435px;
	float: right;
	text-align:center;
	width: 311px;
	height: 64px;
	padding: 0;
	z-index:100;
}


#clubtext h1 {
	color: #FFF3C7;
	font-size: 150%;
	margin:0;
	padding:10px 0 0 0;
}

#clubtext p {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;
}

#blackBox {
	
	
	margin: 0 0 10px 0;
	background-color: #000000;
	padding: 1px;
}

#blackBox p {

	font-size: 10px;
	color: #ffffff;
	margin: 2px 5px;
	padding: 0;
}

#blackBox img {

}

#navBox {

	margin: 0;
	border:#FF9900 solid 1px;
	background-color: #FFF3C7;
	padding: 5px;
	width: 165px;

}

#navBox h1, #navBox h1 a {

	color: #781d2f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin: 0;
	padding: 0;
}

#mainNav {
	float: left;
	margin: 0;
	padding: 0;
}

#localNav,
#memberNav {
	margin: 0 0 0 0px;
	background-color: #FFF3C7;
	padding: 0;
	border-bottom: 1px solid #F37D19;
	border-right: 1px solid #F37D19;
	border-left: 1px solid #F37D19;
	width: 175px;
} 

#events {
	margin:0;
	padding:0;
	width: 33%;
	padding-left: 5px;
	float: right;
	height: 100%;
}



#localNav ul {

	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

#localNav ul li a {

	line-height: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #892134;
	background-color: #FFF3C7;
	margin: 0px;
	padding: 6px 8px;
	display: block;
}

#mainNav ul,
#homeNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainNav ul li,
#homeNav ul li {
	display: inline;
	color: #EB7F12;
	margin: 0;
	padding: 0;
}


/*
#localNav ul li a,
#localNav ul li ul li a,
#memberNav ul li a,
#memberNav ul li ul li a  {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #892134;
background-color: #FFF3C7;
display: block;
margin: 0;
padding: 0;
}
*/

#localNav h2.on,
#localNav h2:hover,
#localNav h2 a:hover,
#localNav h3.on,
#localNav h3:hover,
#localNav h3 a:hover,
#localNav ul li ul li a.on,
#memberNav ul li a:hover,
#memberNav h2.on,
#memberNav h2:hover,
#memberNav h2 a:hover,
#memberNav h3.on,
#memberNav h3:hover,
#memberNav h3 a:hover,
#memberNav ul li a.on,
#memberNav ul li ul li a.on,
#localNav ul li a.on,
#localNav ul li a:hover {

	background-color: #FCDCA1;

}


/*
#localNav h2 {
padding-top: 1px;
padding-bottom: 1px;
margin-top: 9px;
}


#localNav h3 {
padding-top: 0px;
padding-bottom: 2px;
margin: 6px 0px -5px 0px;
}

*/
#col3 {
	position: absolute;
	float: right;
	top: 150px;
	width: 200px;
	padding: 0 0 100px 0;
	left: 780px;
	margin: 0 0 100px 0;
}

* #col3 {
 	left: expression(Math.max(Math.min((document.documentElement.clientWidth) - 210, 780), 560)+'px');} 
}
.corners {border-right:1px solid #aaa; border-left:1px solid #aaa;}


#container {

	
	margin: 5px 0;
	padding: 5px;
	max-width: 1000px;
}

#mainContent {

	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 200px;
	margin-right:220px;
	min-height: 320px;
	

	}
*html #mainContent { /* IE hack */
	height: 320px;
	}


html>body #mainContent {
	margin-left: 210px;
	margin-right:230px;
	}


#mainContent a {
	font-weight: bold;
}

#mainContent p {
	margin-top: 0;
}

#mainContent h1 {
	
	font-size: 160%;
	border-bottom: 1px solid #671a29;
	padding-bottom: 3px;
	font-weight: bold;
	color: #671A29;
}

#mainContent h3 {
	
	font-size: 140%;
	margin-bottom: 0px;
	font-weight: bold;
	color: #671A29;
	
}

#mainContent h4 {
	
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #671A29;
}


#mainContent blockquote {
	margin-left: 20px;
}






.homephoto {

	width: 100%;

}

#content {
width: 64%;
float: left;
padding-right: 1%;
border-right: 1px #999 solid;
margin: 0 0 100px 0;
}

#subContainer {

width: 100%;
}

#footer {
clear: both;
margin: 20px 0px;
border-top: 5px solid #6C192D;
font: normal 11px/16px Verdana;
color: #666;
width: 100%;
/*position: absolute;
left: 10px;
top: auto;*/

}

#clear {
clear: both;

}

#footerNav {
padding: 0px;
float: left;
}

#footerHome {

	position: absolute;
	margin-top:700px;

}

#copyright {
padding: 4px;
float: right;
text-align:right;
}

#bottom {

	margin-top: 800px;


}
#socialMedia{
	margin:0px;
	padding:0px;
	float:left;
	
	}
#socialMedia h2{
	color:#781d2f;
	margin: 14px 0 0px 0px;
	padding:0 0 0px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}
#socialMedia p{
	margin:2px 0 0 0px;
	padding:0px;
	}
ul.icons{
	margin:8px 0 0 0px;
	padding:0px;
	float:left;
		}

ul.icons li{
	margin:0px;
	padding:0px;
	display:inline;
	}

