body { background-color: #333333; margin-left: 0; margin-top: 0; margin-width: 0; margin-height:0; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif }
td { font-size: 9pt; color: #000000; font-family: arial, verdana, sans-serif, helvetica}
b { font-size: 10pt; font-family: arial, verdana, sans-serif, helvetica; font-weight: bold}
h4 {font-size: 8pt; color: #000000; font-family: arial, verdana, sans-serif, helvetica}
p { font-size: 8pt; color: #000000; font-family: arial, verdana, sans-serif, helvetica}
font { font-size: 9pt }
strong {font-size: 12pt;color: #A70303; font-family: arial, verdana, sans-serif, helvetica; font-weight: bold}
h3 {font-size: 11pt; background-color: solidgrey; color: black; font-family: sans-serif, arial, verdana, helvetica; font-weight: bold}
big { font-size: 13pt; font-family: arial, sans-serif, verdana, helvetica; font-weight: bold}
h2 { font-size: 14pt; color: #000000; font-family: sans-serif, arial, verdana, helvetica}

span.highlight {background-color:00CC66}

a { text-decoration: none; font-size: 11px; font-weight: bold;}
a:link { text-decoration: none; color: "#336699"}
a:visited { text-decoration: none; color:"#339999"}
a:hover { text-decoration: underline; color: "#339966"; }

a.altlink { font-family: arial, verdana, helvetica, sans serif; text-decoration:none; font-size:13px; font-weight:bold;}
a.altlink:link { text-decoration: none; color: "#336699"}
a.altlink:visited { text-decoration: none; color:"#339999"}
a.altlink:hover { text-decoration: underline; color: "#339966"; }

img {border-style: none;}

.shadow{border:1px solid silver;font:10pt arial;position:relative;display:inline;background:white;z-index:100}

.shadow_inner{overflow:hidden;position:absolute;top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10}

/*begin of moueover border highlight*/
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
/*end of moueover border highlight*/



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*begin of moueover image effect*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail img{
border: transparent;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
border: transparent;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail:hover img{
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 60px; /*60px  position where enlarged image should offset horizontally */
}
/*end of thumbnail image effect*/

/*beginnning of thumbbox image effect*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/*ending of thumbbox image effect*/




/*Home Page menu Community*/
.arrowlistmenuc{
width: 240; /*width of menu*/

}
.arrowlistmenuc .headerbar{
font: bold 12px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}


/*Home Page menu*/
.arrowlistmenuh{
width: 230; /*width of menu*/
}

.arrowlistmenuh .headerbar{
font: bold 12px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenuh .headerbar2{
font: bold 12px arial;
color: black;
background: white;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
} 

.arrowlistmenuh ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenuh ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
color: #303030;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 79%;
}
/*Home Page energy efficiency stats*/
.arrowlistmenustat{
width: 300; /*width of menu*/
}

.arrowlistmenustat .headerbar{
font: bold 14px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenustat ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenustat ul li{
font: bold 12px arial;
padding-bottom: 4px; /*bottom spacing between menu items*/
color: #303030;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 79%;
}

/*Home Page Column 2 Census Logo Stuff*/
.arrowlistmenuh300{
width: 300; /*width of menu*/
}

.arrowlistmenuh300 .headerbar{
font: bold 14px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenuh300 .headerbar2{
font: bold 14px arial;
color: black;
background: white;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
} 

.arrowlistmenuh300 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenuh300 ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
color: #303030;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 79%;
}

/*menu*/
.arrowlistmenu{
width: 200; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: "#336699";
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a small{
color: "#336699";
display: block;
padding: 2px 0;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 79%;
}

.arrowlistmenu ul li a:visited{
color: "#339999";
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: "#339966";
background-color: #F3F3F3;
}

/*bigger menu*/
.arrowlistmenu2{
width: 230; /*width of menu*/
}

.arrowlistmenu2 .headerbar{
font: bold 12px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu2 ul li a{
color:"#336699";
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu2 ul li a small{
color: "#336699";
display: block;
padding: 2px 0;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 79%;
}

.arrowlistmenu2 ul li a:visited{
color: "#339999";
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: "#339966";
background-color: #F3F3F3;
}

.arrowlistmenu3{
width: 200; /*width of menu*/
}

.arrowlistmenu3 .headerbar{
font: bold 12px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu3 .headerbar2{
font: bold 12px arial;
color: black;
background: white;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
} 

.arrowlistmenu3 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu3 ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
color: #303030;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

/*biggest menu*/
.arrowlistmenu4{
width: 670; /*width of menu*/
}

.arrowlistmenu4 .headerbar{
font: bold 13px arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu4 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu4 ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
color: #303030;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #A70303;
background: transparent url(media/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: #A70303;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(media/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}

a.boldbuttons{
background: transparent url('media/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('media/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.sliderwrapperbpu{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 5px white;/*white*/
border-bottom-width: 5px;
width: 200px; /*200width of featured content slider*/
height: 160px;
}

.sliderwrapperbpu .contentdivbpu{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
border: 5px black;
background: lightgrey;/*lightgrey */
width: 210px; /*210width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.paginationbpu{
width: 220px; /*220Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: lightgrey;/*lightgrey */
padding: 5px 5px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px white;/*10px white*/
border-bottom-width: 10px white;
width: 240px; /*210pxwidth of featured content slider*/
height: 400px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 3px;
border: 1px white;/*10px white*/
/*border: 10px black;*/
background: white;/*lightgrey*/
width: 240px; /*220px width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 240px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;/*lightgrey*/
padding: 5px 10px;
}


a.squarebutton{
background: transparent url('media/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('media/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*Eric Meyer's based CSS tab*/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px arial;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #000000;
background: #339966;
border-color: #227;
}

#tablist li a.current{
background: lightyellow;
}

.navtext {
width:215px;
font-size:9pt;
border-width:2px;
border-style:outset;
border-color:darkgray;
layer-background-color:#E8FAE9;
background-color:tan;
color:black;