/* Last updated: 2010-07-21 by Todd Hossack */

* {
margin: 0;
padding: 0;
}

body {
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em; 
color: #222222;
background-color: #fff;
}

/* ----------------- Banner ----------------- */

div#bannerWrap {
position: relative;
z-index: 3;
margin: 0 auto;
text-align: center;
}

div#banner_bgL {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 50%;
height: 96px;
background-color: #fcc917;
}

div#banner_bgR {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 50%;
height: 96px;
background-image: url(../graphics/banner/bnr_bg.gif);
background-position: top right;
background-repeat: repeat-x;
}

div#banner {
margin: 0 auto;
position: relative;
width: 760px;
height: 96px;
text-align: left;
background-image: url(../graphics/banner/bnr_main.gif);
}

#banner img.logo {
margin: 8px 0;
}

/* Hides from IE-mac \*/
* html div#banner {text-align: left;}
* html #banner img.logo {margin: 6px 0;}
/* End hide from IE-mac */


/* ----------------- Navigation ----------------- */

/* --------- Main Nav --------- */

h1.hiddenNav {
position: relative;
bottom: 0;
left: -100%;
color: #00244d;
font-size: 3pt;
}

div#mainNavHolder {
height: 1.7em;
text-align: left;
font-size: 1em;
border-top: 1px solid #fff;
background-color: #09a;
}

div#mainNavWrap {
height: 1.6em;
position: absolute;
top: 97px;
left: 0;
font-size: 1em;
width: 100%;
}

div#mainNav {
width: 760px;
height: 1.6em;
margin: 0 auto;
font-size: 1em;
text-align: left;
}

#udm li.mainNav-lev1, #udm li.mainNav-lev1-act, #udm li.mainNav-lev1-cur {
text-transform: uppercase;
}

#udm li.mainNav-lev1 ul li, #udm li.mainNav-lev1-act ul li  {
text-transform: none;
}

#mainNav #udm li.mainNav-lev1-act a, #mainNav #udm li.mainNav-lev1-cur a {
color: #fff;
background-color: #707845;
border-top: 1px solid #707845;
border-right: 1px solid #666;
border-bottom: 2px solid #707845;
}

#mainNav #udm li.mainNav-lev1-act ul {
border-top: 1px solid #707845;
}

#mainNav #udm li.mainNav-lev1-act ul li a:link, #mainNav #udm li.mainNav-lev1-act ul li a:visited, #mainNav #udm li.mainNav-lev1-act ul li a:hover, #mainNav #udm li.mainNav-lev1-act ul li a:active {
border: 0;
}

#mainNav #udm li.mainNav-lev1-act ul li a:hover, #mainNav #udm li.mainNav-lev1-act ul li a:active {
background-color: #996; 
}

#mainNav #udm li.mainNav-lev1 ul li a:link, #mainNav #udm li.mainNav-lev1 ul li a:visited, #mainNav {
color: #fff;
}

#mainNav #udm li.mainNav-lev1 ul li a:hover, #mainNav #udm li.mainNav-lev1 ul li a:active {
color: #fff;
}

/* ------------- Section Header ------------- */

h1#sectionHd {
font-family: "Verdana","Arial", sans-serif; 
font-size: 1em;
font-weight: bold; 
padding: .8em .2em .2em 0; 
text-align: left;
color: #fff;
text-transform: uppercase;
}

/* ------------- Bread Crumbs ------------- */

div#breadcrumbs {
margin-bottom: 1.2em;
font-family: "Verdana","Arial", sans-serif;
font-size: .8em;
color: #330;
text-align: left;
}

#breadcrumbs a {
font-weight: normal;
text-decoration: none;
color:#000;
background: transparent;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
text-decoration: underline;
color:#330;
}

/* ------------- Left Nav ------------- */

div#menu_2 {
position: absolute;
top: 4.7em;
left: 0em;
width: 17em;
margin: .3em 2em 2em 0;
font-family: "Arial","Helvetica", sans-serif; 
font-size: .8em;
font-weight: normal; 
color: #000; 
text-align: left;
background-color: #dfddda;
}

#menu_2 h2.menuBar {
padding: .4em 1.5em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: 1.2em;
font-weight: bold; 
color: #fff; 
background-color: #707845;
}

#menu_2 ul.menu2-lev1 {
font-size: 1.1em;
}

#menu_2 li.menu2-lev1-no, #menu_2 li.menu2-lev1-cur, #menu_2 li.menu2-lev1-act {
list-style-type: none;
padding: .5em 0 .5em 1.9em;
background-repeat: no-repeat;
background-position: .5em .5em;
}

#menu_2 li.menu2-lev1-no {
background-image: url(../graphics/subnav/arrow1-no.gif);
}

#menu_2 li.menu2-lev1-cur {
background-color: #f3f1ef;
background-image: url(../graphics/subnav/arrow1-cur.gif);
}

#menu_2 li.menu2-lev1-act {
background-color: #f3f1ef;
background-image: url(../graphics/subnav/arrow1-act.gif);
}

#menu_2 li.menu2-lev1-no {
padding: .5em 0 .5em 1.9em;
border-bottom: 1px solid #bbb;
}

#menu_2 li.menu2-lev1-act {
border-bottom: 1px solid #bbb;
}

#menu_2 li.menu2-lev1-cur {
border-bottom: 1px solid #bbb;
text-decoration: none;
}

#menu_2 li.menu2-lev1-no a, #menu_2 li.menu2-lev1-act a {
font-weight: normal;
}

#menu_2 li.menu2-lev1-cur {
font-weight: bold;
}

#menu_2 ul.menu2-lev2 {
margin: .3em 0 0 0;
list-style-type: none;
font-size: 1em;
font-weight: normal; 
text-decoration: none;
color: #000; 
background: transparent;
}

#menu_2 li.menu2-lev2-no, #menu_2 li.menu2-lev2-cur, #menu_2 li.menu2-lev2-act {
padding: .3em 0 .3em 1em;
background-repeat: no-repeat;
background-position: .1em .5em;
}

#menu_2 li.menu2-lev2-no {
background-image: url(../graphics/subnav/arrow2-no.gif);
}

#menu_2 li.menu2-lev2-cur {
color: #330;
background-image: url(../graphics/subnav/arrow2-cur.gif);
}

#menu_2 li.menu2-lev2-act {
color: #330;
background-image: url(../graphics/subnav/arrow2-act.gif);
}

#menu_2 ul.menu2-lev3 {
margin: .3em 0 0 1.3em;
list-style-type: square;
font-size: 1em;
text-decoration: none;
background: transparent;
}

#menu_2 li.menu2-lev3-no, #menu_2 li.menu2-lev3-act {
padding: .1em 0;
text-decoration: none;
background: transparent;
}

#menu_2 li.menu2-lev3-cur {
padding: .1em 0;
font-weight: bold;
text-decoration: none;
background: transparent;
}

#menu_2 ul.menu2-lev4 {
margin: 0 0 0 1em;
list-style-type: circle;
font-size: 1em;
text-decoration: none;
background: transparent;
}

#menu_2 li.menu2-lev4-no, #menu_2 li.menu2-lev4-act {
padding: .1em 0;
text-decoration: none;
background: transparent;
background-color: none;
font-weight: normal;
}

#menu_2 li.menu2-lev4-cur {
padding: .1em 0;
font-weight: bold;
text-decoration: none;
background: transparent;
}

#menu_2 ul.menu2-lev5 {
margin: 0 0 0 1em;
list-style-type: disc;
font-size: 1em;
text-decoration: none;
background: transparent;
}

#menu_2 li.menu2-lev5-no, #menu_2 li.menu2-lev5-act {
padding: .1em 0;
text-decoration: none;
background: transparent;
background-color: none;
font-weight: normal;
}

