/* global */
html {
	height:100%; margin-bottom:1px;
}

body {
	background:#c0c0b7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#111111;
	margin:0; padding:0;
}

body#popup {
	padding:10px;
	background:#fff;
}

body#greybox {
	background:#fff;
	overflow:hidden;
}

#noscript {
	border:1px solid #c00;
	background:#ffcccb;
	line-height:30px;
	text-align:center;
	margin-bottom:10px;
}

a {
	font-size:11px;
	font-weight:bold;
	color:#999966;
	text-decoration:underline;
}

a:hover {
	font-size:11px;
	font-weight:bold;
	color:#999900;
	text-decoration:underline;
}

td {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	color:#6a7c52;
	font-size:24px;
	font-weight:bold;
	margin:0 0 5px 0; padding:0;
}

h2 {
	color:#6a7c52;
	font-size:18px;
	font-weight:normal;
	margin:0; padding:0;
}

hr {
	width:100%; height:1px;
	background:#6a7c52;
	color:#6a7c52;
	margin:10px 0; padding:0; border:0;
}

img {
	border:0;
}

td, th, label {
	vertical-align:top; 
}

p {
	margin:10px 0;
}

ul, ol {
	margin:10px; padding:0;
}

li {
	margin:5px 10px; padding:0;
}

.clear {
	clear:both; height:0pt; line-height:0pt; font-size:0px;
}

.plain {
	font-weight:normal !important;
}

img.edit {
	width:6px; height:6px;
}
img.print {
	width:32px; height:18px;
	vertical-align:middle;
}
img.email {
	width:30px; height:18px;
	vertical-align:middle;
}
img.sort {
	width:13px; height:9px;
	margin-left:2px;
}


/* tooltips */
#dhtmlgoodies_tooltip{
	border:1px solid #fff;
	background-color:#ffffff;
	position:absolute; z-index:20000;
	display:none;
	padding:2px 5px;
	font-size:11px;
}
#dhtmlgoodies_tooltipShadow{
	position:absolute; z-index:10000;
	background-color:#ababab;
	display:none;
}


/* page layout */
#pageContainer {
	width:982px;
	margin:0px auto; padding-bottom:5px;
	text-align:left;
}

#pageContainer, #chat {
	background:#e2e2d4;
}

#headerContainer {
	width:982px; height:100px;
	overflow:hidden;
	background:#c0c0b7 url("/images/sample/header2.jpg") no-repeat;
}
#headerContainer.notheme {
	background-image:none;
	height:auto;
}

#pageFooter {
	color:#333333;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	margin:15px 0;
}

#hoaFooter {
	color:#333333;
	font-size:11px;
	width:982px;
	text-align:center;
	margin:0 auto; padding:15px 0;
}

#hoaFooter a {
	color:#333333;
	font-size:11px;
	text-decoration:underline;
}

#leftCol {
	float:left;
	width:180px;
	margin-right:10px;
	overflow:hidden;
}

#centerCol {
	float:left;
	width:602px;
	padding:0 1px;
	overflow:hidden;
}

.noright {
	width:780px !important;
}

#rightCol {
	float:right;
	width:180px;
	overflow:hidden;
}

.date {
	font-size:11px;
	margin-bottom:5px;
	display:block;
}


/* articles */
.articleBoxContainer {
	background:#f5f5e9;
	border:1px solid #6a7c52;
	margin:0 0 15px 0;
}

.articleBoxContainer h2 {
	background:#6a7c52;
	font-size:12px;
	font-weight:bold;
	color:#f5f5e9;
	margin:0; padding:3px 10px;
}

.articleBoxContainer h2 span a {
	color:#f5f5e9;
	text-decoration:underline;
}

.articleBoxContainer h2 span a:hover {
	text-decoration:none;
}

.articleBoxContainer .content {
	padding:10px 15px; margin:0;
	background:#f5f5e9;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}

.articleBoxContainer .content p {
	margin:5px 0;
}

.articleBoxContainer .content a {
	font-size:11px;
}


/* main toolbar */
#toolbar ul {
	margin:0 0 10px 0; padding:0;
	width:982px;
	float:left;
	list-style:none;
	background:#6a7c52;
	border-top:#d0ddbb 1px solid;
}

#toolbar ul li {
	float:right;
	margin:0; padding:0;
}

