/* --------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------- GENERAL FORMATTING ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */
/*///////////////////// SITE WIDE GENERAL /////////////////////*/
body { background-color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
a:link, a:visited { color: #333333; text-decoration: none; }
a:hover, a:active { color: #999999; text-decoration: none; }
#action-img { border: 0px; margin: 3px 5px 3px 3px; }
#active-img	{ border: 0px; margin: 3px 5px 3px 3px; vertical-align: bottom; }
#divider_thin { width: 100%; height: 2px; background-image: url(/skins/0000000001/POD_TD.gif); background-repeat:repeat-x; background-position: left; padding:2px 0px 2px 0px; }
#divider_wide { width: 100%; height: 2px; background-image: url(/skins/0000000001/POD_WD.gif); background-repeat:repeat-x; background-position: left; padding:10px 0px 2px 0px; clear:both; }
#dialog { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }


/*//////////////////// TEXT FORMATING ////////////////////*/
h1 { font-size: 30px; color: #000000; font-weight: normal; text-transform: none; text-align: center; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.5em; }
h2 { font-size: 16px; color: #000000; font-weight: bold; text-transform: capitalize; text-align: center; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 10px 0px 5px 0px; margin: 0px 0px 0px 0px; }
h3 { font-size: 14px; color: #000000; font-weight: bold; text-transform: capitalize; text-align: left; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 10px 10px 5px 10px; margin: 0px 0px 0px 0px; clear: both; }
h4 { font-size: 14px; color: #000000; font-weight: normal; text-transform: capitalize; text-align: center; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
h5 { font-size: 16px; color: #000000; font-weight: bold; text-transform: capitalize; text-align: left; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.body-large { font-size: 12px; }						.body-bold { font-weight: bold; }
.body-right { text-align: right; }						.body-centred { text-align: center; }
.body-small { font-size: 9px; }							.body_spaced { line-height: 1.5em; }
.body-small-r { font-size: 9px; text-align: right; }	.body-indented { padding-left: 20px; }
.body-small-c { font-size: 10px; text-align: center; font-weight: bold; }
.body-small-g { font-size: 9px; color: #666666; }
.indication-red { color:#CC0000; }						.breadcrumbs { color: #666666; font-size: 9px; }
.indication-green { color: #006600; }					.heading-hl { font-style: italic; }						
.indication-blue { color: #006699; }					
.weatherWarning { font-size:14px; color:#FFFFFF; background-color:#CC0000; border:solid 1px #000000; font-weight: bold; text-transform: uppercase; text-align: center; vertical-align: middle; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; }
.weatherWarning a:hover, .weatherWarning a:active { color:#FFFFCC; text-decoration:none; }
.weatherWarning a:link, .weatherWarning a:visited { color:#FFFFFF; text-decoration:none; }

.attn-xlarge { font-size: 50px; font-weight: bold; color: #006699; }
.heading-small { font-style: italic; font-size: 120%; font-weight: bold; }
.breadcrumbs a:visited, .breadcrumbs a:link { color: #666666; text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:active { color: #FFCC00; text-decoration:none; }


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------- FEATURE FORMATTING ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */
/*/////////////////////// LISTS ///////////////////////*/
#list { width: 480px; margin: 5px 0px 5px 0px; }
#list-indicators { width: 30px; height: 20px; }
#list-dividers { height: 1px; background-image: url(/images/divider-xw.gif); background-repeat: no-repeat; }
#list-image { width: 80px; height: 80px; background-color: #86A558; border: 1px solid #566A39; padding: 5px 5px 5px 5px; vertical-align: middle; text-align: center; }
.list { border-bottom: 1px dotted #86A558; }
.list a:link, .list a:visited { color: #000000; text-decoration: none; }
.list a:active, .list a:hover { color: #FFCC00; text-decoration: none; }
.list-headings { color: #000000; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: left; line-height: 20px; text-decoration: none; padding: 2px 5px 2px 5px; }
.list-headings-c { color: #000000; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: center; line-height: 20px; text-decoration: none; padding: 2px 5px 2px 5px; }
.list-options { font-size: 10px; font-weight: normal; background-color: #E3E8EE; vertical-align: middle; text-align: right; line-height: 20px; text-decoration: none; padding: 2px 2px 2px 2px; }
.list-nav { background-color: #EEF8F9; font-size: 12px; font-weight: normal; vertical-align: middle; text-align: center; line-height: 20px; text-decoration: none; padding: 2px 2px 2px 2px; border-top: 1px solid #6B98B5; border-bottom: 1px solid #6B98B5;}
.list-body { padding: 1px 2px 1px 2px; vertical-align: middle; }


/*//////////////////// FORMS //////////////////////////*/
#form { width: 100%; }
input {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
select { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; }
.form-titles { color: #0099CC; font-size: 12px;	font-weight: bold; background-color: #E3E8EE; vertical-align: middle; text-align: center; line-height: 20px; text-decoration: none; padding: 2px 2px 2px 2px; border: 1px solid #6B98B5; }
.form-required { color: #CC0000; }
.form-heading { font-size: 12px; color: #000000; font-weight: normal; text-transform: capitalize; text-align: right; text-decoration: none; line-height: 20px; padding: 0px 5px 0px 5px; }
.form-error { font-size: 12px; text-align: center; vertical-align: middle; color: #CC0000; }
.hidden { display: none; }
.visible { display: inline; }


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- CONTAINERS ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */
/*///////////////////// CONTAINERS - PRIMARY /////////////////////*/
#containerHeader { width: 100%; height: 35px; padding: 15px 0px; margin: 0px; top: 0px; left: 0px; clear: both; }
#containerBody { width: 100%; margin: 15px 0px; clear: both; } 
#containerMain { width: 770px; margin: auto; } 
#containerFull { width: 750px; vertical-align: top; }
#containerHalf { width: 365px; vertical-align: top; }
#containerThin { width: 240px; vertical-align: top; }
#containerWide { width: 500px; vertical-align: top; }
#containerSpacer_v { width: 10px; font-size:0; }
#containerSpacer_h { height: 2px; font-size:0; }
#containerFooterText { width: 770px; height: 120px; margin: auto; clear: both; }


/*///////////////////// CONTAINERS - INTERNAL /////////////////////*/
#div_Banner { width: 100%; height:238px; background-image: url(/skins/0000000001/banner.jpg); background-repeat:no-repeat; background-position:center; padding:0px 0px 0px 0px; } 
#div_TopMenu { width: 100%; padding-top:198px; } 

#div_BodyMiddle { width: 100%; clear: both; padding:0px; margin: 0px 0px 0px 0px; }
#div_BodyFull { width: 100%-20px; margin: 5px 10px 5px 10px; clear: both; }
#div_BodyWide { width: 480px; margin: 5px 10px 5px 10px; clear: both; }
#div_Footer { width: 100%; height: 104px; background-image:url(/skins/0000000001/footer.gif); background-repeat: no-repeat; background-position: center; clear: both; padding:0px; margin:0px; }
#div_FooterText { width: 100%; clear: both; }
#div_Divider { width: 95%; height: 2px; background-image: url(/images/pods/fulldotted.gif); background-repeat: repeat-x; margin: 2px 12px 2px 12px; clear: both; }

#body_Table { width: 750px; margin: 0px 10px 0px 10px; background-color: #FFFFFF; }

/*///////////////////// CONTAINERS - ADVERTISING /////////////////////*/
#ad_banner { width: 468px; height: 70px; border: none; margin: 5px 6px 5px 6px; text-align: right; vertical-align: middle; }


/* --------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- COMPONENT MODULES ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */
/*//////////////////// CATEGORIES /////////////////////*/
#categories { width: 240px; background-color:#CCCCCC; border:2px solid #FFFFFF; padding: 0px; margin: 0px; }
#categories_label { height: 80px; background-image: url(/skins/0000000001/categories.gif); background-repeat: no-repeat; background-position: center; }
#categories_help { padding: 5px 14px 5px 5px; color: #666666; }
.category a:link, .category a:visited { color: #333333; text-decoration: none; text-align: left; display: block; padding: 2px 2px 2px 2px; margin: 1px 6px 1px 4px; font-size: 12px; line-height: 1.25em; }
.category a:hover, .category a:active { color: #333333; text-decoration: none; text-align: left; display: block; padding: 2px 2px 2px 2px; margin: 0px 5px 0px 3px; font-size: 12px; background-color: #EEEEEE; border: 1px solid #333333; line-height: 1.25em; }

#quickSubCat { width: 480px; text-align: center; vertical-align: middle; font-size: 14px; margin: 5px 0px 5px 0px; }
#subcatsList { width: 480px; margin: 5px 0px 15px 0px; }
#subcatTile { width: 232px; float: left; margin: 2px 2px 2px 2px; }
.subcatTile a:link, .subcatTile a:visited { color: #006699; display: block; padding: 3px 4px 3px 4px; text-decoration: none; }
.subcatTile a:hover, .subcatTile a:active { color: #FFCC00; display: block; padding: 3px 4px 3px 4px; text-decoration: none; }


/*//////////////////// CONSOLE /////////////////////*/
#actions { border: none; }
#action-cell { width: 85px; height: 85px; border: none; text-align: center; vertical-align: top; padding: 15px 3px 3px 3px; }
#action-img { border: 0px; }
.action-text { font-size:10px; text-align:center; text-transform:capitalize; }
.action-text a:link, .action-text a:visited { color:#000000; text-decoration:none; }
.action-text a:active, .action-text a:hover { color:#FF9900; text-decoration:none; }
#dialog { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }


/*//////////////////// EVENTS LIST /////////////////////*/
#events { width: 240px; padding: 0px; margin: 0px; }
#events_label { height: 65px; background-image: url(/skins/0000000001/events.gif); background-repeat: no-repeat; background-position: center; }
#events_help { padding: 5px 14px 5px 5px; color: #666666; }
.event a:link, .event a:visited { color: #000000; display: block; padding: 2px 4px 2px 4px; margin: 3px 4px 2px 4px; text-align: left; text-decoration: none; }
.event a:hover, .event a:active { color: #FFFFFF; display: block; padding: 2px 4px 2px 4px; margin: 3px 4px 2px 4px; text-align: left; text-decoration: none; }
.event_category { padding: 0px 14px 0px 7px; color: #666666; font-size: 70%; text-align: left; }
.event_details { padding: 0px 14px 10px 7px; color: #666666;  font-size: 85%; text-align: left; }
.event_more a:link, .event_more a:visited { text-align: right; color: #819B75; padding: 5px 10px 5px 5px; text-decoration: none; }
.event_more a:hover, .event_more a:active { text-align: right; color: #CC9900; padding: 5px 10px 5px 5px; text-decoration: none; }
#fees { width: 480px; padding: 0px; margin: 5px 0px 5px 0px; }
#instances { width: 480px; padding: 0px; margin: 5px 0px 5px 0px; }
.calWeekdays { width: 68px; float: left; text-align: center; padding: 10px 0px 3px 0px; } 
.calDay { width: 66px; height: 50px; float: left; text-align: center; border: 1px solid #AFC3CD; } 
.calSpare { width: 66px; height: 50px; float: left; text-align: center; color: #999999; border: 1px solid #AFC3CD; background-color: #EEEEEE; } 
.calEvent { width: 100%-3px; height: 12px; overflow:hidden; clear: both; text-align: left; vertical-align: middle; padding-left: 3px; }
.calDate { width: 100%; font-size: 10px; font-weight: bold; text-align: center; display: block; background-color: #EEEEEE; }
.eventPopup { background-color:#FFFFFF; color:#000000; border:1px solid #000000; position:absolute; top: 0; left: 0; width:250px; display:none; }
a.eventPopup:link, a.eventPopup:visited { color:#000000; background-color:#FFFFFF; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; _height: 1em; }
a.eventPopup:hover, a.eventPopup:active { color:#000000; background-color:#CCCCCC; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; _height: 1em; }


/*//////////////////// EVENTS CALENDAR ////////////////////*/
.ECMS_calendarHeading_weekday { width:14%; font-size:10px; text-align:center; color:#000000; float:left; line-height:20px; vertical-align:middle; margin-right:-1px; margin-bottom:-1px; overflow:hidden; }
.ECMS_calendarHeading_weekend { width:15%; font-size:10px; text-align:center; color:#000000; float:left; line-height:20px; vertical-align:middle; margin-right:-1px; margin-bottom:-1px; overflow:hidden; }
.ECMS_calendarSpareWeekday { height:100px; width:14%; background-color:#EEEEEE; float:left; margin-right:-1px; margin-bottom:-1px; }
.ECMS_calendarSpareWeekend { height:100px; width:15%; background-color:#EEEEEE; float:left; margin-right:-1px; margin-bottom:-1px; }
.ECMS_calendarWeekday { height:100px; width:14%; float:left; margin-right:-1px; margin-bottom:-1px; }
.ECMS_calendarWeekend { height:100px; width:15%; background-color:#F9F9F9; float:left; margin-right:-1px; margin-bottom:-1px; }
.ECMS_calendarDay { height:98px; border:1px solid #97AEC0; overflow:auto; overflow-x:hidden; overflow-y:auto; }
.ECMS_calendarDayNumber { font-size:10px; font-weight:bold; text-align:left; color:#006699; padding:2px; }
.ECMS_calendarDayNumber a:link, .ECMS_calendarDayNumber a:visited { font-size:10px; font-weight:bold; text-align:left; color:#006699; padding:2px; }
.ECMS_calendarDayNumber a:hover, .ECMS_calendarDayNumber a:active { font-size:10px; font-weight:bold; text-align:left; color:#FF9900; padding:2px; }
.ECMS_calendarEvent { height:18px; width:100%; margin-right:-20px; text-align:left; line-height:18px; vertical-align:middle; text-indent:2px; white-space:nowrap; text-overflow:ellipsis-word; overflow:hidden; }
.ECMS_calendar { width:100%; margin:0px auto 10px auto; padding:3px 0px; background-color:#FFFFFF; table-layout:fixed; clear:both; }
.ECMS_calendarHeading_Month { width:150px; margin:auto; font-size: 16px; color: #006699; font-weight:bold; text-transform:capitalize; text-align:center; text-decoration:none; padding:5px 0px 5px 0px; float:left; }
.ECMS_calendarHeading_BracketMonth { width:150px; margin:auto; font-size: 14px; color: #000000; text-transform:capitalize; text-align:center; text-decoration:none; padding:5px 0px 5px 0px; float:left; }
.ECMS_quickCalDate { height:30px; width:300px; line-height:30px; vertical-align:middle; margin:auto; }

.ECMS_eventPopup { background-color:#FFFFFF; color:#000000; border:1px solid #000000; position:absolute; top: 0; left: 0; width:250px; display:none; }
a.ECMS_eventPopup:link, a.ECMS_eventPopup:visited { color:#000000; background-color:#FFFFFF; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; height: 1em; }
a.ECMS_eventPopup:hover, a.ECMS_eventPopup:active { color:#000000; background-color:#CCCCCC; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; height: 1em; }

.ECMS_jsLink { text-decoration: none; color: #006699; }
.ECMS_jsLink:hover { text-decoration: none; color: #0099CC; cursor:pointer; }

/*//////////////////// FEATURED BUSINESS /////////////////////*/
#fbusiness { width: 480px; border: 0px; margin: 5px 0px 5px 0px; }
#fb_image { width: 100px; height: 100px; border: 2px solid #CCCCCC; background-color: #FFFFFF; }
.fb_heading { width: 100%; font-size: 14px; color: #8FA6AB; font-weight: bold; text-align: left; text-decoration: none; text-indent: 0px; vertical-align: middle; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.fb_heading a:link, .fb_heading a:visited{ color: #000000; text-decoration: none; }
.fb_heading a:hover, .fb_heading a:active{ color: #FFCC00; text-decoration: none; }
.fb_link a:link, .fb_link a:visited { color: #819B75; text-decoration: none; }
.fb_link a:hover, .fb_link a:active { color: #FFCC00; text-decoration: none; }


/*//////////////////// FOOTER /////////////////////*/
#footer_table { width: 760px; }
#footer_header { height: 15px; background-image: url(/images/pods/full_top_gr.gif); background-repeat: no-repeat; }
#footer_body { background-image: url(/images/pods/full_middle_gr.gif); background-repeat: repeat-y; }
#footer_footer { height: 20px; background-image: url(/images/pods/full_bottom_gr.gif); background-repeat: no-repeat; }


/*//////////////////// FOOTER TEXT /////////////////////*/
#footerText { width: 100%; padding: 10px 10px 10px 10px; }
.footerText { font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 10px; text-decoration: none; vertical-align: middle; text-align: center; }
.footerText a:link, .footerText a:visited { color:#CCCCCC; text-decoration: none; }
.footerText a:active, .footerText a:hover { color:#FFCC00; text-decoration: none; }
.footerTextLogo { border: 0px; margin: 5px 0px 0px 0px; }


/*//////////////////// GALLERY /////////////////////*/
#gallery { width: 702px; border: 0px; padding: 10px 10px 10px 10px; }


/*//////////////////// IMAGES /////////////////////*/
#imgContainerMain { float: left; padding: 0px; margin: 0px; }
#imgContainer { width: 110px; height:130px; margin: 5px; padding: 5px; text-align: center; vertical-align: middle; float: left; }
#imgGroupContainer { width: 110px; height:130px; margin: 5px; padding: 5px; text-align: center; vertical-align: middle; float: left; }
#imgGroup { width:90px; height:90px; margin: auto; padding: 0px; border: 0px; }
#imgTitle { width:110px; height:40px; margin: 0px; padding: 0px; border: 0px; }
#imgListContext { width: 90px; height: 95px; margin: 5px; padding: 5px; background-color: #CCFFCC; border: 1px solid #00CC00; float: left; text-align: center; vertical-align: middle; }


/*//////////////////// MAPS & GIS /////////////////////*/
#map { width:490px; height:300px; float:left; background-color:#EEEEEE; border:1px solid #990000; }
#map_lg { width:490px; height:500px; margin:auto; background-color:#EEEEEE; border:1px solid #990000; }


/*//////////////////// PROFILES /////////////////////*/
#contact { width: 480px; margin: 5px 0px 5px 0px; }
.contact_heading { color:#006699; font-size: 12px; font-weight: bold; text-align: right; padding: 2px; }
.contact_value { color: #000000; font-size: 12px; text-align: left; padding: 2px; }


/*//////////////////// SEARCH /////////////////////*/
#search { width: 480px; height: 60px; background-image: url(/skins/0000000001/search.gif); background-repeat: no-repeat; margin: 5px 0px 5px 0px; }
.search_sm-wh a:link, .search_sm-wh a:visited { font-size: 10px; text-align: center; color: #000000; text-decoration: none; }
.search_sm-wh a:hover, .search_sm-wh a:active { font-size: 10px; text-align: center; color: #000000; text-decoration: none; }


/*//////////////////// SHOPPING CART /////////////////////*/
.cartHeading { font-size:12px; font-weight:bold; text-align:right; }
.cartTotal { font-size:16px; font-weight:bold; text-align:right; }


/*//////////////////// TOOLBAR /////////////////////*/
#toolbar { width: 98%; height: 26px; margin: auto; text-align: center; }
#toolbar_left { width: 15px; background-image: url(/skins/0000000001/TBL.gif); background-repeat: no-repeat; background-position: middle; }
#toolbar_middle { background-image: url(/skins/0000000001/TBC.gif); background-repeat: repeat-x; background-position: middle; }
#toolbar_right { width: 15px; background-image: url(/skins/0000000001/TBR.gif); background-repeat: no-repeat; background-position: middle; }
.toolbar { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-decoration: none; vertical-align: middle; }
.toolbar a:link, .toolbar a:visited { color: #000000; text-decoration: none; }
.toolbar a:active, .toolbar a:hover { color: #999999; text-decoration: none; }
.toolbarIcon { border: 0px; margin: 0px 2px 0px 5px; vertical-align: bottom; }


/*//////////////////// TOP MENU /////////////////////*/
#topMenu { width: 760px; height: 40px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#topMenuItem { float: left; }
.topMenu a:link, .topMenu a:visited { color: #FFFFFF; font-size: 22px; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; border: 0px; margin: auto 10px auto 10px; padding: 3px 10px 3px 10px; }
.topMenu a:active, .topMenu a:hover { color: #003366; font-size: 22px; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; background-color: #EEEEEE; margin: 2px 10px 2px 10px; padding: 3px 10px 3px 10px; }
.topMenuIcon { border: 0px; margin: 0px 4px 3px 1px; vertical-align: middle; }