#menu_2 li.menu2-lev5-cur {
padding: .1em 0;
font-weight: bold;
text-decoration: none;
background: transparent;
}

#menu_2 a {
text-decoration: none;
background: transparent;
}

#menu_2 a:link {
color: #000;
}

#menu_2 a:visited {
color: #333;
}

#menu_2 ul.menu2-lev1 li a, #menu_2 ul.menu2-lev1 li a, #menu_2 ul.menu2-lev2 li a, #menu_2 ul.menu2-lev3 li a, #menu_2 ul.menu2-lev4 li a, #menu_2 ul.menu2-lev5 li a {
font-weight: normal;
text-decoration: none;
background: transparent;
}

#menu_2 a.menu2cur:link, #menu_2 a.menu2cur:visited {
font-weight: bold;
text-decoration: none;
background-color: #fea;
}

#menu_2 a:hover, #menu_2 a:active {
color: #330;
text-decoration: underline;
}

#menu_2 dfn {
display: none;
}


/* --------------------------- Main --------------------------- */

div#mainWrap {
background-image: url(../graphics/main/mainwrap_bg.gif);
background-position: top left;
background-repeat: repeat-x;
text-align: center;
}

div#main {
position: relative;
width: 760px;
margin: 0 auto;
}

/* --------------------------- Page Title --------------------------- */

h1#title {
margin: 0 0 .8em 0;
font-family: "Verdana","Arial","Helvetica",sans-serif; 
font-size: 2em; 
color: #036; 
background: transparent;
}

#title span.subtitle {
font-size: .7em; 
}

/* --------------------------- Content --------------------------- */

/* Hides from IE5-mac \*/
* html #contentWrap {height: 750px;}
/* End hide from IE5-mac */

div#contentWrap {
margin: 0 0 0 19em;
min-height: 750px;
text-align: left;
font-size: .9em;
color: #222222;
background: transparent;
}

div#content {
font-family: "Arial","Helvetica","Verdana",sans-serif; 
font-size: 1.1em;
color: #222222;
background: transparent;
}

#content .center {
text-align: center;
}

#content .right {
text-align: right;
}

#content .large {
font-size: 2em;
}

#content div.note {
margin: .9em;
padding: .9em;
border: 1px dashed #999;
background-color: transparent;
}

#content td {
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: 100%;
color: #222222;
}

/* ------------- Headings ------------- */

#content div.csc-header {
clear: both;
}

#content div.csc-header h1, #content div.csc-textpicHeader h1, #content div.csc-textpicHeader 
h1.csc-firstHeader {
margin: 1em 0 .4em 0;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1.6em;
color: #036;
font-weight: bold;
background: transparent;
}

#content div.csc-header h1.csc-firstHeader {
margin: 0 0 .4em 0;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1.6em;
color: #036;
font-weight: bold;
background: transparent;
}

#content h2 {
margin: 1.1em 0 .4em 0;
font-family: "Arial","Helvetica", sans-serif; 
font-size: 1.4em; 
color: #333; 
background: transparent;
}

#content h3 {
margin: 1em 0 .4em 0;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1.2em; 
color: #333;
background: transparent;
}

#content h4 {
margin: 1em 0 .4em 0;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1em; 
color: #333;
background: transparent;
}

#content h5 {
margin: .6em 0 .1em 0;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1em; 
color: #333;
background: transparent;
}

/* Finance - color local change */
#content h3.hdr_bar1 {
clear: both;
margin: 20px 0 5px 0;
padding: .4em;
text-align: center;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1.4em; 
color: #fff;
border: 1px solid #ccc;
background-color: #600;
}

#content h2.hdr2a {
margin: 1em 0 0 0;
padding: .2em 1em;
font-family: "Arial","Helvetica", sans-serif; 
font-size: 1.7em;
color: #fff; 
background: #339;
}

#content .subheading {
font-size: 75%;
}

#content .firstHeader {
margin-top: 0;
}

/* ------------- Text ------------- */

#content p {
margin: 0 0 .8em 0;
font-size: 1em;
line-height: 125%;
}

#content p.bodytext {
margin: 0 0 .8em 0;
font-size: 1em;
line-height: 125%;
text-align: justify;
}

#content .small {
font-size: .8em;
}

#content blockquote {
margin: 2em 4em 2em 4em;
line-height: 100%;
font-style: italic;
background: transparent;
}

#content blockquote p.quotesource {
text-align: right;
font-size: .8em;
font-style: normal;
}

#content blockquote p.bodytext {
margin: 0 0 .8em 0;
font-size: 1em;
line-height: 100%;
text-align: left;
}

/* ------------- Alerts, Notices ------------- */
#content .alert {
color: #c00;
}

/* ------------- Lists ------------- */

#content ul {
margin: .4em 0 1em 2.5em;
list-style-image: none; 
list-style-type: square; 
}

#content ol {
margin: .4em 0 1em 2.5em;
list-style-image: none; 
}

#content ol.decimal {
margin: .4em 0 .4em 2.5em;
list-style-image: none;
list-style-type: decimal;
}

#content ol.loweralpha {
margin: .4em 0 .4em 2.5em;
list-style-image: none;
list-style-type: lower-alpha;
}

#content li {
margin: 0 0 0 1em;
margin-bottom: .2em;
}

#content ul.check {
list-style-image: url(../../../fileadmin/images/graphics/check_mark.gif);
list-style-type: none; 
}

#content ul.check > li {
padding-left: .1em;
}

#content ul.arrow1 {
list-style-image: url(../../../fileadmin/images/graphics/arrow1.gif);
list-style-type: none;
}

#content ul.arrow1 > li {
padding-left: .1em;
}

/* ------------- Links ------------- */

#content a {
font-weight: normal;
background: transparent;
text-decoration: underline;
}

#content a:link {
color: #369;
}

#content a:visited {
color: #630;
}

#content a:hover, #content a:active {
color: #69c;
}

#content a.plain {
font-weight: normal;
background: transparent;
}

#content a.plain:link {
color: #4354ac;
text-decoration: none;
}

#content a.plain:visited {
color: #999;
text-decoration: none;
}

#content a.plain:hover, #content a.plain:active {
color: #cc6600;
text-decoration: underline;
}

#content a.button1 {
margin: 0 .4em;
padding: .2em .5em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em;
font-weight: bold;
color: #707845;
text-decoration: none;
border: 1px solid #707845;
background-color: #ddd;
}

#content a.button1:link, #content a.button1:visited {
color: #707845;
text-decoration: none;
background-color: #ddd;
}

#content a.button1:hover, #content a.button1:active {
color: #707845;
text-decoration: none;
background-color: #eee;
}

#content a.button2 {
padding: .3em .8em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em;
font-weight: bold;
color: #fff;
text-decoration: none;
border: 2px solid #ccc;
background-color: #633;
}

#content a.button2:link, #content a.button2:visited {
color: #fff;
text-decoration: none;
background-color: #633;
}

#content a.button2:hover, #content a.button2:active {
color: #fff;
text-decoration: none;
background-color: #933;
}

#content a.button3 {
padding: .3em .8em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em;
font-weight: bold;
color: #fff;
text-decoration: none;
border: 1px solid #707845;
background-color: #909865;
}

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

#content a.button3:hover, #content a.button3:active {
color: #fff;
text-decoration: none;
background-color: #b0b885;
}

#content a.button4 {
margin: 0 .4em;
padding: .2em .4em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
font-weight: bold;
color: #060;
text-decoration: none;
background-color: #eaeaea;
}

#content a.button4:link, #content a.button4:visited {
color: #060;
text-decoration: none;
border: 1px solid #060;
background-color: #eaeaea;
}

#content a.button4:hover, #content a.button4:active {
color: #393;
text-decoration: none;
border: 1px solid #393;
background-color: #f2f2f2;
}

