/* Set initial box settings to zero for everything */
* {margin:0; padding:0;}

/* Set default font settings for everything */
* {font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:150%;}
* H1 {font-size:15px; color: #608ec2; margin: 0 0 6px 0; line-height:125%;}
* H7 {font-size:13px; color: #ffffff; margin: 0 0 6px 0; line-height:125%;}
* P {margin: 0 0 15px 0;}
* ul {margin: 6px 30px 12px 50px;}
* ol {margin: 6px 30px 12px 50px;}
* li {margin-bottom: 4px;}

/* Set default anchor style for everything */
* a {text-decoration:none; color:}
* a:hover {text-decoration:underline; color:#333;}
img {border:0;}
sup {font-size:0.8em;}


/* Set body overflow to hidden and prepare to center all containers */
body {text-align:center; background: #000000 url('../graphics/bg1.jpg') repeat-x;}
#bodywrap {
	margin:0 auto;
	width:794px;
	text-align:left;
}
.clear {clear:both;}
.clearjunk {clear:both; margin:0;}

/* BEGIN Top styles */
#headwrap {
	width:794px;				/* Should be same as #bodywrap */
	margin:8px auto 0 auto;
}
#headwrap .headbanner img {vertical-align:bottom; margin: 0;}
#contentwrap {
	background: url('../graphics/contentbck.jpg') repeat-y;
	width: 780px;
	margin: 0 0 0 7px;
	
}
#navbar {width: 217px; margin:0; float:left; padding: 16px 0 0 0;}
#navbar .navlink a {
padding: 3px 10px 0px 2px;
height:25px;
background-color:#608ec2;
display:block;
overflow:hidden;
color:#FFFFFF;
text-align:right;
font-weight: bold;
font-size:12px;
margin: 0px 0 5px 0;

}
#navbar .navlink a:hover { background-color:#666666; text-decoration:none;}

#quicklinks {padding: 35px 10px 25px 25px; text-align:right;}
#quicklinks H1 {color: #608ec2; font-size:12px; font-weight: bolder; border-bottom: 1px #333 dotted; padding-bottom: 2px;}
#quicklinks UL {margin: 0;}
#quicklinks UL LI {margin: 3px 0 0 0; list-style:none;}
#quicklinks UL LI A {color: #fff;}
#quicklinks UL LI A:hover {color: #608ec2;}

#contentpane {margin: 0 0 0 217px; _width:560px; padding:0px 25px 20px 28px;}
#contentpane .anytable {margin: 0 0 12px 0;}
#contentpane .anytable td {font-size:11px; padding: 0 25px 6px 2px; vertical-align: top;}
#contentpane .anytable .nowrap {white-space:nowrap;}

/* BEGIN Main Footer wrapper... */
#footcurve {
	background: #000000 url('../graphics/footbck.jpg') no-repeat;
	width:780px;				/* Should be same as #bodywrap */
	height:30px;				/* Make sure IE hacks set this to this minus border width */
	margin:0 0 0 7px;
	text-align:center;
	border-top:1px solid #fff;}
#footwrap {
	background: #000000;
	width:780px;				/* Should be same as #bodywrap */
	height:30px;				/* Make sure IE hacks set this to this minus border width */
	margin:0 0 0 7px;
	text-align:center;
}
#footwrap ul {padding:0px 2px 2px 2px; margin:0; color: #ffffff;}
#footwrap p {padding:0px 2px 2px 2px; margin:0; color: #a7a9ac; font-size:11px;}
#footwrap ul li {margin:0; padding:0 10px; display:inline; border-right: 1px dotted #a7a9ac;}
#footwrap ul li a {font-size:11px; color:#a7a9ac; font-size:11px;}

/* BEGIN Home or Default Page styles */
#hometop {margin: 0px 0 0 0; padding:3; border-top:4px solid #666; border-bottom:4px solid #666; border-left:4px solid #666; border-right:4px solid #666;}
#homeleft {margin: 0px 20px 0 0; float:left; width: 320px;}
#homeleft .mainevent {margin: 20px 0 0 0;}
#homeleft .mainevent IMG {border: 1px solid #000000; margin:0 10px 75px 10px;}
#homeright {margin: 5px 0 0 0; float:left; width: 167px;}
#defaultflash {margin:0; padding:0; border-top:7px solid #666; border-bottom:7px solid #666; border-left:1px solid #999; border-right:1px solid #999;}
#newsbriefs {margin: 10px 0 0px 0; background: #666; padding-bottom: 15px;}
#newsbriefs h1 {margin:0; background: #608ec2 url('../graphics/newsicons.jpg') no-repeat; padding: 6px 12px 6px 32px; font-size: 13px; font-weight: Bold; color: #ffffff; border-bottom:1px solid #fff;}
#newsbriefs .newsbriefitem {margin: 5px 0 0px 0; padding: 4px 12px; color: #ffffff; font-size: 11px;}
#newsbriefs .newsbriefitem h2 {font-size: 12px; font-weight: bold; color: #a0bdde; padding:0; margin:0 0 2px 0; background:none;} 
#newsbriefs .newsbriefitem p {color: #ffffff; margin: 0px 0 2px 0; line-height: 140%;  font-size: 11px;}
#newsbriefs .newsbriefitem a {text-decoration: none;  font-size: 11px; color:#FFFF66;}
#newsbriefs .newsbriefitem a:hover {text-decoration: underline;}