#toolbar ul li.date {
	padding:5px 15px;
	font-size:11px;
	font-weight:bold;
	color:#d0ddbb;
	text-decoration:none;
	border-left:none;
	float:left;
}

#toolbar ul a {
	margin:0; padding:5px 15px;
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#d0ddbb;
	text-decoration:none;
	border-left:#d0ddbb 1px solid;
}

#toolbar ul a:hover {
	background:#d0ddbb;
	font-size:11px;
	font-weight:bold;
	color:#6a7c52;
	text-decoration:none;
}

#toolbar li.date #adminLnks {
	margin-left:10px;
}
#toolbar li.date a {
	padding:0 5px;
	float:none;
	display:inline;
	border:none;
}


/* Margin Boxes */
.marginBox {
	border:1px solid #6a7c52;
}

.marginBox h3 {
	background:#6a7c52;
	border:1px solid #6a7c52;
	font-size:12px;
	font-weight:bold;
	color:#d0ddbb;
	text-decoration:none;
	text-align:center; 
	padding:1px; margin:0;
}

.marginBox .body {
	background:#eeeee2;
	font-size:11px;
	font-weight:normal;
	color:#6a7c52;
	text-decoration:none;
	padding:5px; margin:0;
}

.marginBox h4 {
	font-size:11px;
	color:#6a7c52;
	text-align:center;
	margin:0 0 10px 0;
}

.marginBox .body a {
	font-size:11px;
	font-weight:bold;
	color:#6a7c52;
	text-decoration:underline;
}

.marginBox .body a:hover {
	font-size:11px;
	font-weight:bold;
	color:#6a7c52;
	text-decoration:none;
}

.marginBox .body ul {
	margin:0; padding:0;
}

.marginBox .body li, .marginBox .body li a {
	font-size:11px;
	font-weight:bold;
	color:#6a7c52;
	text-decoration:none;
	margin:0; padding:1px 0;
	list-style-type:none;
}

.marginBox .body li.sub {
	margin-left:10px;
}

.marginBox .body li a:hover {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

/* utility classes */
.adContainer {
	width:982px;
	margin:0px auto; padding-bottom:20px;
	text-align:center;
}

.adMargin {
	margin-top:10px;
	text-align:center;
}


/* Printable Toolbar */
#printToolbar {
	border-top:1px solid #333; border-bottom:1px solid #333;
	margin:10px 0px;
	float:left;
	width:100%; height:31px; overflow:hidden;
}

#printToolbar[id] a.print {
	background:url('/images/print.png') no-repeat;
}
#printToolbar a.print {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/print.png', sizingMethod='image');
}

#printToolbar[id] a.email {
	background:url('/images/email.png') no-repeat;
}
#printToolbar a.email {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/email.png', sizingMethod='image');
}

#printToolbar a {
	width:120px; height:24px; float:left; margin:3px 70px;
}

#printToolbar a.print:hover, #printToolbar a.email:hover {
	background-position:0px -26px;
}


/* newsticker */
#ticker {
	background:#eeeee2;
	overflow:hidden;
	padding:5px; margin:0;
	height:80px;
	font-size:11px;
}


/*** page text components ***/

/* contentBoxContainered text box */
.contentBoxContainer, .highlight {
	border:1px solid #6a7c52;
	background:#eeeee2;
	font-size:12px;
	font-weight:normal;
	color:#111111;
	text-decoration:none;
	padding:10px; margin:0 0 15px 0;
}

/* feature box */
.firstFeature {
	margin-right:10px;
}

.featureContainer {
	background:#f5f5e9;
	margin:0 0 15px 0;
	width:295px;
}

.featureContainer h2, .featureContainer h2 a {
	background:#6a7c52;
	font-size:12px;
	font-weight:bold;
	color:#f5f5e9;
	height:24px;
	margin:0; padding:0;
}

.featureContainer h2 span {
	display:block;
}

.featureContainer h2 span a {
	color:#f5f5e9;
	text-decoration:underline;
}

.featureContainer h2 span a:hover {
	text-decoration:none;
}

.featureContainer h3 {
	background:#f5f5e9;
	margin:0; padding:0; 
	height:16px; overflow:hidden;
}

