/* Components

   These are blocks that are used throughout 
   the site independent of section.
--------------------------------------------------- */


/* Header */
#header {
	position: relative;
	margin-left: -10px;
	width: 960px;
	margin: 0 0 5px 0;
	z-index: 100;
	}
#header #logo {
	font-size: 2.2em;
	line-height: 1;
	margin: 0;
	font-weight: bold;
	}
#header #logo a {
	display: block;
	color: #999;
	text-decoration: none;
	width: 200px;
	height: 139px;
/*	background: url("/images/logo.png") no-repeat -3px 0;*/
/*	text-indent: -5000px;*/
	overflow: hidden;
	}
#header #logo a:hover {
	color: #666;
	}
#header #account_panel {
	position: absolute;
	right: 0px;
	top: 58px;
	line-height: 1.1;
	width: 222px;
	}
#header #account_panel a {
	font-weight: bold;
	}
#header #account_panel span {
	color: #999;
	font-size: 85%;
	}


/* navigation banner */
#banner {
	margin: 0 0 20px 0;
	width: 960px;
	z-index: 20;
	}
#banner_content {
	float: left;
	width: 718px;
	margin: 0 2px 0 0;
	height: 141px;
	background-color: #5A0048;
	border-bottom: 3px solid #5A0048;
	overflow: hidden;
	}
#banner_content a {
	display: block;
	}
#home #banner_content {
	height: 239px;
	position: relative;
	}
#home #banner_content img {
	display: block;
	}
	
#banner_tabs {
	position: absolute;
	z-index: 100;
	right: 4px;
	bottom: 6px;
	}	
.tabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
#banner_tabs a {
/*	width:24px;
	height:24px;*/
	float:left;
	margin-top:5px;
	margin-right:3px;
	padding: 2px 8px 2px 9px;
	display:block;
/*	font-size:1px;*/
	border: 1px solid #d2d1d3;	
	background-color: #626262;
	color: #fff;
}

/* mouseover state */
#banner_tabs a:hover,
#banner_tabs a:focus {    
	margin-top:0; 
	text-decoration: none;
}

/* active state (current page state) */
#banner_tabs a.current {      
	margin-top:0; 
	background-color: #79056e;
} 	
	

div.alt, 
div.flash-replaced {
	display: none;
	}


/* roktalk widget */
#TTLaunchA {
	float: right;
	}
#TTLaunchA img {
	height: 46px;
	margin-right: 20px;
	}

/* Overlay */
div.overlay {
	padding: 20px;
	border: 3px solid #5A0048;
	background-color: #FFF;
	width: 940px;
	min-height: 560px;
	display: none;
	} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url("/images/close.gif"); 
    position: absolute; 
    right: 10px; 
    top: 10px; 
    cursor: pointer; 
    height: 16px; 
    width: 16px; 
}



/* Body */
#body {
	min-height: 400px;
	border-top: 3px solid #b2b2b2;
	padding-top: 15px;
	}
div.content {

	}


/* News panel */
#news_panel {
	min-height: 210px;
	}
