/* Printer Style settings */
@media print
{
#contentpaneone, #contentpanetwo {
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	left:0;
	background:none;
}
#headwrap, #footwrap, #navpane {display:none;}
}

/* Visual Display settings */
@media screen
{
/* 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%;}

/* 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 html and body tag height */
html, body {height:100%; max-height:100%;}

/* Set overflow hidden on HTML for all but IE5/Mac \*/
html {overflow:hidden;} /* Uses the backslash Hack */

/* Set body overflow to hidden and prepare to center all containers */
body {overflow:hidden; text-align:center; background: #000000 url('../graphics/bg1.gif');}

/* Our main centering wrapper... */
#bodywrap {
	position:relative;
	margin:0 auto;
	width:780px;
	height:100%;
	text-align:left;
	background:#333;
	border-left:1px solid #999;
	border-right:1px solid #999;
	_width:782px;
}

/* BEGIN Main Header wrapper... */
#headwrap {
	width:780px;				/* Should be same as #bodywrap */
	height:125px;
	margin:0 auto;
	background:#036;
	position:fixed;
	top:0;
	text-align:center;
}
#headwrap .headbanner {float:left;}
#headwrap .headbanner img {vertical-align:bottom;}
#headwrap .mainnav {
	height:21px;
	background:#a75326;
	border-top:2px solid #844018;
	border-bottom:1px solid #fff;
	list-style-type:none;
	clear:left;
	padding-top:5px;
	_padding-top:1px; /* Underscore hack for IE6 */
}

#headwrap .mainnav li {display:inline; padding:0 10px;}
#headwrap .mainnav a {font-weight:bolder; color:#fff;}
#headwrap .mainnav a:hover {color:#fcba63; text-decoration:none; border-bottom:2px dotted #fcba63;}

.sitesearch {margin:25px 0px 0 0; float:right; padding-right:15px;}
.sitesearchinput {
	width:120px;
	height:20px;
	padding-left:4px;
	border:1px solid #fff;
	background:#fff;
	vertical-align:top;
}
.sitesearch img {vertical-align:middle; margin-top:1px;}

form#quicklinks {margin:26px 10px 0 0; float:right;}
#quicklinks select {width:130px; height:17px; border:1px solid #fff; background:#fff;}
/* END Main Header wrapper... */

/* BEGIN Main Content wrapper... */
#contentwrap {
	width:780px;				/* Should be same as #bodywrap */
	margin:0 auto;
	background:none;
	position:fixed;
	top:125px;					/* Should be same as #headwrap:height except IE6x/Win */
	bottom:30px;        /* Should be same as #footerwrap:height */
	text-align:left;
}
/* END Main Header wrapper... */

/* BEGIN Main Footer wrapper... */
#footwrap {
	width:780px;				/* Should be same as #bodywrap */
	height:30px;				/* Make sure IE hacks set this to this minus border width */
	margin:0 auto;
	background:#a75326;
	position:fixed;
	bottom:0;
	text-align:center;
	border-top:1px solid #fff; border-bottom:1px solid #fff; 
}
#footwrap ul {padding:4px; margin:0;}
#footwrap ul li {margin:0; padding:0 10px; display:inline;}
#footwrap ul li a {font-size:11px; color:#fff;}
/* END Main Footer wrapper... */

/* BEGIN Page Navigation and Calendar Panes */
#navpane, #calendarpane {
	position:fixed;
	background:#333333;
	top:125px;					/* Should be same as #footerwrap:height except IE6x/Win */
	bottom:30px;
	float:left;
	overflow:auto;
}
#navpane {width:180px;}
#navpane a {margin-left:25px; color:#fff; font-size:11px; display:block;}
#navpane p {font-size:9px; color:#fff;}
#navpane ul {list-style-type:none;}
#navpane li {
	margin:4px;
	padding:1px 0 1px 0;	/* IE6/Win needs this small padding else it sticks in huge padding */
	display:block;				/* This keeps Netscape from putting in Horizontal Scroll */
	line-height:90%;
	background:#666;
}
#navpane .navfolder {background:url(/graphics/filebullet2.gif) no-repeat #036;}
#navpane .navpathpage {background:#036; padding-left:25px;}
#navpane .navpage {
	background:url(../graphics/page.gif) no-repeat;
	font-size:11px;
	color:#fc0;
	padding-left:18px;
}

#calendarpane {width:459px; z-index:1;}
/* END Page Navigation and Calendar Panes */

