@charset "UTF-8";

/* LINK-RELATED ENTRIES ------------------------------------------------------------------- */
a {
	font-weight: bold;
	text-decoration: none;
}
/* ---------------------------------------------------------------------------------------- */

/* DIV-RELATED ENTRIES -------------------------------------------------------------------- */
body {
	text-align: center;
	margin:  0px; padding: 0px;
}

.main {
	width: 1020px;
	margin: 0px auto;
	text-align: left;
	font: 14px/normal Arial, Helvetica, sans-serif;
	color: #000;
}

.nav {
	width: 1000px; height: 175px;
	margin: 0px 10px; padding: 0px;
}

.buttons {
	width: 850px; height: 25px;
	background-color: #000;
	float: right;
}

.pageHeader {
	padding: 0px; margin: 0px;
	width: 850px; height: 45px;
	float: right;
}

.middle {
	width: 1000px;
	margin: 0px 10px;
}

.leftBar {
	width: 140px;
	margin: 0px;
	padding: 0px 5px;
	color: #FFF;
	float: left;
}

.contentArea {
	width: 840px;
	padding: 0px 5px 5px 5px;
	margin: 0px;
	float: right;
}

.pageSubHeader {
	padding: 0px; margin: 5px 0px;
	width: 840px; height: 45px;
}

.pageDivider {
	padding: 0px; margin: 0px;
	background-image: url(divider.gif);
	width: 840px; height: 20px;
	clear: both;
}

.footer {
	width: 150px; height: 40px;
	margin: 0px 10px;
	padding-right: 850px;
	background-image: url(footer.gif);
	background-repeat: no-repeat;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	clear: both;
}

.bottom {
	width: 1020px; padding-top: 25px; text-align: center;
}
/* ---------------------------------------------------------------------------------------- */

/* FRONT PAGE RELATED ENTRIES ------------------------------------------------------------- */
.leftBar IMG {
	width: 125px;
	border: 0px;
	align: center;
	margin-bottom: 5px;
	clear: both;
}

.bannerBox {
	width: 830px;
	margin-bottom: 5px;
	background-color: #FFF;
	position: relative;
	left: 5px;
}

.bannerBox IMG {
	border: 0px;
}

.frontPageBox {
	width: 250px; height: 300px;
	padding: 5px 5px 5px 350px;
	background-color: #FFF;
	float: left;
	position: relative;
	left: 5px;
}

.rotatingEvent {
	width: 195px; height: 285px;
	padding: 5px; padding-bottom: 0px;
	background-color: #FFF;
	float: right;
	position: relative;
	left: -5px;
	font-size: 12px;
	overflow: hidden;
}

.rotatingEvent#event1 { display: block; }
.rotatingEvent#event2 { display: none; }
.rotatingEvent#event3 { display: none; }
.rotatingEvent#event4 { display: none; }
.rotatingEvent#event5 { display: none; }

.rotatingEvent .eventHeader {
	width: 100%; font-size: 14px; font-weight: bold; text-align: center; color: #FFF;
}


.rotatingEvent .eventSubHeader {
	width: 100%; font-size: 12px; font-weight: bold; text-align: center;
}

.rotatingEvent .eventLink {
	width: 100%; font-size: 10px;
	float: right; text-align: right;
	position: absolute; top: 275px; left: -5px;
}

.rotatingEventFooter {
	width: 195px; height: 20px;
	padding: 0px 5px;
	background-color: #FFF;
	float: right;
	position: relative;
	left: -5px;
	font-size: 10px; 
}

.rotatingEventFooter .counter {
	width: 80%; height: 20px; 
	float: left;
}

.rotatingEventFooter .counter IMG {
	width: 20px; height: 20px; border: 0px;
}

.rotatingEventFooter .playpause {
	width: 20%; height: 20px; 
	float: left;
	text-align: right;
}

.rotatingEventFooter .playpause IMG {
	width: 20px; height: 20px; border: 0px;
}
/* ---------------------------------------------------------------------------------------- */

/* GENERIC PAGE RELATED ENTRIES ----------------------------------------------------------- */
.leftFrame {
	width: 49%; float: left;
}

.rightFrame {
	width: 49%; float: right;
}

.bottom a {
	color: #000;
}
/* ---------------------------------------------------------------------------------------- */


/* PICTURE-RELATED ENTRIES ---------------------------------------------------------------- */
div.left_pic {
	float: left;
	margin: 0px 5px 0px 0px;
}

div.center_pic {
	width: 100%;
	text-align: center;
	clear: both;
	margin: 0px;
}