.featureContainer .content {
	padding:0; margin:10px 15px 0 15px;
	background:#f5f5e9;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}

.featureContainer .content p {
	margin:5px 0;
}

.featureContainer .content a {
	font-size:11px;
}


/* content box */
.contentBoxContainer {
	margin:0 0 15px 0;
}


/* form elements */

/* global form */
form {
	margin:0; padding:0;
}

.formContainer {
	background:#f5f5e9;
	width:530px;
}

.formContainer h2 {
	background:#6a7c52;
	font-size:12px;
	font-weight:bold;
	color:#f5f5e9;
	text-decoration:none;
	height:24px;
}

.formContainer h2 span {
	display:block;
}

.formContainer h3 {
	margin:0; padding:0; 
	height:16px; overflow:hidden;
}

.formContainer fieldset {
	background:#f5f5e9;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 15px 0 15px; margin:0; border:0;
	overflow:hidden;
}

.formContainer fieldset div {
	clear:left;
}

.formContainer label {
	float:left;
	width:160px;
	padding-right:5px; margin-bottom:10px;
}

input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

input.button {
	background:#e2e2c4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px outset;
	margin:2px; padding:2px;
}

input.button:hover {
	border:1px inset;
}

input.checkbox, input.radio {
	vertical-align:middle;
	margin:5px 3px 5px 0; padding:0;
}

textarea {
	background:#e2e2c4;
	border:1px solid #999999;
	margin:2px; padding:2px;
	width:200px; height:100px;
}

input.text {
	background:#e2e2c4;
	border:1px solid #999999;
	margin:2px; padding:2px;
	width:200px;
}

input.short {
	width:100px;
}

input.disabled {
	color:#666;
	background:#ddd;
}

.errorField {
	background:#fff !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px solid #c00;
	margin:2px; padding:2px;	
	width:200px;
}

select.errorField {
	margin:2px; padding:1px;
}

textarea.errorField {
	width:200px;
}

.noerrorField {
	background:#e2e2c4;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	margin:2px; padding:2px;
}

select {
	background:#e2e2c4;
	border:1px solid #999999;
	margin:2px; padding:1px;
}

.errorText {
	color:#c00;
}

.successText {
	color:#090;
}

/* login */
.loginContainer fieldset {
	border:0; margin:0; padding:0;
}

.loginContainer a {
	text-decoration:underline !important;
	font-weight:normal !important;
}

.loginContainer label {
	vertical-align:middle;
}

.loginContainer input.text {
	margin:0px;
}

.loginContainer input.checkbox {
	margin:5px 3px 5px 0; padding:0;
}

/* poll */
.pollContainer fieldset {
	border:0; margin:0; padding:0;
}

.pollContainer label {
	vertical-align:middle;
}

.pollContainer input.radio {
	margin:3px; padding:0;
}


/* tabs */
#tabTopContainer ul {
	margin:0; padding:0;
	list-style:none;
}

#tabTopContainer ul li {
	margin:0 3px 0 0; padding:0;
	float:left;
	font-size:.8em; font-weight:bold;
	background:#6a7c52;
}

#tabTopContainer li a {
	float:left;
	text-decoration:none; color:#f5f5e9; font-weight:bold; text-align:center;
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=6a7c52&Curve=TopLeft) left top no-repeat;
	height:24px; line-height:24px;
}

#tabTopContainer li a span {
	display:block;
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=6a7c52&Curve=TopRight) right top no-repeat;
	padding:0 15px;
}

#tabTopContainer ul li.active {
	color:#6a7c52;
	background:#f5f5e9;
}

#tabTopContainer li.active a {
	color:#6a7c52;
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=f5f5e9&Curve=TopLeft) left top no-repeat;
}

#tabTopContainer li.active a:hover {
	color:#6a7c52;
}

#tabTopContainer li.active a span {
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=f5f5e9&Curve=TopRight) right top no-repeat;
}

#tabTopContainer ul li.disabled {
	color:#999;
	background:#CCCCCC;
}

#tabTopContainer li.disabled a {
	color:#999;
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=CCCCCC&Curve=TopLeft) left top no-repeat;
}

#tabTopContainer li.disabled a span {
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=CCCCCC&Curve=TopRight) right top no-repeat;
}

#tabContainer {
	clear:left;
	background:#f5f5e9;
	width:580px;
}

