@charset "utf-8";
/* CSS Document */
@import "reset.css";

body {
	background:url(images/bg.png) top repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	line-height:18px;
	
}

strong{ font-weight:bold;}

h2{ color:#0368a9; font-weight:bold; font-size:15px; margin-bottom:8px;}

#sub-content h2.table { color:#0368a9; font-weight:bold; font-size:16px; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif;}

#sub-content h3.title {color:#000; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:2px;}

#sub-content td.padd {padding-left:10px; padding-bottom:15px;}

#sub-content tr.margin {margin-bottom:10px;}

#sub-content a:hover{text-decoration:underline;
}

a{ text-decoration:none; color:#0368a9; font-weight:bold;}

a:visited {color:#936;}
#home-content a:hover {text-decoration:underline;}

p{
	line-height:1.6em;
	margin-bottom:15px;
}
p.intro {color:#666; font-size:14px; margin-bottom:10px;}
	
/*wrapper*/
#wrapper{
	width:1000px;	
	min-height:500px;
	border:1px solid #b7b8b8;
	margin:0 auto;
	background-color:#FFF;
}

img #banner{-webkit-box-shadow: 0px 0px 5px #303030;
-moz-box-shadow: 0px 0px 5px #303030;
box-shadow: 0px 0px 5px #303030;
border:2px solid #FFF; margin-bottom:15px;}

#sub-wrapper{
width:1000px; 
min-height:500px;
border:1px solid #b7b8b8;
margin:0 auto;
background:url(images/sub-wrap.png) left repeat-y #FFF;
}
#sub-content{float:right; width:680px; padding:20px 50px 0 20px;}

.padder{ padding:15px 15px 15px 20px;}

#sub-content img{-webkit-box-shadow: 0px 0px 5px #303030;
-moz-box-shadow: 0px 0px 5px #303030;
box-shadow: 0px 0px 5px #303030;
border:2px solid #FFF; margin-bottom:15px;}

#sub-content h1 {font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:10px;}

#sub-content h3 {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:2px; color:#5fabd8}

#header{
	width:1000px;
	height:162px;
	margin:0 auto;
	position:relative;
}
/* social */

#social{ position:absolute; bottom:68px; right:10px;}

#social li{ float:left; margin-right:8px;}

a:hover.twitter {
	background-image: url(images/twitter_over.png);
	background-repeat: no-repeat;
}

a.twitter{
background:url(images/twitter.jpg) no-repeat top left;
width:55px;
height:39px;
display:block;
}
/* social */

#sub-menu{ position:absolute; top:20px; right:10px; }
#sub-menu li a{ font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000; text-decoration:none;}
#sub-menu li{ float:left; margin-right:10px; padding-right:10px; border-right:1px solid #000; }

#banner {
	position:absolute;
	top:5px;
	right:-23px;
	}
ul#banner{list-style:none;border:1px solid #999;padding:5px;width:640px;height:290px;overflow:hidden; }

#menu{
	width:1000px;
	height:50px;
	background:url(images/nav-bg.png) top left no-repeat; padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#menu ul{ padding-left:10px; }
#menu ul li{ float:left; background:url(images/nav-sep.png) right no-repeat;  line-height:40px;  }
#menu ul li a{ text-decoration:none; color:#FFF; height: 45px; display:block; margin: 0px 22px 0 19px; font-size:13px; font-weight:bold;}

#sub-menu li.last, #menu li.last { background:none; border:none;}

#home-top{ position:relative; height:314px; border-bottom:1px #eeecec solid; margin-bottom:10px; padding-bottom:25px;}

#intro{ width:280px; float:left;}


#news{ width:280px; float:left;}

#news ul {margin-top:15px;}

#news li {margin-bottom:20px; font-size:10pt; font-weight:bold;}

#events{ width:280px; margin-left:300px;}

#events table .pad-date{ padding-right:10px;     }

.date { display:block; height:27px; width:30px; background:url(images/date-bg.png) top left no-repeat; color:#FFF; font-weight:bold;}

#events li {   }

#events .month { color:#464646; font-weight:bold; padding:0px;}

#student{ width:280px; float:left;}

#alumnni{ width:280px; margin-left:300px;}

#spolights { width:580px;}

#spolights img.imagehead{border:none; -webkit-box-shadow:none; -moz-box-shadow:none;box-shadow}

#spolights img{-webkit-box-shadow: 0px 0px 5px #303030;
-moz-box-shadow: 0px 0px 5px #303030;
box-shadow: 0px 0px 5px #303030;
border:2px solid #FFF;}

table .headshot{ padding:0 10px 10px 0;}

#quicklinks{ float:right; width:300px;}

/*footer */

#footer-bg{
	background:url(images/footer-bg.png) top repeat-x;
	height:148px;
	width:100%;
	
}

#footer a{ color:#FFF;}

#footer{
	width:1000px;
	height:100px;
	margin:0 auto;
	color:#FFF;
}

#footer td{ background:url(images/footer-sep.png) right repeat-y; padding-right:40px; }

.clear{ clear:both;}

span.yellow { color:#fcb31f;}

/* sub navigation */

#left-navigation {
	background:#f4f3f3;
	width:244px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
#left-navigation ul li {width:246px; height:33px; padding:0px 0 0  0px; border-bottom:1px solid #333; }	

#left-navigation ul li a{  display:block; padding-left:10px; line-height:33px; color:#000;  }
#left-navigation ul li a:hover{ width:263px; height:33px; background:url(images/highlight.png) top left no-repeat; color:#FFF; }

#left-navigation h3{ padding:10px 0 0 10px; color:#616161; font-family:Arial, Helvetica, sans-serif;}

#left-navigation ul li.application {border-bottom:none;}

.panel {display:none;}

h2.event {font-size:14px; padding:0px;}



/* Banner List */

#fssList{position:relative; list-style:none;width:646px;margin:auto;padding:10px 0 0 30%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{font-size:10px; color:#555555;text-decoration:none; background:#E3E2D9; padding:1px 5px 1px 5px; border:thin solid #CECCC1; }
#fssList li.fssActive a{
	font-weight:bold;
	color:#323232;
	background:#fcb31f;
	border:thin solid #F90;
}