div.right_pic {
	float: right;
	margin: 0px 0px 0px 5px;
}
/* ---------------------------------------------------------------------------------------- */

/* MENU-RELATED ENTRIES ------------------------------------------------------------------- */
ul.sideMenu {
	list-style: none;
	margin: 0; padding: 0;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
}

ul.sideMenu a {
	display: block;
	padding: 0px;
}

ul.sideMenu a:link,
ul.sideMenu a:visited { color: #fff; text-decoration: none;}

ul.sideMenu li.first {
	width: 100%;
	margin: 0;
	padding: 2px 0px;	
	border-style: solid none;
	border-width: 1px;
	text-decoration: none;
}

ul.sideMenu li {
	width: 100%;
	margin: 0;
	padding: 2px 0px;	
	border-style: none none solid none;
	border-width: 1px;
	text-decoration: none;
}

/* sideMenu - Sub-Menu */
ul.sideMenu ul {
	list-style: none;
	margin: 0 0 0 5px; padding: 0 0 0 2px;
	background-color: #3d3d3d;
}

ul.sideMenu ul a {
	display: block;
	padding: 0px;
	border-color: #4a4a4a #242424 #242424; border-left: none; 
}

ul.sideMenu ul li {
	width: 100%;
	margin: 0;
	padding: 2px 0px;	
	border-style: 1px;
	text-decoration: none;
	border-color: #4a4a4a #242424 #242424; border-left: none; 
}

/* ---------------------------------------------------------------------------------------- */

/* HEADER-RELATED ENTRIES ----------------------------------------------------------------- */
H1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px; padding: 0px 0px 5px 0px;
}

H2 {
	font-size: 14px;
	font-weight: bold; font-style: italic;
	margin: 0px; padding: 0px 0px 5px 0px;
}
/* ---------------------------------------------------------------------------------------- */

/* STANDARD TABLE-RELATED ENTRIES --------------------------------------------------------- */
.standardTable { width: 100%; }

.standardTableHeader { font-weight: bold; }

.standardTable td { vertical-align: top; }
/* ---------------------------------------------------------------------------------------- */

/* CALENDAR HEADER-RELATED ENTRIES -------------------------------------------------------- */
.calendarHeader { width: 98% }

.calendarHeader td IMG { width: 15px; height: 10px; border: 0; position: relative; }

.calendarHeader td IMG.ltArrow { background-position: 0px -10px; }
.calendarHeader td IMG.ltArrow a:hover { background-position: 0px 0px; }

.calendarHeader td IMG.rtArrow { background-position: -15px -10px; }
.calendarHeader td IMG.rtArrow a:hover { background-position: -15px 0px; }

.calendarHeader td.prev {
	width: 30%;
}

.calendarHeader td.current {
	width: 40%;
	text-align: center;
}

.calendarHeader td.next {
	width: 30%;
	text-align: right;
}
/* ---------------------------------------------------------------------------------------- */

/* CALENDAR TABLE-RELATED ENTRIES --------------------------------------------------------- */
.calendarTable {
	width:  98%; font-size: 12px; 
	border-collapse: separate;
	border-spacing: 1px;
	background-color: white;
}

.calendarTableColumnHeader {
	width: 14%;
	font-weight: bold;
	text-align: center;
}

.calendarTableRow { height: 110px; }

.calendarTable td {
	padding: 2px;
	vertical-align: top;
}

.calendarTable td.blank {
	background-color: #DDD;
}

.calendarTable td#today {
	background-color: #EEE;
}

.calendarTable td .day {
	width: 100%;
	font-weight: bold;
}

.calendarTable td .dayNote {
	width: 100%;
	height: 14px;
	font-size: 10px;
	text-align: center;
}