/* ---- Links in P */
#content p.button2 {
margin: 1em 0 1em 0;
padding: 0;
}

#content p.button2 a {
margin: 0;
padding: .3em .8em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em;
font-weight: bold;
color: #fff;
text-decoration: none;
border: 2px solid #ccc;
background-color: #633;
}

#content p.button2 a:link, #content p.button2 a:visited {
color: #fff;
text-decoration: none;
background-color: #633;
}

#content p.button2 a:hover, #content p.button2 a:active {
color: #fff;
text-decoration: none;
background-color: #933;
}

/* ------------- Site Map ------------- */

#content ul.sitemap-lev1 {
margin: .4em 0 .4em 2.5em;
list-style-type: none;
font-size: 1em;
}

#content ul.sitemap-lev2 {
list-style-type: none;
}

#content ul.sitemap-lev3, #content ul.sitemap-lev4, #content ul.sitemap-lev5, #content ul.sitemap-lev6 {
margin: .4em 0 .4em 2.5em;
}

#content ul.sitemap-lev3 a, #content ul.sitemap-lev4 a, #content ul.sitemap-lev5 a, #content ul.sitemap-lev6 a {
font-weight: normal;
}

#content ul.sitemap-lev3 {
list-style-type: square;
}

#content ul.sitemap-lev4 {
list-style-type: circle;
}

#content ul.sitemap-lev5 {
list-style-type: disc;
}

#content ul.sitemap-lev6 {
list-style-type: circle;
}

#content div.sitemap dfn {
display: none;
}

/* ------------- Dept Summary ------------- */

#content div.summary dfn {
display: none;
}

#content div.summary ul.summary-lev1 {
list-style-type: none;
}

#content div.summary ul.summary-lev1 h3 a {
font-weight: bold;
text-decoration: none;
}

/* ------------- Services List: Added 2006-11-29 TAH ------------- */

#content div.services dfn {
display: none;
}

#content div.services ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#content div.services ul li {
margin: .3em 0;
padding: 0;
}

/* ------------- Common Bylaws List: Added 2006-11-29 TAH ------------- */

#content div.commonBylaws dfn {
display: none;
}

#content div.commonBylaws ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#content div.commonBylaws ul li {
margin: .3em 0;
padding: 0;
}

/* ------------- Images ------------- */

#content .csi-textpic {
background: transparent;  
}

#content .csi-textpic .csi-caption {
border: 1px solid #666;
background: #eee;
}

#content .csi-image p {
margin: 0;
padding: .6em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em; 
font-weight: normal; 
text-align: center; 
color: #333;
border-top: 1px solid #666;
background: transparent;
}

#content .csi-textpic .csi-imagewrap {
}

#content .csi-textpic .csi-text {
text-align: left; /*will have to be an inline style - controlled by TS*/ 
}

#content .csi-text p {
}


/* CENTER */

#content .csi-center .csi-image {
margin: 0 auto 25px;
text-align: center;
}

/* RIGHT */
#content .csi-right .csi-image {
float: right;
clear: both;
margin: 20px 0 0 15px
}

#content .csi-right .csi-text {
clear: right;
}


/* LEFT */
#content .csi-left .csi-image {
float: left;
clear: both;
margin: 20px 15px 0 0;
}

#content .csi-left .csi-text {
clear: left;
}


/* INTEXT LEFT */
#content .csi-intext-left .csi-image {
float: left;
clear: both;
margin: 4px 15px 0 0;
}


/* INTEXT RIGHT */
#content .csi-intext-right .csi-image {
float: right;
clear: both;
margin: 4px 0 0 15px
}


/* INTEXT RIGHT NOWRAP */
#content .csi-intext-right-nowrap .csi-text {
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .csi-intext-right-nowrap .csi-text {
height: 1%;
}
/* End hide from IE5/mac */ 

#content .csi-intext-right-nowrap .csi-image {
float: right;
clear: both;
margin: 24px 0 0 15px
}

/* INTEXT LEFT NOWRAP*/	
#content .csi-intext-left-nowrap .csi-text {
/*margin-left: 215px;will have to be an inline style - controlled by TS*/
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .csi-intext-left-nowrap .csi-text {
height: 1%;
}
/* End hide from IE5/mac */

#content .csi-intext-left-nowrap .csi-image {

float: left;
clear: both;
margin: 24px 15px 0 0;
}

/* ------------- Image Gallery ------------- */

#content div.gallery-image {
margin: 1em;
padding: .6em;
border: 1px solid #333;
background-color: #eee;
}

#content div.gallery-image img {
border: 0;
}

#content div.gallery-image p {
margin: 0;
padding: .6em .5em 0 .5em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em; 
font-weight: normal; 
text-align: center;
color: #333;
background: transparent;
}

#content .imageL {
float: left;
margin: 1em 1em 1em 0;
}

#content .imageR {
float: right;
margin: 1em 0 1em 1em;
}

#content .imageL img, #content .imageR img {
border: 1px solid #333;
}

/* ------------- Home page ------------- */

/* Hides from IE-mac \*/
* html div#homeDirectLinks {height: 605px;}
* html div#homeDirectLinks ul li a {height: 1%;}
* html div.weather {height: 284px;}
* html div.weather h2 {height: 1%;}
* html div.news-latest-container {height: 310px;}
* html div.news-latest-container ul li {height: 1%;}
* html div.news-latest-container h2 {height: 1%;}
* html div.events-upcoming-cnt {height: 310px;}
* html div.events-upcoming-cnt h2 {height: 1%;}
* html div.tx-p7photoalbum-pi1-rotateView {height: 284px;}
* html div.tx-p7photoalbum-pi1-rotateView p {height: 30px;}
/** html div.tx-p7photoalbum-pi1-rotateView {height: 416px;} */
/* End hide from IE-mac */


div.topContactBtn {
	float: right;
	width: 9em;
	margin-top: 9px;
	text-align: right;
	line-height: 1.4em;
	text-transform: uppercase;
}

div.topContactBtn a {
margin: 0;
padding: .2em .5em;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .8em;
font-weight: normal;
color: #e2e4da;
text-decoration: none;
border: 1px solid #e2e4da;
background-color: transparent;
}

div.topContactBtn a:link, div.topContactBtn a:visited {
color: #e2e4da;
text-decoration: none;
background-color: transparent;
}

div.topContactBtn a:hover, div.topContactBtn a:active {
color: #fff;
text-decoration: none;
border: 1px solid #fff;
}

/* Direct Links */
div#homeDirectLinks {
clear: both;
float: left;
width: 203px;
min-height: 605px;
margin: 6px 9px 0 0;
text-align: left;
border: 1px solid #999;
background-image: url(../graphics/home/directlinks_bg.gif);
background-color: #d6d39c;
background-repeat: repeat-x;
background-position: bottom center;
}

#homeDirectLinks h2 {
margin: 0;
padding: 0;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: 1em;
line-height: 1.9em;
color: #220;
text-align: center;
background-color: #C3BD6B;
}

#homeDirectLinks ul {
margin: 0;
padding: 0;
font-family: "Arial","Verdana","Helvetica", sans-serif; 
font-size: .85em;
list-style-type: none;
}

#homeDirectLinks ul li {
margin: 0;
background-image: url(../graphics/subnav/arrow1-no.gif);
padding: 0;
background-repeat: no-repeat;
background-position: .9em .7em;
}

#homeDirectLinks ul li a {
display: block;
padding: .5em 0 .5em 2.2em;
vertical-align: bottom;
text-decoration: none;
}

#homeDirectLinks ul li a:link {
color: #220;
font-weight: bold;
}

#homeDirectLinks ul li a:visited {
color: #000;
font-weight: bold;
}

