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


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

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

a:link, a:visited {color:#000; text-decoration: none}
a:hover {color:#000; text-decoration:underline}

p { font-size:14px; color:#000000}
h1 { font-size:18px; color:#516A18}


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


#container { width:100%; float:left; background:url(../images/bg_container.png) no-repeat top center}


/*
---------------------------------------------
03. find us
---------------------------------------------
*/


#bgfindus { width:100%; height:34px; float:left; border-top:9px solid #95B73B; position:relative}
#findus { width:990px; margin:0 auto}

#findus .button { float:right; padding-right:25px;}

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

.campus { float: left; width: 175px; padding: 0 15px 0 0;}

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




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


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

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


#header { width:990px; height:194px; float:left; margin-top:-34px;}

#header .logo { float:left}

#header .nav { height:194px; float:left; padding-left:35px}
#header .nav ul li { height:194px; float:left; padding-left:10px}
#header .nav ul li a { height:80px; float:left; padding:114px 9px 0 9px}
#header .nav ul li a:hover { background:url(../images/bg_nav_hover.png)} 
#header .nav ul li a.selectedPage { background:url(../images/bg_nav_hover.png)} 

#header .link_visiting { float:left; padding-top:33px}


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


#content { width:990px; float:left; margin-top:-14px}

/*
---------------------------------------------
07. content - box styles
---------------------------------------------
*/


#content .boxtop { width:990px; height:18px; float:left; background: url(../images/bg_contentbox_bordertop.png) no-repeat}
#content .boxmiddle { width:955px; float:left; background: url(../images/bg_contentbox_bordermiddle.png) repeat-y; padding:20px 0 20px 35px}
#content .boxbottom { width:990px; height:18px; float:left; background: url(../images/bg_contentbox_borderbottom.png) no-repeat; position:relative}


/*
---------------------------------------------
08. content - photo big
---------------------------------------------
*/


#photobig { width:626px; float:left; padding-right:12px; padding-top:6px}

#photobig .photo { float:left}
#photobig .heading { float:right; margin-top:-292px; padding-right:36px}

/*
---------------------------------------------
09. content - photo small with link
---------------------------------------------
*/

#photosmall { width:290px; float:left; position:relative}

#photosmall .events { width:279px; height:110px; float:left; background:url(../images/bg_photo_events.jpg) no-repeat; padding:6px 5px 6px 6px}

#photosmall .media { width:279px; height:120px; float:left; background:url(../images/bg_photo_media.jpg) no-repeat; padding:5px 4px 5px 5px}

#photosmall .faq { width:272px; height:119px; float:left; background:url(../images/bg_photo_faq.png) no-repeat; padding:3px 13px 8px 5px}


/*
---------------------------------------------
10. footer styles
---------------------------------------------
*/


#footer { width:925px; float:left; padding:0 15px 70px 50px}

#footer p { color:#515151; font-size:10px; text-align:right}

#footer .iconlinks { height:44px; float:left; background:url(../images/bg_iconbox_left.png) no-repeat; padding-left:12px; margin-top:-14px; position:relative}
#footer .iconlinks ul { height:44px; float:left; background:url(../images/bg_iconbox_right.png) no-repeat top right; padding-right:17px}
#footer .iconlinks ul li { float:left; background:url(../images/diivider_footericons.gif) no-repeat top right; padding:4px 10px 0 10px; position:relative}
#footer .iconlinks ul li.dividernone { background:none; padding-right:5px} 

#footer .navlinks { width:325px; float:right; border-bottom:2px solid #515151; padding-bottom:7px}
#footer .navlinks p a { color:#515151; text-decoration:none; padding:0 5px}
#footer .navlinks p a:hover { color:#515151; text-decoration:underline}

#footer .copyright { width:300px; float:right; padding-top:8px}
#footer .copyright a { color:#515151; text-decoration:underline}


/*
---------------------------------------------
11. leftpanel
---------------------------------------------
*/


#leftpanel { width:676px; float:left; padding-right:12px; padding-bottom:20px}
#leftpanel h1 { font-size: 25px; width:676px; float:left;}

/* setting the OL/UL to specified values in the content areas */
#leftpanel ol {
	list-style: decimal;
	margin: 10px 25px;
}
	#leftpanel ol li {
		padding: 0 0 5px 0;
	}	
		
#leftpanel ul {
	list-style: square;
	margin: 10px 25px;
}
	#leftpanel ul li {
		padding: 0 0 5px 0;
	}
	
	#leftpanel blockquote {
		margin-left: 20px;
	}	
	
	/*  for blog/calendar list items to still have list bullets */
	.blogList ul li li, .eventsList ul li li {list-style: square !important;}
	.blogList ol li li, .eventsList ol li li {list-style: decimal !important;}

/* want good looking horizontal rules */
hr {
	border: 1px solid #734526;
	border-width: 1px 0 0 0;
	border-collapse: collapse;
	clear: both;
	margin: 10px 0;
}

#leftpanel a {color: #516A18;}

#leftpanel2 { width:920px; float:left; padding-right:12px; padding-bottom:20px}
#leftpanel2 h1 { font-size: 25px; width:920px; float:left;}


/*
---------------------------------------------
12. rightpanel
---------------------------------------------
*/


#rightpanel { width:244px; float:left}

#rightpanel .rightlinks { width:244px; float:left; background:url(../images/bg_navbox.gif) repeat-y}

#rightpanel .rightlinks ul { float:left; padding-top:10px}
#rightpanel .rightlinks ul li { float:left; font-size:18px; font-weight:normal; color:#FFFFFF; text-align:right; padding-bottom:5px}
#rightpanel .rightlinks ul li a { width:224px; float:left; color:#FFFFFF; text-decoration:none; padding:5px 10px}
#rightpanel .rightlinks ul li a:hover { color:#FFFFFF; text-decoration:none; background:#A6CE3A}
#rightpanel .rightlinks ul li a.selected { color:#FFFFFF; text-decoration:none; background:#A6CE3A}

#rightpanel .bordertop { width:244px; height:5px; float:left; background:url(../images/bg_navbox_bordertop.gif) no-repeat}
#rightpanel .borderbottom { width:244px; height:9px; float:left; background:url(../images/bg_navbox_borderbottom.gif) no-repeat bottom}