/* Calendar Table "Balloon" Popups ================================ 
This portion of the style sheet was modified from code obtained at
the resource below. Many thanks to Stu for making it available to all!
===================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.balloon,
.balloon ul,
.balloon li {
	padding: 0px; margin: 0px; border: 0px;
	font-size: 10px;
	cursor: default;
	list-style: none;
}

.balloon .event {
	width: 100%;
	height: 14px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 2px;
}

.balloon .more {
	width: 100%; height:  6px;
	text-align: center;
}

.balloon .more img {
	padding: 0px; margin: 0px; border: 0px;
}

.balloon li,
.balloon li a,
.balloon li a:visited {
	display:block;
	text-decoration:none;
	color: 000;
}

.balloon ul li table {
	visibility:hidden;
	margin:-2px;
	border: none; padding:0;
	z-index: -1;
}

.balloon dl {
	visibility:hidden;
	position:absolute;
	width: 250px;
	padding: 0;
	height:auto;
	background-color: #FFF;
}

.balloon dl dt {
	margin: 0px 0px 5px 0px;
	padding: 2px 0px;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #000;
}

.balloon dl dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	font-size: 12px; font-weight: bold;
	overflow: auto;
	clear: both;
}

.balloon dl dd .eventTime {
	width: 100%;
}

.balloon dl dd .eventDesc {
	width: 75%; text-align: right; float: right;
}

.balloon dl dd .eventFull {
	width: 100%;
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon li:hover,
.balloon li a:hover {
	position:relative;
	cursor: pointer;
	cursor:hand;
}

.baloon li a:hover {
	z-index: 1;
}

.balloon li:hover dl,
.balloon li a:hover dl {
	visibility:visible;
	top: 0px; left: -70px;
	cursor:default;
}

.balloon li:hover dl a,
.balloon li a:hover dl a {
	display:inline;
}

.balloon li:hover dl dd,
.balloon li a:hover dl dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	font-size: 12px; font-weight: bold;
	overflow: auto;
	clear: both;
}

.balloon li:hover dl dd .eventTime,
.balloon li a:hover dl dd .eventTime {
	width: 100%;
}

.balloon li:hover dl dd .eventDesc,
.balloon li a:hover dl dd .eventDesc {
	width: 75%; text-align: right; float: right;
}

.balloon li:hover dl dd .eventFull,
.balloon li a:hover dl dd .eventFull {
	width: 100%;
}
/* ---------------------------------------------------------------------------------------- */

/* THEME-RELATED ENTRIES (DROPDOWN MENUS) ------------------------------------------- */

ul.dropdown { font: bold 17px/normal Arial, Helvetica, sans-serif; }

ul.dropdown a {
	display: block;
	padding: 0px;
}

ul.dropdown a:link,
ul.dropdown a:visited { color: #fff; text-decoration: none;}

ul.dropdown li {
	padding: 0;
	background-color: #000;
	color: #fff;
}

ul.dropdown li a,
ul.dropdown *.dir {
	border-style: solid;
	border-width: 1px;
	border-color: #404040 #1a1a1a #1a1a1a #505050;
}

ul.dropdown li.hover,
ul.dropdown li:hover { }

/* SECOND LEVEL */
ul.dropdown ul {
	text-align: left;
	left: 0; right: auto;
	width: 200px;
	margin-top: -1px;
	border-top: 1px solid #1a1a1a;
	border-left: solid 1px #4c4c4c;
	font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
}

ul.dropdown ul a { padding: 5px; }

ul.dropdown ul li {
	background-color: #000;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown *.dir { /* POI */
	padding: 5px 30px;
}

ul.dropdown ul *.dir {
	padding: 5px 30px 5px 5px;
	background-image: url(images/nav-arrow-right.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* THIRD LEVEL */
ul.dropdown ul ul {
	top: 0;
	left: 100%; right: auto;
	margin-top: 0;
	border-top: none;
	border-left: none;
	font-weight: normal;
}

ul.dropdown ul ul li {
	background-color: #5b5b5b;
}

ul.dropdown ul ul *.dir {
	background-image: url(images/nav-arrow-right.png);
}

ul.dropdown ul ul ul li {
	background-color: #595959;
}

/* "OPEN" SUPPORT */
ul.dropdown *.open {
	background-color: #3d3d3d;
}

ul.dropdown ul *.open {
	background-color: #5b5b5b;
	background-image: url(images/comnav-arrowover.png);
	color: #fff;
}

ul.dropdown ul ul *.open {
	background-color: #595959;
	background-image: url(images/comnav-arrowover2.png);
	color: #fff;
}

/* Clone in CSS 2 */
ul.dropdown li:hover > *.dir {
	background-color: #3d3d3d;
}

ul.dropdown ul li:hover > *.dir {
	background-color: #5b5b5b;
	background-image: url(images/comnav-arrowover.png);
}

ul.dropdown ul ul li:hover > *.dir {
	background-color: #595959;
	background-image: url(images/comnav-arrowover2.png);
	color: #fff;
}
/* ---------------------------------------------------------------------------------- */

/* ANNOUNCEMENT/EVENT-RELATED ENTRIES ---------------------------------------------------- */
.showAll {
	width: 100%;
	text-align: right;
	clear: both;
	margin-top: 5px;
}
/* ---------------------------------------------------------------------------------------- */