#tabContainer .right {
	background:url(/utils/curve.asp?Color1=e2e2d4&Color2=f5f5e9&Curve=TopRight) right top no-repeat;
	display:block;
}

#tabContainer fieldset {
	background:#f5f5e9;
	font-size:.9em;
	margin:0; padding:10px 10px 0px 19px; border:0;
}

#tabContainer label {
	float:left;
	width:170px;
}

#tabContainer h3 {
	margin:0; padding:0;
	height:16px; overflow:hidden;
}


/* tabular date */
table.tabular {
	border-collapse:collapse;
	width:100%;
	border:1px solid #6a7c52;
}

table.tabular th {
	background:#6a7c52;
	font-size:11px;
	font-weight:bold;
	color:#d0ddbb;
	text-decoration:none;
	border:1px solid #6a7c52;
	padding:3px;
}

table.tabular th.subhead {
	background:#d0ddbb;
	color:#6a7c52;
	border:1px solid #6a7c52;
}

table.tabular th a {
	color:#d0ddbb;
	font-size:11px;
}

table.tabular th a:hover {
	color:#ffffff;
}

table.tabular th.active {
	cursor:pointer;
}

table.tabular td {
	background:#F5F5E9;
	font-size:11px;
	font-weight:normal;
	color:#111111;
	text-decoration:none;
	border:1px solid #6a7c52;
	padding:3px;
}

table.tabular td a {
	text-decoration:none;
}

table.tabular td a:hover {
	text-decoration:underline;
}

table.tabular td.separator {
	background:none;
	height:20px;
}

table.tabular tr.odd td {
	background:#ffffff;
	color:#999966;
}

table.tabular tr.odd td a {
	color:#999966;
}

table.tabular tr.unread td {
	font-weight:bold;
}


/* grid */
#grid.tabular {
	width:auto;
	border:none;
}
#grid.tabular th {
	background:none;
	color:#333333;
	border:none;
}
#grid.tabular th.topHead {
	vertical-align:bottom; 
	text-align:center;
}
#grid.tabular td {
	background:#ffffff;
	border:1px solid #f5f5e9;
	width:25px; height:15px;
}
#grid.tabular td.on {
	background:#6a7c52;
}
#grid.tabular .onLegend {
	border:1px solid #6a7c52;
	background:#6a7c52;
}
#grid.tabular .offLegend {
	border:1px solid #6a7c52;
	background:#ffffff;
}


/*** calendar layout and format classes ***/
#calendar  {
	width:520px;
	float:left;
}
#calendar .top {
 	display:none;
}
#calendar .bottom {
 	display:none;
}
#calendar td {
	width:67px; height:60px; padding:0;
}
#calendar td span {
	padding:2px;
}
#calendar td.calDateCurrent {
	font-weight:bold;
}
#calendar th {
	text-align:center;
}
#calendar th a {
	text-decoration:none;
}
#calendar td a {
	display:block;
	text-indent:2px;
	height:40px; line-height:40px;
}
#calendarDetails  {
	background:#F5F5E9;
	border:1px solid #6a7c52;
	width:240px; margin-left:10px;
	float:left;
}
#calendarDetails .middle {
	padding:0 10px;
	height:374px;
}
#calendarDetails h2 {
	margin:0;
	font-size:14px; text-align:center;
}
#calendarDetails p {
	margin:2px 0;
}
#calendarDetails #events {
	height:360px;
	overflow:auto; overflow-y:auto; overflow-x:hidden;
}
#calendarDetails .eventDetails {
	margin:5px 0; padding:5px;
	border-bottom:1px solid #6a7c52;
}