/* BEGIN Directory and page styles */
#dirdes {margin: 0 0 0 0;}
.pagetitle {text-align: left; font-size: 17px; color: #666; border-bottom: 1px solid #999999; padding-bottom: 6px; font-weight: bold;}
.newsitemimage {margin:5px 15px 8px 15px;}
.newsitemimage IMG {border: 1px solid #000000;}
.newsitem {margin: 15px 15px 25px 15px;}
.newsitem table {font-size:11px;}
.newsitem table td {font-size:11px;}
.newsitem table p {font-size:11px;}
.newsitemdate, .newsitembyline {font-style:italic; float:left;}
.newsitem ul {margin-left:35px; margin-top:12px;}
.newsitem ol {margin-left:35px; margin-top:12px;}
#navpane {margin: 0px 0px 15px 0px; padding: 15px 0 0 0;}
#navpane UL {background-color: #ebebeb; padding-left: 4px; margin: 0px;}
#navpane UL LI {display: inline; margin: 0 6px 0 0; border-right: 1px solid #999; padding-right: 8px;}
#navpane UL LI A {font-size: 11px;}
/* ===== SCHEDULES TEMPLATE STYLES ===== */
div.calendartable {width:200px;}
.calendartable table {table-layout:fixed;}
.calendartable th { /* Sunday, Monday, Tuesday, etc. */
	background:#96b1d0;
	color:#fff;
	width:30px;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	font-size:11px;
}
.calendartable thead td { /* Month, Year in calendar table */
	text-align:center;
	background-color: #608ec2;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.calendartable tbody td { /* Default for days not in the month */
/*	position:relative;*/
	background:#666;
	height:25px;
	padding:1px 0 0 3px;
	border:2px solid #666;
	font-size:10px;
	vertical-align:top;
	text-align:left;
	color:#fff;
}
.calendartable tbody td div { /* Initial hidden list of events */
	position:absolute;
	left:-999px;
	background:#f9f6c0;
	border:1px solid #000;
	padding:1px 3px;
	width:auto;
	text-align:left;
	z-index:3;
}
.calendartable tbody td div a {white-space:nowrap; padding:0;} /* All events s.b. single-line */
.calendartable tbody td:hover div, .calendartable tbody td.tdhover div {left:auto;}
/* The above code tells the browsers to display the event list on hover over td */
.calendartable .scheduledEventToday { /* gives us the nifty background and color for an event day */
	background:#96b1d0;
	color:#000;
	border-color:#666;
	border-width: 1px;
/*	z-index:1;*/
}
/* The following style source order is needed to override the above z-index */
.calendartable tbody td:hover, .calendartable tbody td.tdhover {/*z-index:2;*/}
.calendartable .scheduleToday {border-color:#fff;} /* The highlight around "today" */
.calendartable .scheduleDayInMonth {/*background:yellow;*/} /* In case we want a diffy default color */

a.scheduleLink {font-size:9px; color:#000;} /* Links inside event div */
a.scheduleLink:hover {color:#c60;} /* Hover links inside event div */
a.callink {font-size:14px; margin-right:10px;}
#calendarpane {width:200px; overflow:visible; float:left; margin-top: 6px; background-color: #666;}
#blurbwrap {
	width:165px;
	height: 200px;
	margin:15px 0px 10px 10px;
	padding:5px 5px 15px 8px;
	float:left;
	color:#fff;
	font-size: 11px;
}
div.blurb {display:none; visibility:hidden;}
.blurb h7 {margin-bottom:0; color: #fff;}
div.noimage img {display:none; margin:0; padding:0;}
/* ===== Star-html hacks for IE, hidden from IE/Mac with backslash hack ===== \*/
* html .calendartable thead td {width:210px;}
/* ===== END Star-html hacks ===== */

/* ===== BEGIN SCHEDULED_EVENT.ASP STYLES ===== */
.eventdesc {width: 250px; margin: 15px 0 5px 0;}
.schedeventsitem6 {float: left; width: 275px; margin-right: 35px; _margin-right: 20px;}
.schedeventsitem6 h1 {font-size:15px; color: #608ec2; margin: 0 0 2px 0; line-height:125%;}
.schedeventsitem6 h2 {margin: 0; color: #666;}
/* ===== BEGIN CALENDAR.ASP STYLES ===== */
.calendarnav6 {padding: 10px;}
div.calendarnav6 a {color: #ffffff;}
div.calendarmonthheader {
	margin:0 10px;
	padding:1px 5px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background:#036;
}
.calendaritem {margin:0 10px; padding:6px 10px 20px 20px;}
.calendaritem h1 {margin:0 0 3px 0; font-size:14px; color:#069; font-weight:bold;}
.calendardescription {padding:0 0 10px 0; margin:0 15px 0 0; border-bottom:thin solid #999;}
/* ===== END CALENDAR.ASP STYLES ===== */
/* ===== CONTACTS TEMPLATE STYLES ===== */
div.contactcategory h1 {
	margin:0 10px 5px;
	padding:1px 0 1px 5px;
	font-size:11px;
	background:#666;
	color:#fff;
}
div.contactitem {margin-bottom:12px; padding:6px 20px 0 30px;}
div.contactname {font-weight:bold;}
div.contactaddress {margin: 8px 0 0 0;}
div.contactphone, div.contactemail {display:inline;}

/* ===== FILES TEMPLATE STYLES ===== */
div.filecategory h1 {
	margin:12px 10px 5px;
	padding:1px 0 1px 5px;
	font-size:11px;
	background:#666;
	color:#fff;
}
div.fileitem {padding:6px 20px 0px 30px; font-size:11px;}

div#filereaders {padding-top:15px; text-align:center; font-size:11px;}
div#filereaders p {margin-bottom:5px;}
div.filereader {padding:0 5px; display:inline;}
div.filereader a img {border:none;}

/* ===== LINKS TEMPLATE STYLES ===== */
div.linkcategory h1 {
	margin:0 10px 5px;
	padding:1px 0 1px 5px;
	background:#666;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
div.linkitem {margin-bottom:5px; padding:6px 20px 0 30px; font-size:11px;}

/* ===== PHOTOS TEMPLATE STYLES ===== */
div.photorow {border:none;}
div.photobox {padding-top:2px; float:left; text-align:center;}
div.photobox a {font-size:11px; text-align:center;}
div.photobox a p {margin:0 auto; text-align:left; padding:4px 20px 6px 5px; font-size:10px;}
/* ===== Star-html hacks for IE, hidden from IE/Mac with backslash hack ===== \*/
* html div.photobox a p {padding: 4px 16px 6px 16px;}
/* ===== END Star-html hacks ===== */
div.photo_h_center {display:block; text-align:center; width:120px; margin:0 auto;}
div.photocontainer
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	line-height:133px;
	width:100px;
}
div.photocontainer img {margin:0 auto; vertical-align:middle; border:none;}
div#photoNav {margin:20px 0;}
div#photoBack {font-size:12px; float:left;}
div#photoNext {font-size:12px; float:right;}

/* ===== BEGIN FOOTER-STATEMENT STYLES ===== */
#statementcontent {padding:5px 40px;}
#statementcontent div {margin:0 30px;}
#statementcontent p {margin-bottom:20px;}
#statementcontent h1 {
	margin:5px 0 10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:120%;
}
#statementcontent h2 {margin-top:15px; font-size:13px; font-weight:bold;}
#statementcontent h3 {margin-top:15px; margin-bottom: 10px; font-size:16px; font-weight:bold; color:#6699CC;}
#statementcontent ul {list-style-type:disc; margin-left:1.5em; margin-bottom:0.5em;}
#statementcontent ul ul {list-style-type:circle; margin-left:3.5em; margin-bottom:0;}
#statementcontent ol {margin-bottom:10px; margin-left:1.8em;}
#statementcontent blockquote {font-style:italic; margin:20px 30px;}
/* ===== END FOOTER-STATEMENT STYLES ===== */

/* ===== LEGACY GLOBAL STYLES ===== */
.categoryHead {
	padding:1px 1px 1px 4px;
	background:#ccc;
	font-size:11px;
	font-weight:bold;
	width:700px;
	color:#fff;
}