#homeDirectLinks ul li a:hover, #homeDirectLinks ul li a:active {
color: #660;
font-weight: bold;
}

/* Photos */

div.tx-p7photoalbum-pi1-rotateView {
position: relative;
float: left;
width: 365px;
min-height: 284px;
margin: 9px 9px 0 0;
border: 1px solid #999;
background-color: #ddd;
}

div.tx-p7photoalbum-pi1-rotateView-image {
height: 249px;
overflow: hidden;
margin: 0;
padding: 0;
}

div.tx-p7photoalbum-pi1-rotateView p {
margin: 5px 0 0 0;
text-align: center;
font-size: .8em;
line-height: 1.2em;
color: #000;
background-color: transparent;
}

/* Weather */
div.weather {
float: left;
width: 168px;
min-height: 284px;
margin: 9px 0 0 0;
text-align: left;
background-image: url(../graphics/home/weather_bg.gif);
background-color: #d7eef6;
background-repeat: repeat-x;
background-position: bottom center;
border: 1px solid #999;
}

div.weather h2 {
margin: 0;
padding: 0;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: 1em;
line-height: 1.9em;
color: #222;
text-align: center;
background-color: #ABDDEC;
}

div.weather div.rotate div div {
margin: 21px 9px 0 9px;
}

div.weather div {
margin: 21px 9px 0 9px;
}

/* News Teasers */

div#homeNews {

}

div.news-latest-container {
position: relative;
float: left;
width: 267px;
margin: 6px 9px 0 0;
padding: 0;
text-align: left;
border: 1px solid #999;
min-height: 310px;
background-image: url(../graphics/home/news_bg.gif);
background-color: #fae498;
background-repeat: repeat-x;
background-position: bottom center;
}

div.news-latest-container h2 {
margin: 0;
padding: 0;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: 1em;
line-height: 1.9em;
color: #222;
text-align: center;
background-color: #F6D558;
}

div.news-latest-container ul {
margin: 0;
padding: .7em 0 1em .5em;
font-family: "Arial","Verdana","Helvetica", sans-serif; 
font-size: .95em;
list-style-type: none;
}

div.news-latest-container ul li {
margin: 0;
background-image: url(../graphics/bullets/news_page.gif);
padding: .4em 1em .6em 2.3em;
background-repeat: no-repeat;
background-position: .9em .6em;
}

div.news-latest-container ul li span.news-latest-date {
margin: 0;
padding: 0;
font-size: .9em;
color: #222;
}

div.news-latest-container ul li a {
text-decoration: none;
}

div.news-latest-container ul li a:link, div.news-latest-container ul li a:visited {
text-decoration: none;
}

div.news-latest-container ul li a:hover, div.news-latest-container ul li a:active {
text-decoration: underline;
}

div.news-latest-container ul li div.news-latest-morelink a {
padding: 0;
margin: 0;
font-size: .8em;
}

div.news-latest-more {
position: absolute;
bottom: 0;
right: 0;
width: 11em;
text-align: center;
font-size: .8em;
background-color: transparent;
}

div.news-latest-more a {
display: block;
padding: .3em 0 .3em .8em;
margin: 0;
color: #fff;
text-decoration: none;
background-color: #630;
}

div.news-latest-more a, div.news-latest-more a:link, div.news-latest-more a:visited {
background-color: #630;
}

div.news-latest-more a:hover, div.news-latest-more a:active {
background-color: #930;
}


/* News */

#content div.news-list-container {
margin: 0;
padding: 0;
color: #222;
border-top: 1px dashed #ccc;
}

#content div.news-list-container ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* Hides from IE-mac \*/
* html #content div.news-list-container ul li {height: 1%;}
/* End hide from IE-mac */

#content div.news-list-container ul li {
margin: 0;
list-style-type: none;
background-image: url(../graphics/bullets/news_page.gif);
padding: .4em 0 .6em 2.3em;
background-repeat: no-repeat;
background-position: .9em .7em;
border-bottom: 1px dashed #ccc;
}

#content div.news-list-container ul li span.news-list-date {
margin: 0;
padding: 0;
font-size: .9em;
color: #222;
}

#content div.news-list-container ul li h3 {
margin: .1em 0;
padding: 0;
font-size: 1em;
}

#content div.news-list-container ul li h3 a {
font-weight: bold;
}

#content div.news-list-container ul li p.bodytext {
padding: 0;
margin: 0;
font-size: .9em;
}

#content div.news-list-container ul li div.news-list-morelink {
padding: 0;
margin: 0;
}

#content div.news-list-container ul li div.news-list-morelink a {
padding: 0;
margin: 0;
font-size: .8em;
text-decoration: none;
}

#content div.news-list-container ul li a {
text-decoration: none;
}

#content div.news-list-container ul li a:link, #content div.news-list-container ul li a:visited {
text-decoration: none;
}

#content div.news-list-container ul li a:hover, div.news-list-container ul li a:active {
text-decoration: underline;
}


/* Upcoming Events */

div#homeEvents {

}

div.events-upcoming-cnt {
position: relative;
float: left;
width: 266px;
margin: 6px 0 0 0;
text-align: left;
border: 1px solid #999;
min-height: 310px;
background-image: url(../graphics/home/events_bg.gif);
background-color: #ddbc9b;
background-repeat: repeat-x;
background-position: bottom center;
}

div.events-upcoming-cnt h2 {
margin: 0;
padding: 0;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: 1em;
line-height: 1.9em;
color: #222;
text-align: center;
background-color: #c96;
}

div.events-upcoming-cnt span.events-upcoming-date {
margin: 0;
padding: 0;
font-size: .9em;
font-weight: bold;
color: #222;
}

div.events-upcoming-cnt ul {
margin: 0;
padding: .7em 0 1em .5em;
font-family: "Arial","Verdana","Helvetica", sans-serif; 
font-size: .95em;
list-style-type: none;
}

/* Hides from IE-mac \*/
* html div.events-upcoming-cnt ul li {height: 1%;}
/* End hide from IE-mac */

div.events-upcoming-cnt ul li {
margin: 0;
height: 1%;
background-image: url(../graphics/bullets/events_oval.gif);
padding: .4em 1em .6em 2.3em;
background-repeat: no-repeat;
background-position: .9em .8em;
}

div.events-upcoming-cnt ul li div.events-upcoming-morelink {
padding: 0;
margin: 0;
}

div.events-upcoming-cnt ul li div.events-upcoming-morelink a {
padding: 0;
margin: 0;
font-size: .8em;
}

div.events-upcoming-cnt ul li a:link, div.events-upcoming-cnt ul li a:visited {
text-decoration: none;
}

div.events-upcoming-cnt ul li a:hover, div.events-upcoming-cnt ul li a:active {
text-decoration: underline;
}

div.events-upcoming-more {
position: absolute;
bottom: 0;
right: 0;
width: 11em;
font-size: .8em;
text-align: center;
background-color: transparent;
}

div.events-upcoming-more a {
display: block;
padding: .3em 0 .3em .8em;
color: #fff;
text-decoration: none;
background-color: #630;
}

div.events-upcoming-more a, div.events-upcoming-more a:link, div.events-upcoming-more a:visited {
background-color: #630;
}

div.events-upcoming-more a:hover, div.events-upcoming-more a:active {
background-color: #930;
}


/* ------------- Data tables ------------- */

/* --- Data 1 --- */
#content table.data1 {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.data1 th {
padding: .5em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.data1 td {
padding: .5em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.data1 h2, #content table.data1 h3, #content table.data1 h4, #content table.data1 h5 {
margin: 0;
padding: 0;
}

#content table.data1 caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}

/* --- Typo3 contenttable --- */

#content table.contenttable {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.contenttable th {
padding: .5em;
text-align: center;
font-size: 1.1em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.contenttable td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.contenttable td p.bodytext {
margin: 0;
line-height: 100%;
text-align: left; 
}