ul.news_panel {
	display: block;
	width: 100%;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.news_panel li {
	padding-left: 50%;
	width: 50%;
	display: block;
	line-height: 1.2;
	}
ul.news_panel li span.date {
	display: block;
	color: #666;
	font-size: 92%;
	border-top: 1px dotted #999;
	padding-top: 7px;
	}
ul.news_panel li.first span.date,
ul.news_panel li.active span.date {
	border-top-color: transparent;
	}
ul.news_panel li strong {
	font-size: 110%;
	padding-right: 10px;
	}

ul.news_panel li a {
	display: block;
	padding: 0 0 10px 10px;
	background-color: #FFF;
	color: #666;
	min-height: 43px;
	}
ul.news_panel li a:hover {
	display: block;
	background-color: #EFEFEF;
	text-decoration: none;
	color: #000;
	}
ul.news_panel li a:hover span.image {
	display: block;
	z-index: 100;
	}
ul.news_panel li span.image {
	position: absolute;
	width: 230px;
	height: 159px;
	left: 0;
	top: 0;
	display: none;
	overflow: hidden;
	background-color: #EFEFEF;
	z-index: 10;
	}
ul.news_panel li span.image img {
	position: absolute;
	left: 10px;
	top: 10px;
	clip: rect(0 210px 140px 0);
	}
ul.news_panel li.active span.image {
	display: block;
	}
ul.news_panel li.active a {
	background-color: #EFEFEF;
	color: #910081;
	}


ul.events {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.events li span.date {
	display: block;
	color: #666;
	font-size: 92%;
	border-top: 1px dotted #999;
	padding-top: 7px;
	}
ul.events li a {
	line-height: 1.4;
	}
ul.events li.first span.date {
	border-top: none;
	}




/* Listings */
ul.listing {
	list-style: none;
	margin: 0 0 20px 0 !important;
	}
ul.listing li {
	width: 220px;
	float: left;
	padding-bottom: 20px;
	line-height: 1.3;
	}
ul.listing li.first {
	clear: left;
	margin-right: 20px;
	}
ul.listing li.last {
	
	}
ul.listing li span.image {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 130px;
	margin-bottom: 5px;
	background-color: #CCC;
	text-align: center;
	}
#body_campus ul.listing li span.image {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 210px;
	margin-bottom: 5px;
	background-color: #CCC;
	text-align: center;
	}
ul.listing li span.date {
	text-align: left;
	display: block;
	color: #333;
	font-weight: bold;
	}
ul.listing li strong {
	color: #750064;
	font-size: 115%;
	}
ul.listing li span.abstract {
	color: #999;
	}
ul.listing li a {
	display: block;
	padding: 5px;
	text-decoration: none !important;
	}
ul.listing li a:hover {
	background-color: #CCC;
	}
ul.listing li a:hover strong {
	color: #000;
	}






ul.items {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}
ul.items li {
	clear: both;
	padding: 10px 0 4px 0;
	float: left;
	}
ul.items li.last {
	background-image: none;
	}
ul.items li img {
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
	}
ul.items li	a {
	font-size: 117%;
	}

/* Columns of any element */
.column {
    float: left;
    margin-right: 10px;
    }
/* The last column in a row needs this class. */
.last { margin-right: 0; }




/* Video player */
#video_player {
	background: #EFEFEF url("/images/fv_video.jpg") 50% 50% no-repeat;
	height: 259px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	}

/* Profiles */
p.profiles img {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	}


div.info_panel {
	margin-top: 62px;
	}




/* Footer */
#footer {
	clear: both;
	padding: 10px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #bebebe;
	position: relative;
	color: #555;
	margin-bottom: 0;
	background-color: #dedede;
	width: 960px;
	}
#footer .vcard {
	font-style: normal;
	display: inline;
	float: left;
	font-size: 120%;
	color: #6A005C;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.3;
	}
#footer .vcard a {	
	color: #6A005C;
	}
#footer .vcard a:hover {	
	color: #000;
	}
#footer .grid_9 {
	width: 710px;
	text-align: right;
	}
#footer ul {
	list-style: none;
	margin: 0;
	text-align: right;
	}
#footer li {
	display: inline;
	margin-left: 5px;
	padding-right: 9px;
	border-right: 1px solid #CCC;
	line-height: 1;
	}
#footer li.last {
	border: none;
	margin-right: 0;
	padding-right: 0;
	}
#footer .feedback_link {
    font-size: 92%;
    }
#footer a {
	color: #000;
	text-decoration: none;
	}
#footer a:hover {
	color: #6A005C;
	}
#footer p.info {
	text-align: center;
	color: #999;
	font-size: 93%;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	line-height: 1.2;
	clear: both;
	}
#footer .copyright {
	clear: both;
	padding: 10px;
	background-color: #262626;
	color: #FFF;
	line-height: 1.2;
	position: relative;
	}
#footer .copyright span {
	margin-bottom: 0;
	font-size: 85%;
	}
#footer #tictoc {
    position: absolute;
	right: 10px;
	top: 10px;
	color: #CCC;
	font-size: 93%;
	}
#footer #tictoc:hover {
    color: #FFF;
    }
#siteurl {
	display: none;
	}