/* 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:16px; color: #608ec2; margin: 0 0 6px 0; line-height:125%;}
* H2 {font-size:13px; color: #608ec2; margin: 0 0 6px 0; line-height:125%; border-bottom: 1px dotted #666; padding-bottom: 4px;}
* H3 {font-size:13px; color: #000; margin: 0 0 6px 0; line-height:125%; border-bottom: 1px dotted #666; padding-bottom: 4px;}
* H4 {font-size:12px; color: #fcab20; margin: 0 0 6px 0; line-height:125%;}
* H4 {font-size:12px; color: #000; 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;}

/* Set default anchor style for everything */
* a {text-decoration:none; color:#03f;}
* a:hover {text-decoration:underline; color:#999;}
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:27px 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;
	border-top:#000000 1px solid;
	overflow-x:hidden; overflow:auto;
	
}
#navbar {width: 217px; margin:0; float:left; padding: 30px 0 0 0;}
#navbar .navlink a {
padding: 3px 10px 0px 2px;
height:25px;
background-color:#fcab20;
display:block;
overflow:hidden;
color:#000000;
text-align:right;
font-weight: bold;
font-size:12px;
margin: 0px 0 7px 0;

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

#quicklinks {padding: 35px 10px 25px 25px; text-align:right;}
#quicklinks H1 {color: #FF9966; font-size:13px; font-weight: bold; border-bottom: 1px #ccc solid; padding-bottom: 2px;}
#quicklinks UL {margin: 0;}
#quicklinks UL LI {margin: 3px 0 0 0; list-style:none;}
#quicklinks UL LI A {color: #ffffff;}
#quicklinks UL LI A:hover {color: #ccc;}

#contentpane {margin: 0 0 0 0px; padding:0px 25px 20px 28px; width: 510px; _width:560px; float: left; left:217px; position:inherit;}

/* 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 #000000;}
#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 */
#homeleft {margin: 0px 20px 0 0; float:left; width: 320px; padding-top: 30px;}
#homeleft .mainevent {margin: 15px 0 0 0;}
#homeleft .mainevent ul {margin: 2px 0 0 35px;}
#homeleft .mainevent ol {margin: 2px 0 0 35px;}
#homeleft .mainevent LI {margin: 0 0 6px 0;}
#homeleft .mainevent IMG {border: 1px solid #000000; margin:0 10px 10px 10px; width: 307px;}
#homeright {margin: 0px 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: 15px 0 0px 0; background: url('../graphics/newsbck.jpg') no-repeat #000; padding-bottom: 15px; border-bottom: 6px solid #fcab20;}
#newsbriefs h1 {margin:0; background: #fcab20 url('../graphics/newsicons.jpg') no-repeat; padding: 6px 12px 6px 32px; font-size: 13px; font-weight: Bold; color: #666; border-bottom:1px solid #fff; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}
#newsbriefs .newsbriefitem {margin: 5px 0 0 0; padding: 4px 12px; color: #ffffff;}
#newsbriefs .newsbriefitem h2 {font-size: 11px; font-weight: bold; color: #fcab20; padding:0 0 4px 0; margin:4px 0 2px 3px; background:none; line-height: 140%} 
#newsbriefs .newsbriefitem p {color: #ffffff; margin: 2px 0 3px 3px; line-height: 140%; font-size: 11px;}
#newsbriefs .newsbriefitem a {color: #fcab20; margin: 2px 0 2px 3px; text-decoration: none; font-size: 11px; display:block;}
#newsbriefs .newsbriefitem a:hover {color: #ccc; text-decoration: underline;}

/* BEGIN Directory and page styles */
#dirdes {margin: 0 0 0 0;}
#dirdes ul {Margin: 12px 0 12px 35px;}
#dirdes ol {Margin: 12px 0 12px 35px;}
#dirdes LI {margin: 4px 40px 0px 30px;}
#dirdes IMG {margin:5px 15px 8px 15px;}
.pagetitle {text-align: left; font-size: 18px; color: #666; border-bottom: 1px solid #999999; padding-bottom: 6px; font-weight: bold;}

.newsitemimage {margin:5px 5px 8px 5px;}
.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: 12px 0 12px 35px;}
.newsitem ol {Margin: 12px 0 12px 35px;}
.newsitem LI {margin: 4px 40px 0px 30px;}
.byline {font-style:italic; font-size: 11px; margin: 3px 10px 5px 0px; max-width: 175px;}

#navpane {margin: 0px 0px 15px 0px; padding: 15px 0 0 0;}
#navpane UL {background-color: #ebebeb; padding-left: 4px;}
#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: 275px; margin: 15px 0 5px 0;}
.schedeventsitem6 {float: left; width: 275px; margin-right: 35px; _margin-right: 20px;}
.schedeventsitem6 ul {Margin: 12px 10px;}
.schedeventsitem6 ol {Margin: 12px 10px;}
.schedeventsitem6 LI {margin: 2px 5px 0px 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:0px;
	padding:1px 0 1px 5px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background:#007db7;
}
.calendaritem {margin:0 10px; padding:6px 10px 5px 0px;}
.calendaritem h1 {margin:0 0 3px 0; font-size:14px; color:#069; font-weight:bold;}
.calendardescription {padding:0 0 5px 0; margin:0 15px 0 0;}
/* ===== END CALENDAR.ASP STYLES ===== */
/* ===== CONTACTS TEMPLATE STYLES ===== */
div.contactcategory h1 {
	margin:0 10px 5px;
	padding:1px 0 1px 5px;
	font-size:11px;
	background:#007db7;
	color:#fff;
}
div.contactitem {margin-bottom:10px; padding:6px 30px 0 30px;}
div.contactaddress {margin: 0px 0 0 0;}
div.contactphone, div.contactemail {display:inline;}

/* ===== FILES TEMPLATE STYLES ===== */
div.filecategory h1 {
	margin:12px 0px 5px;
	padding:1px 0 1px 5px;
	font-size:11px;
	background:#007db7;
	color:#fff;
}
div.fileitem {padding:4px 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:10px 10px 0px;
	padding:1px 0 1px 5px;
	background:#007db7;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
div.linkitem {padding:5px 30px 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;
}