#content table.contenttable h2, #content table.contenttable h3, #content table.contenttable h4, #content table.contenttable h5 {
margin: 0;
padding: 0;
}

#content table.contenttable caption {
margin: 0 auto;
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}

#content table.contenttable th.level2 {
padding: .4em;
text-align: center;
font-size: 1em;
color: #fff;
border: 1px solid #999;
background-color: #333;
}

/* --- News - Referendum Results --- */

#content table.referendum {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.referendum th {
padding: .5em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #999;
background-color: #600;
}

#content table.referendum td {
padding: 1em;
color: #000;
border: 1px solid #999;
background-color: #ffc;
}

#content table.referendum h2, #content table.referendum h3, #content table.referendum h4, #content table.referendum h5 {
margin: 0;
padding: 0;
}

/* --- News - Election Results --- */

#content table.election-results {
width: 70%;
margin: 0 auto 2.6em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #000;
border-collapse: collapse;
}

#content table.election-results th {
padding: .3em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #000;
background-color: #360;
}

#content table.election-results td {
padding: .7em;
color: #000;
border: 1px solid #000;
background-color: #f0f0f0;
}

#content table.election-results td.td-1, #content table.election-results td.td-last {
text-align: center;
}

#content table.election-results td p.bodytext {
margin: 0;
line-height: 100%;
text-align: left; 
}

#content table.election-results td ul {
margin: .4em 1.7em 0 1.7em;
list-style-type: disc;
}

#content table.election-results h2, #content table.election-results h3, #content table.election-results h4, #content table.election-results h5 {
margin: 0;
padding: 0;
}

#content table.election-results caption {
margin: 0 auto;
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #360;
}

#content table.election-results th.level2 {
padding: .4em;
text-align: center;
font-size: 1em;
color: #fff;
border: 1px solid #999;
background-color: #333;
}

/* --- News - Director Election Results --- */

#content table.election-dir {
width: 50%;
margin: 0 auto 2.6em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #000;
border-collapse: collapse;
}

#content table.election-dir th {
padding: .3em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #000;
background-color: #360;
}

#content table.election-dir td {
padding: .7em;
color: #000;
border: 1px solid #000;
background-color: #f0f0f0;
}

#content table.election-dir td.td-0 {
text-align: right;
}

#content table.election-dir td.td-last {
text-align: center;
}

#content table.election-dir td p.bodytext {
margin: 0;
line-height: 100%;
text-align: left; 
}

#content table.election-dir h2, #content table.election-dir h3, #content table.election-dir h4, #content table.election-dir h5 {
margin: 0;
padding: 0;
}

#content table.election-dir caption {
margin: 0 auto;
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #360;
}

#content table.election-dir th.level2 {
padding: .4em;
text-align: center;
font-size: 1em;
color: #fff;
border: 1px solid #999;
background-color: #333;
}

/* --- About Us --- */

#content table.demographics {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.demographics th {
padding: .5em;
text-align: center;
font-size: 1.1em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.demographics th.level2 {
padding: .4em;
text-align: center;
font-size: 1em;
color: #fff;
border: 1px solid #999;
background-color: #333;
}

#content table.demographics td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.demographics td p.bodytext {
margin: 0;
line-height: 120%;
text-align: left; 
}

#content table.demographics h2, #content table.demographics h3, #content table.demographics h4, #content table.demographics h5 {
margin: 0;
padding: 0;
}

#content table.demographics caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}

#content table.directors {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.directors th {
padding: .5em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.directors td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.directors caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}

/* Finance */

#content table.contact {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.contact th {
padding: .4em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.contact td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.contact caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}




/* Solid Waste */
#content table.waste {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.waste th {
padding: .5em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.waste td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.waste caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}

/* Legislative */

#content table.legislative {
margin: 1em auto;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.legislative th {
padding: .5em;
text-align: center;
font-size: 1.2em;
color: #fff;
border: 1px solid #999;
background-color: #036;
}

#content table.legislative td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f0f0f0;
}

#content table.legislative caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
}

/* Calendar */

#content div.calNav {
width: 95%;
margin: 0 auto .5em auto;
padding: 0;
font-size: .8em;
text-align: center;
}

#content div.calNav div.clear {
clear: both;
}

/* Hides from IE-mac \*/
* html #content div.calNav a { height: 1%; }
/* End hide from IE-mac */

#content div.calNav a {
display: block;
padding: .2em .3em;
color: #036;
text-decoration: none;
border: 1px solid #036;
background-color: #fff;
}

#content div.calNavL {
float: left;
width: 10em;
text-align: center;
}

#content div.calNavR {
float: right;
width: 9em;
text-align: center;
}

#content table.calendar {
margin: 0 auto;
table-layout: fixed;
width: 95%;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#content table.calendar caption {
width: 95%;
margin: 0 auto;
padding: .5em;
text-align: center;
font-size: 1.2em;
font-weight: bold; 
color: #fff;
background-color: #036;
}

#content table.calendar th {
padding: .3em .3em;
text-align: center;
font-size: 1em;
font-weight: normal;
color: #000;
border: 1px solid #999;
background-color: #ccc;
}

#content table.calendar td {
overflow: auto;
height: 9em;
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #f7f7f7;
}

#content table.calendar td p.date {
text-align: right;
}

#content table.calendar td p {
text-align: center;
}


#content table.calendar td.cal_today {
background-color: #ffc;
}

/*New Cal */
#content table.calendar td.cal_empty {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #ddd;
}

#content table.calendar td div.tx-desimplecalendar-pi1-listrow p {
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
}

#content div.tx-desimplecalendar-pi1-listrow p a.list_item_title {
font-weight: bold;
}


/* Events */

div#events {
margin: 0 auto;
}

#events table.events {
width: 80%;
font-family: "Verdana","Arial","Helvetica", sans-serif; 
font-size: .9em;
color: #222222;
border: 1px solid #999;
border-collapse: collapse;
}

#events table.events caption {
padding: .5em;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
color: #036;
border: 1px solid #999;
background-color: #ccc;
}

#events table.events th {
width: 9em;
padding: .5em;
text-align: right;
font-weight: bold;
color: #036;
border: 1px solid #999;
background-color: #eee;
}

#events table.events td {
padding: .7em;
color: #000;
border: 1px solid #999;
background-color: #fff;
}

#events table.events td p.date {
text-align: right;
}




/* ------------- Menu Boxes ------------- */

#content div.dropDownBox {
border: 1px solid #999;
}

#content div.dropDownBox h3 {
margin: 0;
padding: .3em;
font-family: "Arial","Helvetica", sans-serif;
text-align: center;
color: #fff;
border-bottom: 1px solid #999;
}

#content div.dropDownBox form {
padding: .4em .6em;
border-top: 1px solid #ccc;
}

#content div.dropDownBox form label {
text-align: right;
vertical-align: middle;
font-weight: bold;
}

#content div.dropDownBox form select {
font-size: .9em;
}

#content div.dropDownBox form input {
font-size: .9em;
}

#content div.dropDownBox p {
padding: .4em .5em .1em .5em;
}

#content div.dropDownBox ul {
margin: 0;
padding: .4em 0 1em 0;
list-style-image: none; 
list-style-type: square; 
text-align: left;
border-top: 1px solid #ccc;
}

#content div.dropDownBox ul li {
margin: .4em .8em .2em 2.5em;
}

#content div.minutes {
margin: 1.5em auto;
text-align: center;
width: 20em;
background-color: #eee;
}

#content div.minutes h3 {
font-size: 1.1em;
color: #036;
background-color: #ccc;
}

#content div.minutes form select {
width: 12em;
}