/*** facility layout and format classes ***/
#facility {
	margin-top:10px;
}
#facilityCalendar {
	width:220px;
	float:left;
}
#facilityCalendar .top {
 	display:none;
}
#facilityCalendar .middle {
	height:256px;
}
#facilityCalendar .bottom {
 	display:none;
}
#facilityCalendar td {
	width:37px; height:30px; padding:0;
	cursor:pointer;
}
#facilityCalendar td span {
	padding:2px;
}
#facilityCalendar td span.today {
	font-weight:bold;
}
#facilityCalendar td.reserved {
	background-color:#fcc;
}
#facilityCalendar td.spacer {
	cursor:default;
}
#facilityCalendar th {
	text-align:center;
}
#facilityDetails {
	float:right;
	background:#F5F5E9;
	border:1px solid #6a7c52;
	width:520px;
}
#facilityDetails .top {
 	display:none;
}
#facilityDetails .middle {
	padding:0 10px;
	height:256px;
}
#facilityDetails .bottom {
 	display:none;
}
#facilityDetails h2 {
	margin:0 0 5px 0;
	font-size:14px; text-align:center;
}
#facilityDetails #events {
	height:205px; padding-top:2px;
	overflow:auto; overflow-y:auto; overflow-x:hidden;
	position:relative;
	font-size:12px;
}
#facilityDetails #events table {
	width:480px;
	border-collapse:collapse;
}
#facilityDetails #events tr, #facilityDetails #events tr td {
	border-top:1px solid #6a7c52; border-bottom:1px solid #6a7c52;
	padding:3px;
}
#facilityDetails #events th {
	border:1px solid #6a7c52; border-left:none;
	width:60px;
	font-weight:normal;
	padding:3px;
}
#facilityDetails #events td.duration {
	border:1px solid #111111; border-left:4px solid #111111;
	background-color:#ffffff;
	color:#999966;
}


/* Current Weather Module */
#weather .visual {
	float:left; margin-bottom:5px;
}

#weather .tempContainer {
	float:left;
	width:65px;
	text-align:center;
	margin:0 0 5px 4px;
}

#weather .temp {
	font-size:16px; font-weight:bold;
	text-align:center; 
}

#weather .update {
	margin-top:5px; 
	text-align:center; 
	font-size:10px;
}


/* Photo Border for the Album Index */
.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height:14px; width:14px;
}

.album-frame .top-x--- {
	background:url('/images/album/album-tstretch.gif') repeat-x;
	text-align:left;
	height:14px; width:auto;
}
.album-frame .top--x-- {
	background:url('/images/album/album-tstretch.gif') repeat-x;
	height:14px;
	width:auto;
}
.album-frame .top---x- {
	background:url('/images/album/album-tstretch.gif') repeat-x;
	text-align:right;
	height:14px; width:auto;
}
.album-frame .mtpx---- {
	background:url('/images/album/album-lstretch.gif') repeat-y;
	vertical-align:top;
	height:auto; width:14px;
}
.album-frame .mtp----x {
	background:url('/images/album/album-rstretch.gif') repeat-y;
	vertical-align:top;
	height:auto; width:14px;
}
.album-frame .midx---- {
	background:url('/images/album/album-lstretch.gif') repeat-y;
	height:auto; width:14px;
}
.album-frame .mid----x {
	background:url('/images/album/album-rstretch.gif') repeat-y;
	height:auto; width:14px;
}
.album-frame .mbtx---- {
	background:url('/images/album/album-lstretch.gif') repeat-y;
	vertical-align:bottom;
	height:auto; width:14px;
}
.album-frame .mbt----x {
	background:url('/images/album/album-rstretch.gif') repeat-y;
	vertical-align:bottom;
	height:auto; width:14px;
}
.album-frame .bot-x--- {
	background:url('/images/album/album-bstretch.gif') repeat-x;
	text-align:right;
	height:14px; width:auto;
}
.album-frame .bot--x-- {
	background:url('/images/album/album-bstretch.gif') repeat-x;
	height:14px; width:auto;
}
.album-frame .bot---x- {
	background:url('/images/album/album-bstretch.gif') repeat-x;
	text-align:left;
	height:14px; width:auto;
}


/* new photo border */
.thumbWrapper {
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
}

.classifiedWrapper {
	text-align:center;
	margin-top:5px
}

.imgWrapper {
	text-align:center;
}

.thumbWrapper img, .imgWrapper img, .classifiedWrapper img {
	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
}


/* faq */
.Accordion {
	overflow:hidden;
}
.AccordionPanel {
}
.AccordionPanelTab {
	cursor:pointer;
	font-weight:bold;
	margin:0; padding:5px 0 5px 5px;
	border-bottom:1px solid #6a7c52;
}
.AccordionPanelContent {
	overflow:auto;
	height:200px;
	margin:0 5px;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color:#6a7c52;
}
.AccordionPanelTabHover {
	background-color:#F5F5E9;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	background-color:#F5F5E9;
}