@charset "UTF-8";
@import url('styles/header.css');

.cleaner 
{
	clear:both;
	border:none;
	margin:0px; 
	padding:0px;
}
		
#container
{
	display: block;
	margin: 20px auto 0px;
	width: 980px;
}

#content
{
	background-image: url(images/purple-stripe.gif);
	background-repeat: repeat-y;
	width: 980px;
	padding-bottom: 20px;
}



/*Left side*/
#left-side
{
	display: inline;
	float: left;
	position: relative;
	margin: 10px 10px 0px 25px;
}

#main
{
	position: relative;
	width: 659px;
	margin-bottom: 20px;
}

#main-body
{
}

/*Tabs
------------------------------------------------------------------------------------------------------------------------------------------------*/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

#tab1footer 
{
	background-image:url(images/tab1-footer.gif);
	background-repeat: no-repeat;
	display:block;
	height:25px;
	margin:1px 0px 0px 0px;
	padding:0;
	position:relative;
}

#tab2footer 
{
	background-image:url(images/tab2-footer.gif);
	background-repeat: no-repeat;
	display:block;
	height:25px;
	margin:1px 0px 0px 0px ;
	padding:0px;
	position:relative;
}

#tab3footer 
{
	background-image:url(images/tab3-footer.gif);
	background-repeat: no-repeat;
	display:block;
	height:25px;
	margin:1px 0px 0px 0px;
	padding:0;
	position:relative;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
	border:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber 
{
}

.tabberlive 
{
	border:none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	padding: 0px;
	font: bold 12px Verdana, sans-serif;
	margin: 0;
	border:none;
	list-style: none;
}

ul.tabbernav li 
{
	list-style: none;
	margin: 0;
	display: inline;
	border:none;
	list-style: none;
}

ul.tabbernav li a
{
	text-decoration: none;
	margin: 0;
	border:none;
	list-style: none;
}

ul.tabbernav li a:link 
{
	color: #E4C585;
}
ul.tabbernav li a:visited 
{
	color: #E4C585;
}

#mediatabs.ul.tabbernav li a:link
{
	font-size: 9px;
	list-style: none;
}

#mediatabs.ul.tabbernav li a:visited
{
	font-size: 9px;
	list-style: none;
}

ul.tabbernav li a:hover
{
	border:none;
	color: #FFFCFC;
}

ul.tabbernav li.tabberactive a
{
	background-color: transparent;
	color:#FFFCFC;
}

ul.tabbernav li.tabberactive a:hover
{
	color: #FFFCFC;
	border:none;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab 
{
	border:none;
	margin: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 
{
 /*display:none;*/
}

/* Example of using an ID to set different styles for the tabs on the page */
#maintabs.tabberlive #tab1 
{	
	clear:both;
	background-image:url(images/tabspace_black.gif);
	background-repeat:no-repeat;
 	height: 415px;
	padding-top: 20px;
}

#maintabs.tabberlive #tab1_t
{
	background-image:url(images/tabs_blacktab.gif);
	background-repeat: no-repeat;
	float: left;
	font-size: 11px;
	padding:4px 0 0 48px;
	width:141px;	
	height: 15px;
}

#maintabs.tabberlive #tab2
{
	background-image:url(images/tabspace_red.gif);
	background-repeat:no-repeat;
	clear: both;
 	height: 415px;
	padding-top: 20px;
}
#maintabs.tabberlive #tab2_t
{
	background-image:url(images/tabs_redtab.gif);
	background-repeat:repeat-y;
	float: left;
	font-size: 11px;
	padding: 4px 0px 0px 25px;
	width: 179px;
	height: 15px;
}
#maintabs.tabberlive #tab3 
{
	background-image:url(images/tabspace_purple.gif);
	background-repeat:no-repeat;
	clear:both;
 	height:415px;
	padding-top: 20px;
}
#maintabs.tabberlive #tab3_t
{
	background-image:url(images/tabs_purpletab.gif);
	background-repeat: repeat-y;
	font-size: 11px;
	float: left;
	padding: 4px 0px 0px 25px;
	width: 150px;
	height: 15px;
}

#mediatabs.tabberlive #tab4
{	
	clear:both;
 	height:238px;
}

#mediatabs.tabberlive #tab4_t
{
	float:left;
	background-image:url(images/tabs_videohighlights_gray.gif);
	font-size:9px;
	padding: 4px 0px 4px 40px;
	height: 9px;
	width: 76px;
}

#mediatabs.tabberlive #tab5
{
	clear:both;
 	height:238px;
	padding: 0px;
}
#mediatabs.tabberlive #tab5_t
{
	float:left;
	background-image:url(images/tabs_photogallery_red.gif);
	font-size: 9px;
	padding: 4px 0px 4px 10px;
	height: 9px;
	width: 100px;
}

.tabcontent
{
	position:relative;
	padding: 0px;
}


/****		body of tab 1		****/
#slideshow-tabs-body-content
{
	padding-left: 50px;
}

#slideshow-tabs-body-content h1
{
	color: #e4c585;
}

#slideshow-tabs-body-background
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: 1px;
	width: 656px;
	height:390px;
}
/****		end of body of tab 1		****/


/****		body of tab 2		****/
#news-tabs-body-content
{
	padding-left: 25px;
	padding-top: 5px;
}

#news-tabs-body-content a
{
	color: #e4c585;
	font-weight: bold;
	text-decoration:none;
}

#news-tabs-body-content a:hover
{
	color: #FFF;
}

.pressCats
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
}

#news-tabs-body-content h1
{
	color: #e4c585;
}

#news-tabs-body-content h2
{
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}

#news-tabs-body-content h5
{
	color: #e4c585;
	font-size: 10px;
	line-height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#news-tabs-body-background
{
	background-color: #500c26;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: 1px;
	width: 656px;
	height:390px;
}
/****		end of body of tab 2		****/



/****		body of tab 3		****/
#features-tabs-body-content
{
	padding-left: 25px;
}

#features-tabs-body-content a
{
	color: #e4c585;
	font-weight: bold;
	text-decoration:none;
}

#features-tabs-body-content a:hover
{
	color: #FFF;
}

.featureCats
{
	margin-top: 15px;
	padding-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #FFF;
	font-weight: normal;
	min-height: 100px;
}

.feature-news-pic
{
	float: left;
	display:inline;
	margin-right: 7px;
}

.feature-news-title
{
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .5px;
	padding-top: .20px;
	padding-left: 10px;	
}

.feature-news-blurb
{
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 10px;
}

.feature-news-blurb em
{
	color: #e4c585;
}

.feature-news-blurb a
{
	color:#e4c585;
}

.feature-news-blurb a:hover
{
	color: #8a0035;
}

#features-tabs-body-content h1
{
	color: #e4c585;
}

#features-tabs-body-content h2
{
	color: #FFF;
	margin-top: -20px;
	margin-bottom: 0px;
	font-size: 18px;
}

#features-tabs-body-content h5
{
	color: #e4c585;
	font-size: 10px;
}

#features-tabs-body-background
{
	background-color: #2b1b53;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: 1px;
	width: 656px;
	height:390px;
}
/****		end of body of tab 3		****/



/*Events*/
#events
{
	position: relative;
	width: 659px;
	margin-bottom: 10px;
	display: block;
}

#events-header
{
	background-image: url(images/events-top-bar.gif);
	height: 35px;
}

#events-content
{
	background-color:#FFF;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#events-real-content
{
	padding-top: 10px; 
	padding-left: 20px; 
	padding-right: 20px
}

.events-row
{
	padding-bottom: 3px;
	padding-top: 3px;
}

.events-row-border
{
	border-bottom: 1px solid #000;
}

#events-footer
{
	background-image: url(images/events-footer.gif);
	height: 25px;
}

.events-text
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	letter-spacing: 1px;
}

.events-text a
{
	color: #8a0035;
	font-weight: bold;
	text-decoration: none;
}

.events-text a:hover
{
	color: #36226b;
}

.events-home-text
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#CCC;
}

.events-home-text a
{
	color: #8a0035;
	font-weight: bold;
	text-decoration: none;
}

.events-home-text a:hover
{
	color: #36226b;
}

.eventsresults-text
{
	color:#981F4e;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	letter-spacing: 1px;*/
}

.events-columnheading-text
{
	color:#332260;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
}


/*Text in the headers and footers of the "Schedule" and "Latest News" columns
------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	Sean */
.schedule-line
{
	width: 97%;
	color:#999;
	background-color:#999;
	margin-top: 1px;
	margin-bottom: 0px;
}

#newstop-text
{
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-left: 9px;
}

#eventstop-text
{
	color:#332260;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight:bold;
	letter-spacing: 1px;
	padding-top: 9px;
	padding-left: 25px;
}

.newsandeventsfooter-text
{
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-left: 25px;
}

.newsandeventsfooter-text a
{
	color:#FFF;
	text-decoration: none;
}

.newsandeventsfooter-text a:hover
{
	color:#e4c585;
	text-decoration: none;
}

#events-footer-legend
{
	float: right;
	padding-right: 25px;
	margin-top: -17px;
	font-size: 0.70em;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}

/*right-side*/
#right-side
{
	position: relative;
	margin: 10px 25px 0px 0px;
	width: 256px;
	display:inline;
	float: right;
}

#search-box
{
	margin-bottom: 10px;
	background-image: url(images/search-bar.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 256px;
}

#searchpad
{
	/*margin-left: 20px;*/
	padding-top: 8px;
	text-align: center;
}

#listen-live
{
	margin-bottom: 10px;
	/*background-image: url(images/listen-live.jpg);*/
	height: 100px;
	width: 256px;
}

#media
{
	margin-bottom: 20px;
	width: 256px;
}

#media-tabs
{
	background-image: url(images/tab4-active.gif);
	height: 31px;
}

#media-content
{
	background-image: url(images/tab4-content.gif);
	height: 224px;
}

#spotlight-container
{
	min-height: 240px;
	width: 256px;
	margin-bottom: 10px;
}

#spotlight-body-top-left
{	
	background-image: url("images/spotlight_text_top.gif");
	background-repeat: no-repeat;
	display: block;
	margin: 0 0 0 0;
	width: 139px;
	height: 113px;
	float: left;
}

#spotlight-body-top-right
{
	background-repeat: no-repeat;
	display: block;
	width: 107px;
	height: 113px;
	margin: 0 0 0 0;
	background-image: url("images/spotlight_studentphoto_space.gif");
	padding: 10px 10px 0 0;
	float: left;
}

#spotlight-mug
{
	/*margin-top: 10px;
	margin-left: -100px;*/
	margin: 0 0 0 0;
	float: right;
}

#spotlight-body
{
	background-color: #6949bf;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding-top: 6px;
}

#spotlight-title-text
{
	margin-left: 15px;
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	/*font-size: 12px;*/
}

#spotlight-bottom
{
	height: 15px;
	width: 256px;
	background-image: url(images/spotlight_bottom.gif);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

/*Text in the "spotlight" column
---------------------------------------------------------------------------------------------------------------------*/
#spotlight-text
{
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 0px 15px 0px;
	margin-top: 0px;
}

#spotlight-text a
{
	color:#e4c585;
	font-weight: bold;
	text-decoration: none;
}

#spotlight-text a:hover
{
	color:#8a0035;
	text-decoration: none;
}


#commentary
{
	margin-bottom: 10px;
	height: 154px;
	width: 256px;
}

/*Structure of the footer box
------------------------------------------------------------------------------------------------------------------------------*/
#footer
{
	background-image: url(images/footer-stripe.gif);
	width: 980px;
	height: 80px;
	clear:both;
}

/*Text of the footer box
------------------------------------------------------------------------------------------------------------------------------------------------*/
#footerbod
{
	color:#40287d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 20px 0px 0px 15px;
	margin-right: 90px;
	width: 700px;
	float: left;
}

#footerbod a
{
	color:#40287d;
}

#footer-logo-links
{
	padding-top: 5px;
}