/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #ffffff; height:100%;}

body {font-family: Arial, Verdana, Serif; font-size: 62.5%; height: 100%;}

img {border: 0;}

td {vertical-align: top;}

p {margin-top: 0;}

div.hr {
	border-top:1px solid #a80915;
	height:0px;
}

:focus {outline: 0;}

h1{ margin: 0; font-family: Arial, Verdana, Sans-Serif; font-size: 2.3em; color: #006666; }
h1.pageTitle{ font-family: Clarendon, Georgia, Times, serif; font-size: 4.1em; margin: -3px 0 18px 0; padding: 0; line-height: 1em; font-weight: normal; }
	h1.accent1{ color: #B2BB1C; } /* yellow, for home */
	h1.accent2{ color: #00788A; } /* blue, for portal */
	h1.accent3{ color: #4f8bc9; } /* County BLUE, for others */
	h1.accent4{ color: #e4efc1; } /* pale green, for photo gallery */

h2 {margin: 0 0 20px 0; font-size: 2.5em; color: #4f8bc9;font-family: Clarendon, Georgia, Times, serif; text-align: center; line-height: 50px;}
.defaultCopy h2 {margin: 0 0 5px 0; font-size: 1.76em;}

h2 span.date{ display: block; font-size: 0.75em; margin-top: 5px; }
h3 {margin: 0; color: #b60101;}
h3.serif { font-family: Arial, "Times New Roman", serif; }
body.newsArticle h2 {margin: 0 0 30px 0; font-family: Arial, Verdana, Sans-Serif; font-size: 2.3em;}
h4 {margin: 0;}

a {color: #32597A; text-decoration: none;}

a:hover {color: #32597A; text-decoration: underline;}


#left_nav{
margin-top: 25px;
margin-bottom: 10px;
width: 157px;
height: 25px;
background-color: #FFF;
}

a#left_nav {color: #4f8bc9; font-size: 2em; text-decoration: none; text-indent: 15px;}

#white_bold{
font-family: Arial, Verdana, Sans-Serif; 
font-size: 1.6em;
font-weight: bold;
color:#FFF;
}

#black_bold{
font-family: Arial, Verdana, Sans-Serif; 
font-size: 1.3em;
font-weight: bold;
color:#000;
}

#popup_title{
font-family: Arial, Verdana, Sans-Serif; 
font-size: 1.5em;
font-weight: bold;
color:#4f8bc9;
}


#big_bold{
font-family: Arial, Verdana, Sans-Serif; 
font-size: 1.5em;
font-weight: bold;
color:#000;
}



/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.defaultCopy,
.defaultCopySmall {font: .8em Arial;}
.introCopy {font-size: 1.2em; line-height: 1.6em;}
.introCopy h2 {margin: 0; font-size: 1.17em;}

img.left {float: left; margin: 0 25px 20px 0;}
img.contentImage{ display: block; margin: 20px 0; }

div.separator {width: 80%; height: 3px; margin: 20px 0; background: #e4efc1; font-size: 1px; line-height: 1px;}

/**calendar**/
#month_year {margin: 0 0 20px 0; font-size: 2.5em; color: #FFF;font-family: Clarendon, Georgia, Times, serif; text-align: center; line-height: 50px;}

#class_title{
font-family: Arial, Verdana, Sans-Serif; 
font-size: 2em;
font-weight: bold;

}

/**
 * Lists
 */

li { font-size: 1em;
list-style: disc;
color: #000;
line-height: 1.5em;
}

li.nav { font-size: 1.3em;
list-style: disc;
color: #000;
line-height: 1.5em;
}

ul.list {margin: 0; padding: 0; list-style-type: none;}






/**
 * Layout
 */
#master {width: 1000px; margin: auto;}

#header {position: relative; height: 45px; z-index: 9999;}

body.navless #header ul.nav {right: 210px;}

#nav {padding: 0 0 0 15px; background: #B51028; width: 950px;}
#nav ul {float: left; width: 820px; margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; display: block; background: url(../../images/nav-separator.gif) no-repeat right top; padding-right: 1px;}
#nav ul li img {float: left; display: block;}
#nav ul li.lastItem {background: none;}
#nav form {float: right; width: 180px;}
#nav form input[type="text"] {float: left; margin: 5px 0 0 0; width: 120px; padding: 2px; border: solid 1px #c7c8ca; font: 11px Arial;}
#nav form input[type="submit"] {float: left; font: 10px/20px Arial; color: #fff; text-transform: uppercase; background: #717174; border: none; height: 20px; margin: 5px 0 0 4px;}



#banner {position: relative; padding-bottom: 20px;}
#banner img {display: block;}
.logo#banner {height: 130px; background: url(../../images/bg-logo-banner.gif) no-repeat left 20px;}
.logo#banner img {position: absolute; top: 46px; left: 34px;}



#banner > img{ position: absolute; top: 0; }
#banner img.topRightImage{ right: 0; }


#slideshow {
	float: left;
 	width: 800px; 
	height: 300px;
	padding: 0;
	border:1px solid #000;}
	
	

#sidebar {
	float: left;
 	width: 165px; 
	height: 100%;
	padding: 10px 10px 0 10px;
	background-color: #000;
	border:0px;}
	
#sidebar .promoBox {margin-bottom: 20px;}

#content {float: left; width: 600px; padding-bottom: 20px; margin-left: 10px;}
#content .pageMeta {width: 600px; padding: 0 0 20px 0; font: 0.9em Arial;}
#content .pageMeta .breadcrumbs {float: left;}
#content .pageMeta .breadcrumbs a {color: #000; text-decoration: none;}
#content .pageMeta .breadcrumbs a:hover {color: #000; text-decoration: none;}
#content .pageMeta .actions {float: right; text-align: right; color: #b7af86;}
#content .pageMeta .actions a {color: #b7af86; text-decoration: none;}


#about_content {float: left; width: 800px; padding-bottom: 20px; margin-left: 10px;}



body.twoColumnLayoutSidebar #content {width: 799px;}
body.twoColumnLayoutSidebarRight #content {width: 630px; padding: 0 30px 20px 30px;}
body.fullPageLayout #content {float: none; width: 964px; padding: 0 30px 20px 30px;}
body.newsArticle #content {width: 775px;}
body.event #content {width: 720px;}

#rightSidebar {
	float: right;
	width: 175px;
	height: 35px;
	padding: 0;
	background-color: #ffe56d;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	position: relative;
	}
	
	#rightSidebarClasses {
	float: right;
	width: 175px;
	height: 225px;
	margin-left:10px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: #ffe56d;
	border-left:1px solid #000;
	border-right:1px solid #000;
	position: relative;
	text-indent: 14pt;
	}
	
	#rightSidebarBottom {
	float: right;
	width: 175px;
	height: 400px;
	padding: 0;
	background-image:url(images/LP_course_lookup.gif);
	background-repeat:no-repeat; 
	background-color: #fdd828;
	border:1px solid #000;
	position: relative;
	}
	
#imagemap-emplink { 
		position: absolute; 
		top: 193px; 
		left: 0px; 
		width: 175px; 
		height: 83px; 
		background-color: transparent; 
		/*border: 0px solid yellow;*/ }	
		
#imagemap-mgrlink { 
		position: absolute; 
		top: 289px; 
		left: 0px; 
		width: 175px; 
		height: 85px; 
		background-color: transparent; 
		/*border: 0px solid yellow;*/ }	

	

#footer {padding: 2px 0; font: 1.6em Arial; text-align: left; background-color:#a80915; color: #FFFFFF; text-indent: 5px;}
#footer .nav ul {margin: 0; padding: 0; list-style-type: none;}
#footer .nav ul li {display: inline;}
#footer .nav ul li a {padding: 0 4px; color: #000; text-decoration: underline;}

/**
 * Front Page
 */
body.front #content .introCopy {font-size: 1.5em; line-height: 2em;}

/**
 * Section Front
 */
body.sectionFront #rightSidebar {padding-top: 30px;}



/**
 * Tables
 */
table {margin-bottom: 20px; border-collapse: collapse;}

table.nameValue td {padding-right: 10px;}

table.extend td {padding-bottom: 10px;}
	
div#banner.home{ width: 1009px; height: 150px; }