/* CSS Document */


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

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

p { font-size:13px; color:#595959}
p a:link, p a:visited { color:#595959; text-decoration: none}
p a:hover {color:#595959; text-decoration:underline}

h4 { font-size:16px; color:#29378C} 

.text_italic { font-style:italic} 


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

#container { width:100%; float:left}


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


#topbar { width:100%; float:left; background:url(../images/bg_topbar.gif) repeat-x; padding-top:14px; margin-bottom:-51px; position:relative}

#topbar .button_times { float:right; padding-right:10px}


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

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

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


/*
---------------------------------------------
04. header
---------------------------------------------
*/


#bgheader { width:100%; float:left; background:url(../images/bg_header.png) no-repeat top center}
#header { width:960px; margin:0 auto; padding-top:55px}

/*
---------------------------------------------
04.1 header - logo
---------------------------------------------
*/

#header .logo { float:left; padding-bottom:20px}

/*
---------------------------------------------
04.2 header - nav
---------------------------------------------
*/

#nav  { width:960px; float:left; background:url(../images/bg_nav.gif) repeat-x}
#nav .globalFlyOut { width:960px; float:left; background:url(../images/bg_nav.gif) repeat-x}
#nav ul li a { display:block; padding-top:5px; padding-bottom:5px}

#nav ul li a span { font-size:16px; font-weight:normal; color:#FFFFFF; text-decoration:none; line-height:1.5em; padding-left:22px; padding-right:21px; cursor:pointer}

#nav ul li a:hover {  color:#FFFFFF; text-decoration:none; background:#B61A26}
#nav ul li.selected a { color:#FFFFFF; text-decoration:none; background:#B61A26;}

#nav ul li ul li a:hover {color: #fff; text-decoration: underline;}


/*
---------------------------------------------
05. content
---------------------------------------------
*/


#bgcontent { width:960px; margin:0 auto}
#content { width:948px; float:left; padding:4px 6px 0 6px; z-index:2; position:relative}


/*
---------------------------------------------
05. content - left panml
---------------------------------------------
*/

#content #leftpanel { width:202px; height:387px; float:left; background:url(../images/bg_leftpanel_home.png) no-repeat; padding:15px 24px 15px 14px; }


/*
---------------------------------------------
05.1 content - left panml - welcome
---------------------------------------------
*/

#content #leftpanel .welcome { width:202px; float:left; padding-top:15px}
#content #leftpanel .welcome h1 { border-bottom:1px solid #848484; padding-bottom:20px} 
#content #leftpanel .welcome p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; padding-bottom:10px; padding-top:5px}

#content #leftpanel .welcome .photo { float:left}


/*
---------------------------------------------
06. content - right panel
---------------------------------------------
*/


#content #rightpanel { width:692px; height:401px; float:left; background:url(../images/bg_rightpanel_home.png) no-repeat; padding:8px; }

#content #rightpanel .photo { float:left}


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


#bgfooter { width:968px; margin:0 auto; position:relative}
#footer { width:948px; height:58px; float:left; background:url(../images/bg_footer.png) no-repeat; margin-top:-8px; padding:20px 10px 0px 10px; z-index:1; position:relative}

#footer p { color:#FFFFFF}
#footer p a { color:#FFFFFF; text-decoration:underline}

#footer .copyright { width:360px; float:left; background:url(../images/divider_footer.gif) no-repeat top right; padding-left:18px;}
#footer .address { width:260px; float:left; background:url(../images/divider_footer.gif) no-repeat top right; text-align:center}
#footer .phone { width:300px; float:left; text-align:center; padding-top:5px}
#bgfooter .social {widows: 968px; position: relative; float: right; padding-top: 10px;}


/*
---------------------------------------------
08. content inner
---------------------------------------------
*/


#content_inner { width:960px; float:left; background:url(../images/bg_content_inner_bordertop.png) no-repeat; padding-top:14px; margin-bottom:-7px; position:relative}

#contentbox { width:960px; float:left; background:url(../images/bg_content_inner.png) repeat-y; padding-top:10px}


/*
---------------------------------------------
09. content inner - left panel
---------------------------------------------
*/


#content_inner #leftpanel { width:216px; float:left; padding:0 18px}
#content_inner #leftpanel ul.sectionNav li { width:216px; float:left; font-size:13px; font-weight:normal; color:#FFFFFF; text-transform:uppercase}
#content_inner #leftpanel ul.sectionNav li a { width:210px; height:25px; float:left; color:#333; text-decoration:none; padding-left:6px; padding-top:5px; background:none}
#content_inner #leftpanel ul.sectionNav li a:hover { color:#FFFFFF; text-decoration:none; background:url(../images/bg_leftnav_hover.gif) no-repeat}
#content_inner #leftpanel ul.sectionNav li a.selectedPage { color:#FFFFFF; text-decoration:none; background:url(../images/bg_leftnav_hover.gif) no-repeat}


/*
---------------------------------------------
09. content inner - right panel
---------------------------------------------
*/


#content_inner #rightpanel { width:667px; float:left; background:url(../images/divider_rightpanel.gif) no-repeat; padding-left:16px; padding-bottom:80px}

#content_inner #rightpanel h4 { padding-left:7px}
#content_inner #rightpanel p { color:#2D2D2D; padding-bottom:12px; padding-left:7px}

#content_inner #rightpanel .photo { float:left; padding-bottom:15px}