#content div.water-reports {
margin: 1.5em auto;
text-align: center;
width: 25em;
background-color: #eee;
}

#content div.water-reports h3 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.water-reports form select {
width: 12em;
}

#content div.water-newsletters {
margin: 1.5em auto;
text-align: center;
width: 25em;
background-color: #eee;
}

#content div.water-newsletters h3 {
font-size: 1.3em;
color: #339;
background-color: #ccc;
}

#content div.water-newsletters form select {
width: 12em;
}

#content div.pbi-newsletters {
margin: 1.5em auto;
text-align: center;
width: 25em;
background-color: #eee;
}

#content div.pbi-newsletters h3 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.pbi-newsletters form select {
width: 12em;
}

#content div.pbi-statistics {
margin: 1.5em auto;
text-align: center;
width: 30em;
background-color: #eee;
}

#content div.pbi-statistics h3 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.pbi-statistics form label {
text-align: center;
vertical-align: middle;
font-weight: bold;
}

#content div.pbi-statistics form select {
width: 12em;
}

#content div.selectNav1 {
text-align: center;
width: 28em;
background-color: #eee;
}

#content div.selectNav1 form label {
display: none;
}



/* ------------- Info Boxes ------------- */

#content div.infoBox {
overflow: hidden;
}

#content div.infoBox .info {
padding: .5em 1.4em .5em 1.4em;
overflow: hidden;
}

#content div.infoBox .info ul {
margin: 0 0 0 1.5em;
}

#content div.infoBox h2 {
margin: 0;
padding: .3em;
text-align: center;
color: #fff;
}

#content div.infoBox .source {
text-align: center;
font-size: .8em;
}

#content div.infoBox .updated {
text-align: center;
font-size: .8em;
}

#content div.infoBox .details {
font-size: .8em;
}

#content div.cao_docs {
margin: 1em auto;
width: 24em;
border: 1px solid #036;
background-color: #eee;
}

#content div.cao_docs h2 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.cao_docs p {
text-align: center;
}

#content div.dept_docs {
margin: 1em auto;
width: 24em;
border: 1px solid #036;
background-color: #eee;
}

#content div.dept_docs h2 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.finance_docs {
margin: 1em auto;
width: 24em;
border: 1px solid #09a;
background-color: #eee;
}

#content div.finance_docs h2 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.finance_docs p {
text-align: center;
}

#content div.recycleTips {
margin: 0 auto;
text-align: left;
width: 60%;
border: 3px solid #036;
background-color: #ccf3cc;
}

#content div.recycleTips h2 {
font-size: 1.5em;
background-color: #036;
}

#content div.recycleTips h3 {
margin: .5em 0 0 0;
text-align: center;
font-family: "Arial","Helvetica", sans-serif;
font-size: medium;
color: #333;
background: transparent;
}

#content div.waste-pickup {
margin: 1em auto;
text-align: left;
width: 24em;
border: 1px solid #036;
background-color: #eee;
}

#content div.waste-pickup h2 {
font-size: 1.3em;
color: #707845;
background-color: #ccc;
}

#content div.eng_docs {
margin: 1em auto;
width: 24em;
border: 1px solid #09a;
background-color: #eee;
}

#content div.eng_docs h2 {
font-size: 1.3em;
color: #036;
background-color: #ccc;
}

#content div.eng_mission {
margin: 1em auto;
width: 24em;
border: 1px solid #999;
background-color: #eee;
}

#content div.eng_mission h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.water-bwa {
margin: 1em auto;
text-align: left;
width: 20em;
border: 1px solid #900;
background-color: #eee;
}

#content div.water-bwa h2 {
font-size: 1.3em;
background-color: #900;
}

#content div.water-restrict {
margin: 1em auto;
text-align: left;
width: 24em;
border: 1px solid #999;
background-color: #eee;

}

#content div.water-restrict h2 {
font-size: 1.3em;
color: #900;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.water-restrict p {
text-align: center;
}

#content div.pbi_docs {
margin: 1em auto;
width: 24em;
border: 1px solid #999;
background-color: #eee;
}

#content div.pbi_docs h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.leg_docs {
margin: 1em auto;
width: 24em;
border: 1px solid #999;
background-color: #eee;
}

#content div.leg_docs h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.leg_docs p {
text-align: center;
}

#content div.leg_info {
margin: 1em auto;
width: 24em;
border: 1px solid #999;
background-color: #eee;
}

#content div.leg_info h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.leg_vision {
margin: 1em auto;
width: 24em;
border: 1px solid #999;
background-color: #eee;
}

#content div.leg_vision h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.leg_mission {
margin: 1em auto;
width: 24em;
border: 1px solid #999;
background-color: #eee;
}

#content div.leg_mission h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.weed_info p {
text-align: center;
}

#content div.weed_info {
margin: 1em auto;
width: 18em;
border: 1px solid #999;
background-color: #eee;
}

#content div.weed_info h2 {
font-size: 1.3em;
color: #036;
border-bottom: 1px solid #999;
background-color: #ccc;
}

#content div.weed_info p {
text-align: center;

}

/* ------------- News -------------  */

div#hottopics {
padding: 1em;
background-color: #fff;
}

#hottopics ul {
margin: 0 1.4em;
list-style-image: url(../../../fileadmin/images/graphics/icons/ico_article.gif); 
list-style-type: none; 
}

#hottopics ul li {
margin: .4em 0;
padding: 0 0 .3em .4em;
}

#hottopics a {
font-weight: bold;
background: transparent;
}

#hottopics a:link {
color: #4354ac;
text-decoration: none;
}

#hottopics a:visited {
color: #6f7392;
text-decoration: none;
}

#hottopics a:hover, #hottopics a:active {
color: #cc6600;
text-decoration: underline;
}

#hottopics a.newsbutton {
padding: 0 0 0 .9em;
font-size: .7em;
font-weight: bold;
}

#hottopics a.newsbutton:link {
color: #a47b39;
text-decoration: none;
}

#hottopics a.newsbutton:visited {
color: #ccc;
text-decoration: none;
}

#hottopics a.newsbutton:hover, #hottopics a.newsbutton:active {
color: #c79e5c;
text-decoration: underline;
}

#content ul.news {
margin: .4em 0 .4em 2em;
list-style-image: url(../../../fileadmin/images/graphics/icons/ico_article.gif); 
list-style-type: none; 
}

#content ul.news li {
margin: .7em 0;
padding: 0 0 .7em .5em;
border-bottom: 1px solid #ddd;
}

#content a.newsbutton {
padding: 0 0 0 .9em;
font-size: .7em;
font-weight: bold;
}

#content a.newsbutton:link {
color: #a47b39;
text-decoration: none;
}


#content a.newsbutton:visited {
color: #ccc;
text-decoration: none;
}

#content a.newsbutton:hover, #content a.newsbutton:active {
color: #c79e5c;
text-decoration: underline;
}

#content ul.studies {
margin: .4em 0 .4em 2em;
list-style-image: none; 
list-style-type: square; 
}

/* ------------- Water -------------  */

#content div.waterNav {
width: 510px;
margin: 0 auto;
text-align: center;
border: 1px solid red;
}

#content ul.waterSystems {
width: 451px;
margin: 0 auto 10px auto;
padding: .5em 0;
text-align: center;
font-size: .9em;
line-height: 1.2em;
list-style-type: none;
}

#content ul.waterSystems li {
display: inline;
margin: .3em 0;
padding: .5em 1em;
text-align: center;
}

#content ul.waterSystems li a {
padding: .5em 1em;
color: #fff;
font-weight: bold;
text-decoration: none;
border: 1px solid #666666;
background-color: #164984;
}

#content ul.waterSystems li a:link {
color: #fff;
text-decoration: none;
}

#content ul.waterSystems li a:visited {
color: #ccc;
text-decoration: none;
}