/* BEGIN Content Panes (one pane=no page navigation, two panes=page navigation */
#contentpaneone, #contentpanetwo, #eventspane, #eventdetailpane {
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
	overflow-x:hidden;
	background:#fff;
}
#contentpaneone {width:780px;}
#contentpanetwo {width:590px; left:180px; padding:5px;}
#eventspane {width:320px; left:460px; float:left; background:#333;}
#eventdetailpane {width:479px; left:271px; padding:15px;}
#eventdetailpane h1 {/*color:#930;*/ font-size:20px; font-weight:bold; margin-bottom:10px;}
#eventdetailpane h2 {/*color:#930;*/ font-size:11px; font-weight:normal;}
#eventdetailpane h3 {/*color:#930;*/ font-weight:normal; font-style:italic;}
#eventdetailpane h4 {/*color:#930;*/ text-decoration:underline;}
#eventdetailpane h5 {/*color:#930;*/ font-weight:normal; margin:10px 0 0 0; text-decoration:none;}
#eventdetailpane h6 {/*color:#930;*/ font-weight:normal; margin:0; text-decoration:none;}
#eventdetailpane p {margin:10px 0; line-height:140%;}
#eventdetailpane a {color:#903;}
#eventdetailpane img {margin:5px 10px 5px 0; float:left; width:175px;}

/* ===== Underscore hack for IE6 ===== \*/
#eventdetailpane {_left:270px; _width:510px;}
/* ===== End IE6 hack ===== */
/* END Content Panes */

/* ===== UTILITY STYLES ===== */
.clear {clear:both;}
.clearjunk {clear:both; margin:0;}
ul.nobullets2 {list-style-type:none; float:left; width:44%;}

/* ===== DECORATIVE STYLES ===== */
.linedot {clear:both; margin:4px 0 0 0;}
.pagetitle {
	margin-bottom:20px;
	padding:0 30px 5px 30px;
	font-size:20px;
	color:#939393;
	font-weight:bold;
	border-bottom:2px dotted #939393;
}

/* ===== Star-html hacks for IE, hidden from IE/Mac with backslash hack ===== \*/
* html #footwrap {height:29px;}
* html #headwrap .mainnav {height:26px;}
* html #contentwrap {top:123px;}
* html #contentpanetwo {width:600px;}
* html #headwrap, * html #navpane, * html #footwrap, * html #contentwrap {
	position:absolute;
}
* html #navpane, * html #contentpaneone, * html #contentpanetwo, * html #eventspane,
* html #calendarpane, * html #eventdetailpane {
	top:-1px; overflow-y:auto;
	height:expression((document.documentElement.clientHeight ? (document.documentElement.clientHeight-152) :(document.body.clientHeight-152)) + "px");
}
* html sup {font-size:1em;}
/* ===== END Star-html hacks ===== */

/* === BEGIN Set the noscrolling body container styles === */
body.noscroll {overflow:auto;}
.noscroll #bodywrap {height:auto;}
.noscroll #headwrap, .noscroll #contentwrap, .noscroll #footwrap,
.noscroll #contentpaneone, .noscroll #contentpanetwo, .noscroll #navpane,
.noscroll #calendarpane, .noscroll #eventspane, .noscroll #eventdetailpane {
	position:static;
	overflow:visible;
	height:auto;
}
/* === END Set the noscrolling body container styles === */

/* ===== BEGIN DEFAULT.ASP STYLES ===== */
#defaultflash {margin:0; padding:0; border-bottom:1px solid #999; float:left; border-left:1px solid #999;}

