/*==========================================
  Reset Styles
  ===========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height: 1.4;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: .875em;
    background: #001534 url(/images/site/sitewide/pageBackground.jpg) repeat-x top left;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
	font-size: 1.5em;
  	line-height: 1.7;
  	margin-bottom: 0.7em;
}
h2 {
	font-size: 1.3em;
	margin-bottom: 0.7em;
	color: #1F4378;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 0.7em;
	color: #2C4F92;
}
p {
	margin: 0 0 0.7em 0;
}
a:link {
	color: #496D21;	
}

a:visited {
	color: #7C8F69;
}

/*==========================================
// Page Wrapper
============================================*/
#pageWrapper {
	max-width: 1240px;
	min-width: 760px;
	border-left: 1px solid #c2d9ee;
    border-right: 1px solid #c2d9ee;
	margin: 0 auto;
    background: white;
}

/*==========================================
// Branding area
============================================*/
#branding {
	position: relative;
    background: white url(/images/site/sitewide/branding.jpg) no-repeat 0 0;
    padding-top: 10px;
    overflow: hidden;
}
#logo {
	float:left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 80px;
}
#logo a {
	display: block;
	letter-spacing: -999em;
	text-indent: -999em;
	width: 100%;
	height: 100%;
}
#utilityLinks {
	position: absolute; 
    top: 10px;
    right: 0;
	font-size: .9em;
}
#utilityLinks li {
	float:  right;
	padding: 0 10px;
	border-left: 1px solid #87A8D1;
}
#utilityLinks li.last {
	border: none;
}
#utilityLinks a {
	display: block;
	text-decoration: none;
	color: #1F427A;
}
#search {
	float: right;
	width: 20em;
	padding: 50px 10px 10px 0;
	overflow: hidden;
	/*background: lavender;
	border: 2px dashed purple;*/
}
#keywords {
	float: right;
	font-size: 1.05em;
	margin-right: 5px;
}
#go {
	float: right;
}

/*==========================================
// Global Nav
============================================*/
#primaryLinks {
	width: 100%;
	border-top: 3px solid #6F9B3F;
	border-bottom: 3px solid #6F9B3F;
	background-color: #1D375E;
	float: left;
}
#primaryLinks li {
	float: left;
	width: 14%;
	background-color: #1D375E;
	border-right: 1px solid #314E73;
}
#primaryLinks li.last {
	border: none;
}
#primaryLinks a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 7px 0 10px 0;
	text-align: center;
}

/* 2nd level links */
#primaryLinks li ul {
	position: absolute;
	left: -999em;
	width: 16em;
    background-color: #1D375E;
    border: 3px solid #6F9B3F;
    z-index: 9999;
    -moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
#primaryLinks li ul li {
	float: none;
	border-bottom: 1px solid #314E73;
	width: 100%;
	border-right: none;
}
#primaryLinks li:hover ul, #primaryLinks li.sfhover ul {
	left: auto;
}
.jquery {
	left: auto;
}
/* ie 7 sticky fix for drop down menus*/
#primaryLinks li:hover, #primaryLinks li.sfhover {
	position: static;
}
#primaryLinks li ul a {
	text-align: left;
	padding: 8px 0 11px 5px;
}
#primaryLinks ul li a:hover {
	background-color: #6F9B3F;
}
/* 3rd level links */
#primaryLinks li ul li ul {
	display: none;	
}

/*==========================================
// Site Info
============================================*/
#footer {
	background-color: #E2F0FD;
	padding: 20px 20px 0 20px;
	font-size:  .75em;
	position: relative;
	color: #86ABD3;
	clear: both;
	border-top: 1px solid #1A3258;
	overflow: hidden; /* Need for ie 7 */
}
#footerNav {
	padding-bottom: 1em;
	overflow: hidden; /* Need for ie8 */
	width: 70%;
}
#footerNav li {
	float: left;
	margin:  5px 0;
	padding: 0 5px;
	border-right: 1px solid #89A7CE;
}
#footerNav li a {
	display: block;
	color: #1F427C;
}
#footerNav li a:visited {
	color: #86ABD3
}
#footerNav li.last {
	border: none;
}
#footerNav p {
	margin-top: 2em;
}
#credits {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 25%;
	text-align: right;
	/*background: saddlebrown;*/
}
#credits li {
	padding-bottom: 1em;
}
#credits a {
	color: #1F427C;
}

/*************************
	Mini-calendar
**************************/
#mini_calendar {
	width: 54%;
	float: right;
}

#mini_calendar p {
	padding-top: 1em;
	clear: right;
	text-align: right;
}

#mini_calendar table{
	border-bottom: 1px solid #8AB9DF;
	float: right;
}

#mini_calendar thead{
	border-bottom: 1px solid #8AB9DF;
}

#mini_calendar tbody{
	border-left: 1px solid #8AB9DF;
	width: 100%;
}

#mini_calendar td {
	border-right: 1px solid #8AB9DF;
	border-bottom: 1px solid #8AB9DF;
	border: 1px solid #8AB9DF;
	padding: 1px;
	text-align: center;
}

#mini_calendar td.has_events {
	background-color: #244479;
}

#mini_calendar td.has_events a {
	color:  white;
}

#mini_calendar, #mini_calendar a {
	color: #244479;
}

#days {
	font-weight: normal;
	font-size: .875em;
}
/*************************
	Highslide Modal Window
**************************/
.highslide-header {
	padding: 7px 5px 7px 0;
	background: #ddd;
	margin: 0 -5px;
	border-bottom: 1px solid #bbb;
}