#content ul.waterSystems li a:hover, #content ul.waterSystems li a:active {
color: #fff;
text-decoration: none;
background-color: #9bb5d8;
}

#content ul.waterNavA {
float: left;
margin: 1em 0 0 0;
font-size: .9em;
list-style-type: none;
}

#content ul.waterNavB {
float: right;
margin: 1em 0 0 1em;
font-size: .9em;
list-style-type: none;
}

#content ul.waterNavA li, #content ul.waterNavB li {
margin: .3em 0;
text-align: center;
}

#content ul.waterNavA li a, #content ul.waterNavB li a {
display: block;
width: 18em;
padding: .7em 1em;
color: #fff;
font-weight: bolder;
text-decoration: none;
border: 1px solid #666666;
background-color: #4575af;
}

#content ul.waterNavA li a:link, #content ul.waterNavB li a:link {
color: #fff;
text-decoration: none;
}

#content ul.waterNavA li a:visited, #content ul.waterNavB li a:visited {
color: #ccc;
text-decoration: none;
}

#content ul.waterNavA li a:hover, #content ul.waterNavA li a:active, #content ul.waterNavB li a:hover, #content ul.waterNavB li a:active {
text-decoration: none;
color: #fcfcfc;
background-color: #9bb5d8;
}



/* ------------- Trails -------------  */

#content td.linkBox {
border-top: 1px solid #dddddd; 
border-right: 1px solid #999999; 
border-bottom: 1px solid #999999; 
border-left: 1px solid #dddddd; 
padding: 9px; 
background: #ccc; 
font-size: small; 
font-weight: bolder; 
color: #000000;
}

/* ------------- Finance Rec ------------- */

#content div.finance_rec h2 {
clear: both;
margin: 1.4em 0 .5em 0;
padding: .3em .6em;
font-size: 1.3em;
color: #036;
border: 1px solid #036;
background-color: #eee;
}

#content div.finance_rec h3 {
margin: 1em 0 .5em 0;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1.3em; 
color: #333;
background: transparent;
}

#content div.finance_rec p, #content div.finance_rec p.bodytext {
margin: 0 0 .8em 1.9em;
text-align: left;
}

/* ------------- Eng Bylaws ------------- */

#content div.eng_bylaws h2 {
clear: both;
margin: 1.4em 0 0 0;
padding: .3em .6em;
font-size: 1.3em;
color: #036;
border: 1px solid #036;
background-color: #eee;
}

#content div.eng_bylaws h3 {
margin: 10px 0 5px 10px;
font-family: "Arial","Helvetica", sans-serif;
font-size: 1.2em; 
color: #333;
background: transparent;
}

/* ------------- Election ------------- */

#content div.election h2 {
clear: both;
margin: 1.4em 0 0 0;
padding: .3em .6em;
font-size: 1.3em;
color: #036;
border: 1px solid #036;
background-color: #eee;
}

#content div.election ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#content div.election h3 {
margin: .8em 0 .4em 0;
color: #339;
font-size: 1.3em;
}

#content div.election span.subheader {
font-size: .8em;
margin-left: 2em;
}

#content div.election h4 {
margin: .8em 0 .4em 0;
padding: 0;
color: #363;
font-size: 1em;
}

#content div.election ul li h3 {
margin: .8em 0 .4em 0;
font-size: 1.3em;
color: #339;
}

#content div.election ul li h3 + h4 {
margin: .5em 0 .1em 5em;
}

#content div.election ul li h4 {
margin: 1em 0 .1em 5em;
padding: 0;
color: #333;
font-size: 1em;
}

#content div.election ul li p {
margin: .4em 0 .3em 5em;
padding: 0;
}

#content div.election ul li ul {
margin: .1em 0 0 8em;
padding: 0;
list-style-type: disc;
}

/* ------------- Comments ------------- */

#content div.comment {
margin: 0 0 2em 0;
font-size: 100%;
}

#content div.comment p {
margin: 0;
line-height: 100%;
}

#content div.comment span.author {
font-weight: bold;
}

#content div.comment blockquote {
margin: .4em 4em 0 4em;
line-height: 100%;
font-family: Times, "Times New Roman", Georgia, serif;
font-style: italic;
background: transparent;
}

/* ------------- Media - Photos ------------- */

/* ---- Album - listView ---- */

#content div.tx-p7photoalbum-pi1-listrow-item {
float: left;
width: 240px;
height: 255px;
margin: 0 20px 0 0;
}

#content div.tx-p7photoalbum-pi1-listrow-item div.tx-p7photoalbum-pi1-listrow-text {
margin: 0; 
padding: .3em;
font-size: 85%;
font-weight: normal;
text-align: center;
color: #222;
background-color: #e2e2e2;
}

#content div.tx-p7photoalbum-pi1-listrow-item div.tx-p7photoalbum-pi1-listrow-text p {
margin: 0; 
padding: 0;
}

#content div.showResultsWrap {
clear: both;
margin: .4em auto;
font-size: 100%;
font-weight: normal;
text-align: center;
color: #222;
}

#content div.browseLinksWrap {
clear: both;
margin: .4em auto;
font-size: 100%;
line-height: 100%;
font-weight: normal;
text-align: center;
color: #222;
}

#content div.browseLinksWrap a {
margin: 0;
padding: .1em .2em;
font-weight: bold;
text-decoration: none;
border: 1px solid #fff;
}

#content div.browseLinksWrap a:hover, #content div.browseLinksWrap a:active {
text-decoration: underline;
}

#content div.browseLinksWrap span.activeLinkWrap a {
border: 1px solid #369;
}

/* ---- Album - singleView ---- */

#content div.tx-p7photoalbum-pi1-singleView {
width: 544px;
margin: 0;
padding: 0;
border: 1px solid #999;
}

#content div.tx-p7photoalbum-pi1-singleView img {
margin: 0;
padding: 0;
}

#content div.tx-p7photoalbum-pi1-singleView div.tx-p7photoalbum-pi1-singleView-text {
position: relative;
font-size: 90%;
height: 2.2em;
margin: 0;
padding: 0;
background-color: #ddd;
}

#content div.tx-p7photoalbum-pi1-singleView div.tx-p7photoalbum-pi1-singleView-text p {
margin: 0;
line-height: 2.2em;
color: #000;
}

#content div.tx-p7photoalbum-pi1-singleView div.tx-p7photoalbum-pi1-singleView-text p.tx-p7photoalbum-pi1-singleView-caption {
position: absolute;
top: 0;
left: 0;
padding: 0 0 0 1em;
text-align: left;
}

div.tx-p7photoalbum-pi1-singleView div.tx-p7photoalbum-pi1-singleView-text p.tx-p7photoalbum-pi1-singleView-credit {
position: absolute;
top: 0;
right: 0;
padding: 0 1em 0 1em;
text-align: right;
}

/* ---- Contest - listView ---- */

#content div.tx-p7photocontest-pi1-listrow-item {
float: left;
width: 200px;
margin: 0 20px 20px 0;
padding: 10px;
text-align: center;
background-color: #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#content div.tx-p7photocontest-pi1-listrow-item div.tx-p7photocontest-pi1-listrow-text {
margin: 0; 
padding: 10px 0 0 0;
font-size: 85%;
font-weight: normal;
text-align: center;
color: #222;
}

#content div.tx-p7photocontest-pi1-listrow-item div.tx-p7photocontest-pi1-listrow-text p {
margin: 0; 
padding: 0;
}

#content div.tx-p7photocontest-pi1-listrow-item .voteBtn {

margin: .5em 0 0 0;

padding: 0;

}



#content div.tx-p7photocontest-pi1-listrow-item .voteBtn a {

margin: 0;

padding: .1em .5em;