#whatsnew {background:#333; margin:0 0 10px; width:459px; float:left;}
#whatsnew hr {background:#fff; color:#fff; margin:0 35px; padding:0; border:1px solid #fff;}
#whatsnew h1 {color:#fff; margin:0 35px; padding:0; font-size:12px; text-align:left; font-weight:normal;}
#whatscroll {overflow:auto; overflow-x:hidden; height: 338px; margin:0 35px 0 35; border: solid #999999 1px; background-color:#000;}
/* ===== Star-html hacks so IE doesn't show more than two events ===== */
* html #whatscroll {height: 318px;}
.whatsnewitem {
	background:#cc9;
	margin:10px 5px 10px 5px;
	padding:15px 15px 10px;
	font-size:11px;
	line-height:130%;
	border:2px solid #909060;
	height: 125px;
	width: 359px;
	overflow: visible;
}
#whatsnew .whatsnewitem h1 {font-size:14px; font-weight:bold; margin-top:5px 0 2px; color:#a75326; line-height:100%;}
.whatsnewitem a {color:#6f6330; font-size:11px; margin-top:10px;}
.whatsnewitem a:hover {color:#000;}
.whatsnewitem img {margin:0 10px 5px;}
.whatsnewitem p {margin:5px 0 10px; font-size:11px;}
.whatsnewitem p * {font-size:11px;}
/* ===== Star-html hacks for IE, hidden from IE/Mac with backslash hack ===== \*/
* html #whatsnew {float:none;}
/** html .whatsnewitem {height:1%;}*/
/* ===== END Star-html hacks ===== */

#newsandevents {background:#333; float:left; width:320px; padding:10px 0 0; margin-bottom:10px;}
.newseventsitem {
	color:#fff;
	background-color:#000000;
	margin:10px 10px 10px 0px;
	padding:8px 10px 8px 15px;
	line-height:125%;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	font-size: 11px;
}
.newseventsitem h1 {font-size:12px; color:#cc9; font-weight:bold; margin:0 0 6px 0;}
.newseventsitem p {margin:5px 0; font-size: 11px;}
.newseventsitem img {margin:5px 8px; border:#999 1px solid;}
.newseventsitem a {color:#cc9; font-size:11px;}
.newseventsitem a:hover {color:#fff;}
/* ===== Star-html hacks for IE, hiddejn from IE/Mac with backslash hack ===== \*/
* html #newsandevents {width:315px;}
/* ===== END Star-html hacks ===== */

/* ===== BEGIN DEFAULT.ASP STYLES ===== */

/* ===== 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 ===== */

/* ===== BEGIN DIRECTORY.ASP STYLES ===== */
div.dircat {margin:10px 5px 0 10px;}
.dircat a {font-size:11px;}
.dircat h1 {
	margin-bottom:5px;
	padding:1px 0 1px 0;
	background:#036;
	vertical-align:middle;
	height:19px;
	clear:both;
}
.dircat h1 a {margin:0 0 0 5px; color:#fff;}
/*.dircat h1 a:hover {color:#036;}*/
.dircat ul {margin-bottom:10px; list-style-type:none; float:left; width:49%;}
.dircat li {margin-bottom:3px;}
.dircat li a {padding-left:10px; display:block;}

div#dirdes {margin-bottom:10px; padding:0 30px 10px 30px;}
#dirdes img {float:left; margin:0 10px 6px 4px; border:1px solid #000;}
#dirdes img.l {float:left;}
#dirdes img.r {float:right;}
#dirdes h1 {font-size:14px; font-weight:bold; color:#036; margin:10px 0 2px;}
#dirdes h3 {font-size:12px; font-weight:bold; color:#000; margin-bottom:12px; border-bottom:1px dotted #999;}
#dirdes p {margin-top:1px; line-height:160%; margin-bottom:10px;}
#dirdes object {float:left; margin: 0px; padding: 0px;}
#dirdes ul {margin-left:35px; margin-bottom: 12px;}
#dirdes ol {margin-left:35px;}
/* ===== Star-html hacks for IE, hidden from IE/Mac with backslash hack ===== \*/
* html .dircat h1 {height:20px;}
* html .dircat ul {margin-bottom:0px; width:48%;}
* html .dircat li a {width:90%;}
/* ===== END Star-html hacks ===== */
/* ===== END DIRECTORY.ASP STYLES ===== */

/* ===== BEGIN CALENDAR.ASP STYLES ===== */
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 ===== */

/* ===== ALL OLD STUFF FROM HERE ON DOWN ===== */

/* ===== NEWS TEMPLATE STYLES ===== */
.newsitem {margin-bottom:4px; padding:0 30px 8px 30px; font-size:12px;}
.newsitem img {border:none; margin:0 0px 6px;}
.newsitemimage img {border:solid 1px #000;}
.newsitem img.l {float:left; margin-right: 10px;}
.newsitem img.r {float:right; margin-left: 10px;}
.newsitem h1, .newsitem h2 {font-weight:bold; color:#036; margin-bottom:3px; margin-top: 0px;}
.newsitem h1 {font-size:14px;}
.newsitem h2 {font-size:12px;}
.newsitem h3 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-bottom:12px;
	border-bottom:1px dotted #999;
}
.newsitemicon {float:left; clear:left; margin-top:0px; position:relative; top:0px;}
.newsitem table {font-size:11px;}
.newsitem table td {font-size:11px;}
.newsitem table p {font-size:11px;}
.newsitem ul, .newsitem ol {margin-left:35px; margin-top:12px;}
.newsitem p {margin-bottom:10px;}
.newsitemdate, .newsitembyline {font-style:italic; float:left;}
/* ===== Star-html hacks for IE, hidden from IE/Mac with backslash hack ===== \*/
* html .newsitem ul {margin-left:40px;}
* html .newsitem ol {margin-left:40px;}
/* ===== END Star-html hacks ===== */

/* ===== CONTACTS TEMPLATE STYLES ===== */
div.contactcategory h1 {
	margin:0 10px 5px;
	padding:1px 0 1px 5px;
	font-size:11px;
	background:#036;
	color:#fff;
}
div.contactitem {margin-bottom:10px; padding:6px 20px 0 30px; font-size:11px;}
div.contactname {font-weight:bold;}
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:#036;
	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:#036;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
div.linkitem {margin-bottom:10px; padding:6px 20px 0 30px; font-size:11px;}

/* ===== PHOTOS TEMPLATE STYLES ===== */
div.photorow {border:none;}
div.photobox {padding-top:10px; float:left; text-align:center;}
div.photobox a {font-size:11px; text-align:center;}
div.photobox a p {margin:0 auto; text-align:center;}
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;
	height:133px;
	line-height:133px;
	font-size: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;}

/* ===== LEGACY GLOBAL STYLES ===== */
td {line-height:120%;}

.textarea {border:1px solid #000; font-size:11px; background:#eee;}
a.navigation {font-size:12px; font-weight:bold; color:#fff;}
a.navigation:visited {color:#eee;}

a.quicklinks {color:#e9c55e;}
a.path {font-size:10px; color:#fff;}
a.path2 {font-size:11px; color:#fff;}
a.quickbut {font-size:11px; color:#fff;}
a.edulinks {font-size:11px;}
a.link2 {font-size:11px;}

.heading {font-size:18px; color:gray; padding:5px 0;}

.categoryHead {
	padding:1px 1px 1px 4px;
	background:#ccc;
	font-size:11px;
	font-weight:bold;
	width:700px;
	color:#fff;
}
.toolboxHead {
	border:1px solid #005b82;
	padding:1px 1px 1px 4px;
	background:#005b82;
	font-weight:bold;
	color:#fff;
}
.heading2 {font-weight:bold; font-size:14px; color:#000;}
.small {font-size:10px}
.catalogtext {font-weight:bold; font-size:11px; color:#fff;}
.directorytext {font-size:11px;}
.footer {font-size:10px; color:#fff;}

.link3 {color:#fff; font-weight:bold;}

.EduHead {
	font-size:12px;
	font-weight:bold;
	background:#036;
	width:100%;
	padding:1px 1px 1px 4px;
	border:1px solid #666;
	color:#fff;
}

#defaultcontent {margin:20px; margin-bottom:0px; background:#333;}	

div#blankcontent {padding:5px 50px;	background:#fff; height:580px; overflow:auto;}

/* ===== SCHEDULES TEMPLATE STYLES ===== */
div.calwrap_hz, div.calwrap_vt {height:200px; text-align:center;}
div.calwrap_hz {width:210px; margin:15px 10px 10px 35px; float:left;}
div.calwrap_vt {margin:10px 0 0 0;}

.calwrap_hz h1, .calwrap_vt h1 {color:#fff; font-size:12px; text-align:center; font-weight:normal;}
.calwrap_hz div, .calwrap_vt div {margin:0 auto; width:210px; text-align:center;}
.calwrap_hz a, .calwrap_vt a {color:#fff; font-size:11px; padding:0 5px;}
/* Star-html hacks because IE6 is totally stupid \*/
* html div.calwrap_hz, * html div.calwrap_hz div,
* html div.calwrap_vt, * html div.calwrap_vt div {width:216px;}
* html div.calwrap_hz {margin-left:17px;}
* html div.calwrap_vt {width:216px; margin-left:25px;}
/* End Star-html hack */

div.calendartable {width:210px;}
.calendartable table {table-layout:fixed; border:1px solid #fff;}
.calendartable th { /* Sunday, Monday, Tuesday, etc. */
	background:#606060;
	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: url(../graphics/orangebar2.jpg) repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.calendartable tbody td { /* Default for days not in the month */
/*	position:relative;*/
	background:#333;
	height:25px;
	padding:1px 0 0 3px;
	border:2px solid #333;
	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:#c9c690;
	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;}

#blurbwrap {
	width:165px;
	height: 200px;
	margin:15px 0px 20px 10px;
	padding:5px 5px 5px 5px;
	float:left;
	color:#fff;
	font-size: 11px;
}
div.blurb {display:none; visibility:hidden;}
.blurb h1 {margin-bottom:0;}
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 ===== */
/* ===== Price Rates table styles ===== */
table.ratestable {table-layout:fixed; width:500px;}
table.collapsed {border-collapse:collapse;}
.ratestable * {text-align:right;}
.ratestable th {
	font-weight:bold;
	font-size:14px;
	color:#000;
	padding:2px;
	border-bottom:1px solid #000;
}
.ratestable tbody td {padding:2px; font-size:12px;}
.ratestable tbody td p {font-size:12px; margin:0;}
/* ===== End Price Rates style ===== */
}