/* 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 {
clear:both;
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;
}


/* newsticker */
#ticker {
overflow:hidden;
padding:0; margin:0;
font-size:11px;
height:110px;
}
#ticker .pane {
height:100px;
overflow:hidden;
overflow-x:hidden;
overflow-y:auto;
}
#tickerControl {
font-size:.9em;
margin:5px;
text-align:center;
}


/*** 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;
}

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


/* 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;
font-size:.9em;
}

.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;
}