font-family: "Verdana","Arial","Helvetica", sans-serif; 

font-size: .8em;

font-weight: bold;

color: #999;

text-decoration: none;

border: 1px solid #999;

background-color: transparent;

}



#content div.tx-p7photocontest-pi1-listrow-item .voteBtn a:link, #content div.tx-p7photocontest-pi1-listrow-item .voteBtn a:visited {

color: #999;

text-decoration: none;

background-color: transparent;

}



#content div.tx-p7photocontest-pi1-listrow-item .voteBtn a:hover, #content div.tx-p7photocontest-pi1-listrow-item.voteBtn a:active {

color: #090;

text-decoration: none;
border: 1px solid #090;

background-color: #eee;

}



/* ---- Contest - singleView ---- */



#content div.tx-p7photocontest-pi1-singleView {

width: 544px;

margin: 0;

padding: 15px;

text-align: center;

background-color: #eee;

border-right: 2px solid #ccc;

border-bottom: 2px solid #ccc;

}



#content div.tx-p7photocontest-pi1-singleView img {

margin: 0;

padding: 0;

}



#content div.tx-p7photocontest-pi1-singleView div.tx-p7photocontest-pi1-singleView-text {

position: relative;

margin: 0;

padding: 15px 0 0 0;

font-size: 100%;

}



#content div.tx-p7photocontest-pi1-singleView div.tx-p7photocontest-pi1-singleView-text p {

margin: 0;

padding: 0;

color: #000;

}



#content div.tx-p7photocontest-pi1-singleView div.tx-p7photocontest-pi1-singleView-text p.tx-p7photocontest-pi1-singleView-caption {

float: left;

text-align: left;

}



#content div.tx-p7photocontest-pi1-singleView div.tx-p7photocontest-pi1-singleView-text p.tx-p7photocontest-pi1-singleView-credit {

float: right;

text-align: right;

}


/*-- Voting --*/
#content div.tx_p7photocontest_pi1_voteWrap {
	width: 544px;

	margin: 10px 0;
	text-align: center;
}

#content div.tx_p7photocontest_pi1_vote {
	width: 24em;

	margin: 0 auto;

	padding: 1em;

	text-align: left;
	color: #663;

	background-color: #ffb;

	border: 1px solid #bb7;
}

#content div.tx_p7photocontest_pi1_vote form {
	
}

#content div.tx_p7photocontest_pi1_vote form fieldset {
	border: none;
}

#content div.tx_p7photocontest_pi1_vote form fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
}

#content div.tx_p7photocontest_pi1_vote form fieldset label {
	display: block;
	float: left;
	width: 7em;
	margin: 1em .4em 0 0;
}

#content div.tx_p7photocontest_pi1_vote form fieldset input.voteInput {
	float: left;
	width: 12em;
	margin: .8em 0 0 0;
	padding: .1em;
}

#content div.tx_p7photocontest_pi1_vote form fieldset div.voteControls{
	clear: left;
	margin: .7em 0 0 0 ;
	padding: 0;
	text-align: center;
}

#content div.tx_p7photocontest_pi1_vote form fieldset input {
	padding: .1em .6em;
	font-size: 1.1em;
}

/* --------------------------- Footer --------------------------- */


div#footer {
padding: .4em 1em .4em 1em;
font-family: "Arial","Verdana","Helvetica", sans-serif;
font-size: .9em;
font-weight: normal;
text-align: center;
color: #fff;
background-color: #00244d;
}

div#footerContact {
padding: .4em 1em .4em 1em;
}

#footerContact img {
margin: 0 .3em 0 .2em;
vertical-align: middle;
}

#footer a:link {
color: #f1f1f1;
text-decoration: none;
font-weight: bold;
}

#footer a:visited {
color: #e1e1e1;
text-decoration: none;
font-weight: bold;
}

#footer a:hover, #footer a:active {
color: #fff;
text-decoration: none;
font-weight: bold;
}

div#footerLinks {
padding: .4em 1em .4em 1em;
}


/* ------------- Clearing -------------  */

.clear {
clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ------------- Forms ------------- */

div#quickSearch {
position: absolute;
bottom: 6px;
right: 0px;
}

#quickSearch label {
padding: 0 .1em 0 0;
font-size: .8em;
color: #C3D1E1;
vertical-align: middle;
}

#quickSearch input {
width: 11em;
padding: .2em .3em;
font-size: .9em;
color: #e6e6e6;
background-color: #546A86;
border: 1px solid #B4C1D0;
}

#quickSearch input.qs-submit {
width: 22px;
padding: 0 0 2px 0;
vertical-align: middle;
background-color: transparent;
border: 0;
}

#content div.formGen {
color: #222; 
width: 36em; 
padding: 0 12px 12px 12px;
}

#content div.formGen input.input-box, 
#content div.formGen textarea, 
#content div.formGen select {
font-family: Verdana, Arial, sans-serif; 
font-size: 1em;
color: #000;
margin: 0 0 12px 0;
background-color: #f1f1f1;
border: 1px solid #333;
}

#content div.formGen fieldset { 
border: 1px solid #999;
width: 36em;
padding: 9px 25px 25px 25px;
}

#content div.formGen legend {
font-size: 1em;
color: #999;
padding: 0px 10px
} 

#content div.formGen label {
font-weight: bold;
font-size: 1em;
margin: 20px 0 0 0;
}

#content div.formGen label.radio-button {
width: 90%;
font-weight: normal;
float: left;
text-align: left;
margin: 0 0 0 8px;
}

#content div.formGen input.radio-button {
width: 1em;
float: left;
clear: both;
}

#content div.formGen label.checkbox {
width: 90%;
font-weight: normal;
float: left;
text-align: left;
margin: 0 0 0 8px;
}

#content div.formGen input.checkbox {
width: 1em;
float: left;
clear: both;
}

#content div.formGen input.submit-button {
clear: both;
margin-top: 7px;
margin-right: 12px;
padding: 4px 8px;
color: #fff;
background: #633;
border: 1px #ccc outset;
}

#content div.formGen label.indent, 
#content div.formGen input.indent, 
#content div.formGen select.indent, 
#content div.formGen textarea.indent {
margin-left: 0.2em;
}

#content div.formGen .formField {
	clear: both;
	float: left;
	width: 65%;
	margin: 0 0 12px 0;
}

#content div.formGen .formErrors {
	margin: 12px 0;
	padding: 12px;
	color: #c00;
	background-color: #ffd;
	border: 1px solid #c00;
}

#content div.formGen .formErrors h4 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	color: #c00;
}

#content div.formGen .formErrors div.listError {
	display: inline;	
}

#content div.formGen .formFieldError {
	float: right;
	width: 25%;
	padding: 6px 12px;
	color: #c00;
	font-weight: normal;
	font-size: 1em;
	background-color: #ffd;
	border: 1px solid #c00;
}

#content div.formGen span.required {
	margin: 0 2px;
	font-size: 1.4em;
	line-height: .4em;
	color: #c00;
}

#content div.formGen span.formFieldTip {
	font-weight: normal;
}

#content div.formResults {
margin-top: .8em;
padding: 1em;
border: 1px solid #aaa;
}

#content div.formResults h3 {
margin-top: 0;
}

#content div.formResults p {
margin: .5em 0 0 0;
}

#content div.formResults span.label {
font-weight: bold;
}

/* Area B Survey Form */
#content #areabsurvey {
	width: 100%;
	padding: 0;
}

#content #areabsurvey fieldset {
	width: auto;
}

#content #areabsurvey .formInputTextLabel,
#content #areabsurvey .formTextareaLabel {
	margin: 0;
}

#content #areabsurvey textarea {
	width: 100%;
	margin: 6px 0 0 0;
}

#content #areabsurvey input.input-box {
	margin: 6px 0 0 0;
}