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


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { background:url(../images/bg_body.jpg) repeat; font-family:"Lucida Sans", Arial, Helvetica, sans-serif}

a:link, a:visited {color:#5A5A5A; text-decoration: underline}
a:hover {color:#5A5A5A; text-decoration:underline}

p { font-size:12px; font-weight:normal; color:#5A5A5A}

h1 { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#90A332}


/*
---------------------------------------------
02. container
---------------------------------------------
*/


#container { width:100%; float:left; background:url(../images/bg_container.jpg) repeat-x top right; padding-bottom:200px}


/*
---------------------------------------------
03. top bar
---------------------------------------------
*/


#bgtopbar { width:100%;float:left; background:url(../images/bg_topbar.png) repeat-x; padding-top:12px}
#topbar { width:992px; margin:0 auto}
.button_times { float:right; padding-right:63px; position:relative; margin-bottom:-36px;}

#location { position: relative; height:190px;  background:#CADE60; color: #333;}
#campus_list {	width: 940px; font-size:11px; margin: 0 auto; padding: 20px 10px 0 10px; }

.campus { float: left; width: 160px; padding: 0 70px 0 0;}

.times { font-weight: bold;	margin: 5px 0 0 0;}
.campus h1 { font-size:20px; font-weight:bold; color:#333; padding-bottom:10px}
.campus p { font-size:11px; font-weight: normal; color:#333; padding-bottom:10px; line-height:1.4em}
.campus a {	text-decoration: underline;color: #333;}


/*
---------------------------------------------
04. wrapper
---------------------------------------------
*/


#wrapper { width:992px; margin:0 auto}

/*
---------------------------------------------
05. header
---------------------------------------------
*/

#header { width:894px; height:145px; float:left;background:url(../images/bg_header.png) no-repeat; padding:7px 24px 0 74px}

.logo { float:left} 

.navbar { width:657px; height:56px; float:right;background:url(../images/bg_navbar.jpg) no-repeat; margin-top:89px}
.navbar ul li { height:56px; float:left; background:url(../images/bg_divider_nav.gif) no-repeat right center; padding-right:3px}
.navbar ul li.bordernone { background:none; padding:0}

.navbar ul li a.newtorcc { width:176px; float:left; padding-left:15px; padding-top:8px}
.navbar ul li a.getinvolved { width:231px; float:left; padding-left:29px; padding-top:9px}
.navbar ul li a.listen_online { width:181px; float:left; padding-left:17px; padding-top:6px}


/*
---------------------------------------------
06. content
---------------------------------------------
*/


#content { width:970px;  float:left; background:url(../images/bg_content.png) no-repeat; padding:11px 10px 14px 12px; position:relative }

.blackbox { width:956px; float:left; background:url(../images/bg_blackbox.png) no-repeat; padding:5px 7px}



/*
---------------------------------------------
06.1 slideshowfeature
---------------------------------------------
*/



#feature {
	float: left;
	width: 955px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: url(../images/bg_feature.png) no-repeat 1px 0;
	_ margin: 34px 0 0 0;
	_ padding: 0px 0px 0px 0px;
	_ background: url(../images/bg_feature.jpg) no-repeat 1px 0;
	_ height: 425px;
	position: relative;
	}
	
#feature .overflow {
	overflow: hidden;
	}
	
#feature #mySlides {
	width: 2863px;
	height: 425px;
	}
	
#feature .slide {
	width: 955px;
	height: 425px;
	float: left;
	}
	
#feature #myController {
	position: absolute;
	bottom: 10px;
	right: 5px;
	z-index: 10;
	width: 270px;
	height: 34px;
	}

#feature #myController li {
	float: left;
	margin: 0 0 0 5px;
	}
	
#feature #myController li.one a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature1.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.two a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature2.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.three a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature3.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.four a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature4.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.five a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature5.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.six a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature6.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.six a:hover,
#feature #myController li.five a:hover,
#feature #myController li.four a:hover,
#feature #myController li.three a:hover,
#feature #myController li.two a:hover,
#feature #myController li.one a:hover,
#feature #myController li.jFlowSelected a,
#feature #myController li a.jFlowSelected {
	background-position: 0 0;
	}



/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/


#footer { width:940px; height:102px; float:left; background:url(../images/bg_footer.png) no-repeat; padding:12px 20px 0 32px; margin-top:-2px}

#footer p { float:right; padding-right:5px}


.icons { float:left}
.icons ul li { float:left; padding:0 2px}


.footerlinks { float:right; padding-bottom:20px}
.footerlinks ul li { height:28px; float:left; font-size:14px; font-weight:normal; color:#5A5A5A; text-transform:uppercase; text-align:center; border-left:2px solid #5A5A5A}
.footerlinks ul li a { height:18px; float:left; color:#5A5A5A; text-decoration:none; padding:5px 15px}
.footerlinks ul li a:hover { color:#5A5A5A; text-decoration:none; background:url(../images/bg_nav_footer_hover.gif) repeat-x}
.footerlinks ul li a.selected { color:#5A5A5A; text-decoration:none; background:url(../images/bg_nav_footer_hover.gif) repeat-x}


.copyright { width:930px; float:left; text-align:right; padding-right:10px}


/*
---------------------------------------------
08. innerpage - content
---------------------------------------------
*/


#bg_content_inner { width:992px; float:left; background:url(../images/bg_content_inner_borderbott.png) no-repeat bottom; padding-bottom:8px; position:relative}

#content_inner { width:992px; float:left; background:url(../images/bg_content_inner_bordermidd.png) repeat-y}

.contentbox { width:990px; float:left; background:url(../images/bg_content_inner.gif) no-repeat top; padding-left:2px; padding-top:22px; padding-bottom:78px}


/*
---------------------------------------------
09. innerpage - leftnav
---------------------------------------------
*/


#leftpanel { width:211px; float:left;background:#788A1D url(../images/bg_leftnav.gif) no-repeat top; padding-top:20px; padding-bottom:210px;}

#leftpanel ul li { width:211px; float:left; font-size:16px; font-weight:bold; color:#FFFFFF}
#leftpanel ul li a { width:186px; height:38px; float:left; color:#FFFFFF; text-decoration:none; padding-left:25px; padding-top:7px; padding-bottom:4px}
#leftpanel ul li a:hover {  color:#FFFFFF; text-decoration:none; background:url(../images/bg_leftnav_hover.gif) repeat-x}
#leftpanel ul li a.selected {  color:#FFFFFF; text-decoration:none; background:url(../images/bg_leftnav_hover.gif) repeat-x}


/*
---------------------------------------------
10. innerpage - rightpanel
---------------------------------------------
*/

#rightpanel { width:720px; float:left; padding-left:35px}
#rightpanel p { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:14px; color:#010101; padding-bottom:20px}

#rightpanel .banner { width:702px; float:left; background:#4B4B4B; padding:4px 9px 6px 9px; margin-bottom:20px}