a:link {
color: #1c7a9c; 
text-decoration: none;
border-bottom: #1c7a9c 1px dashed;
}
a:visited {
color: #1c7a9c; 
text-decoration: underline;
}
a:hover {
color: #fff;
background-color: #1c7a9c;
}
a:active {
color: #fff; 
background-color: #6599b0;  
text-decoration: underline;
}
body {
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1.5em;
color:#333;
background: #dff0f6 url(../images/water_bg_gradient3.jpg) top left repeat-x;
}
#bgwrap {
margin: 0 auto;
padding: 0;
width: 100%;
min-height: 700px;
background: url(../images/water_background5.jpg) top center no-repeat;
}
#wrap {
margin: 0 auto;
padding: 0;
text-align: center;
width: 800px;
}
a img {
text-decoration: none;
border-style: none;
display: block;
}
/* header */
#header {
width: 800px;
margin: 0;
padding: 0;
float: left;
}
#headerwrap {
float: left;
width: 575px;
text-align: left;
}
#header h1 {
margin: 90px 0 0 0;
padding: 0;
text-align: left;
color: #1c7a9c;
font-size: 1.8em;
}
#header h2 {
margin: 10px 0 0 0;
padding: 0;
text-align: left;
clear: both;
color: #1c7a9c;
font-size: 1.6em;
}
#header h3 {
margin: 28px 0 0 0;
padding: 0;
color: #fff;
clear: both;
text-align: left;
font-size: 1.2em;
font-style: italic;
}
#headerimgwrap { 
float: right; 
width: 225px;
text-align: right;
}
#header img {
text-align: right;
display: block;
margin: 5px 0 0 0;
padding: 0;
}
/* Navigation */
#navwrap {
width: 100%;
margin: 15px 0 0 0;
padding: 0;
float: left;
text-align: left;
clear: both;
background: #6599b0;
min-height: 50px;
}
#navigation {
width: 800px;
margin: 0;
padding: 0;
clear: both;
float: left;
font-size: 1.3em;
}
#navigation ul {
margin: 10px;
padding: 0;
list-style: none;
}
#navigation li {
float: left;
text-align: left;
position: relative;
display: block;
margin: 0;
padding: 0 8px 0 0;
}
#navigation li ul {
display: none;
position: absolute; 
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
#navigation li:hover ul, li.over ul {display: block;}
#navigation li a {
display: block;
background-image: none;
color: #fff;
padding: 8px 4px 8px 4px;
text-decoration: none;
border-bottom: none;
}
#navigation li a:hover {
background: #deeff6;
color: #000;
display: block;
padding: 8px 4px 8px 4px;
text-decoration: none;
border-bottom: none;
}
#navigation li li a{
padding: 0 10px;
display: block;
width: 7.9em;
margin: 0;
}
#navigation li li a:hover {
display: block;
padding: 0 10px;
width: 7.9em;
margin: 0;
}
#navigation li.about a {
padding: 0.5em 10px;
background: #6599b0;
display: block;
width: 14em;
}
#navigation li.about a:hover {
display: block;
background: #deeff6;
color: #000;
margin: 0;
padding: 0.5em 10px;
width: 14em;
}
#navigation li.comm a {
padding: 0.5em 10px;
background: #6599b0;
display: block;
width: 12em;
}
#navigation li.comm a:hover {
display: block;
background: #deeff6;
color: #000;
padding: 0.5em 10px;
width: 12em;
}
#navigation li.festivals a {
padding: 0.5em 10px;
background: #6599b0;
display: block;
width: 12em;
}
#navigation li.festivals a:hover {
display: block;
background: #deeff6;
color: #000;
padding: 0.5em 10px;
width: 12em;
}
#navigation li.spirithaven a {
padding: 0.5em 10px;
background: #6599b0;
color: #fff;
display: block;
width: 14em;
}
#navigation li.spirithaven a:hover {
display: block;
background: #deeff6;
color: #000;
padding: 0.5em 10px;
width: 14em;
}
#navigation li.elections a {
padding: 0.5em 10px;
background: #6599b0;
color: #fff;
display: block;
width: 13em;
}
#navigation li.elections a:hover {
display: block;
background: #deeff6;
color: #000;
padding: 0.5em 10px;
width: 13em;
}
/* content formatting*/
#content { 
margin: 0;
padding: 0;
text-align: left;
width: 100%;
float: left;
clear: left;
}
.gutter {
padding: 15px 20px 50px 20px;
margin: 0;
}
h4 {
margin: 0;
padding: 5px 0 10px 0;
font-size: 1.7em;
text-align: left;
}
h5 {
margin: 0;
padding: 5px 0 10px 0;
font-size: 1.5em;
}
.img_right {
float: right;
padding: 7px;
}
.img_left {
float: left;
padding: 7px;
}
dl {
margin: 0;
padding: 5px;
float: left;
width: 100%;
}
dt {
margin: 10px 0 0 0;
padding: 0;
font-size: 105%;
font-weight: bold;
}
dd {
margin: 0 15px 0 0;
padding: 10px;
}
.center {
margin: 0;
padding: 0;
margin: 0 auto;
text-align: center;
}
.right {
margin: 0;
padding: 0;
text-align: right;
float: right;
}
.left {
margin: 0;
padding: 0;
text-align: left;
float: left;
}
ol li {
padding: 0 5px 10px 5px;
margin: 0;
}
a img {
border: 0;
}
.centered {
text-align: center;
}
.breadcrumbs {
font-size: 85%;
margin: 0 0 5px 0;
}
.homespan {
clear: both;
}
p {
line-height: 1.5em;
font-size: 1.4em;
}
#content li {
line-height: 1.5em;
font-size: 1.4em;
padding: 5px;
}
#content li li {
line-height: 1.5em;
font-size: 1.0em;
padding: 5px;
}
.nobullets {
list-style: none;
padding: 3px;
}
.nobullets li li {
list-style: none;
padding: 3px;
}
.clear2columns {
clear: both;
float: left;
width: 100%;
margin: 0;
padding: 7px;
text-align: left;
}
#nestedlist li {
list-style: none;
padding: 3px;
}
#nestedlist li li {
list-style: none;
padding: 3px;
font-size: 1.0em;
}
/* Two Column Formatting For Home Page */
.twocolumns {
margin: 0 auto;
padding: 10px;
text-align: center;
width: 700x;
clear: both;
}
.columnleft {
float: left;
width: 45%;
padding: 15px;
margin: 0 auto;
text-align: left;
}
.columnright {
float: right;
width: 45%;
padding: 15px;
margin: 0 auto;
text-align: left;
}

/* accessibility */
.skiplink {display:none;}

/* footer  */
#footerwrap {
margin: 0 auto;
text-align: center;
width: 100%;
clear: both;
background: #1c7a9c url(../images/water_footer_rocks.jpg) bottom left repeat-x;
}
#footer {
margin: 0 auto;
text-align: center;
width: 800px;
min-height: 650px;
}
#footernav ul {
margin: 0 0 25px 0;
padding: 20px 0 0 0;
list-style: none;
font-size: 1.1em;
line-height: 1.5em;
display: inline;
text-align: left;
float: left;
}
#footernav li {
margin: 0;
padding: 5px 0 5px 0;
text-align: left;
display: inline;
}
#footerhome {
float: left;
width: 70px;
}
#footerabout {
float: left;
width: 150px;
}
#footercomm {
float: left;
width: 130px;
}
#footerfestivals {
float: left;
width: 128px;
}
#footerspirithaven {
float: left;
width: 160px;
}
#footerelections {
float: left;
width: 150px;
}

.footerhome {
float: left;
width: 70px;
}
.footerabout {
float: left;
width: 150px;
}
.footercomm {
float: left;
width: 130px;
}
.footerfestivals {
float: left;
width: 128px;
}
.footerspirithaven {
float: left;
width: 160px;
}
.footerelections {
float: left;
width: 160px;
}
.footerhome-head {
font-weight: bold;
}
.footerabout-head {
font-weight: bold;
}
.footercomm-head {
font-weight: bold;
}
.footerfestivals-head {
font-weight: bold;
}
.footerspirithaven-head {
font-weight: bold;
}
.footerelections-head {
font-weight: bold;
}
#footer_text {
margin: 0;
padding: 20px 0 0 0;
clear: both;
border-top: #fff 1px solid;
}
#footer_text img {
float: left;
width: 120px;
}
#footer_text p {
margin: 0; 
padding: 10px 0 5px 175px;
color: #fff; 
font-size: 1.2em;
text-align: left;
}
#footer a:link {
color: #fff; 
border-bottom: none; 
text-decoration: none;
}
#footer a:visited {
color: #fcf5f5; 
text-decoration: none;
border-bottom: none; 
}
#footer a:hover {
color: #fff; 
background: none;
text-decoration: underline;
border-bottom: none; 
}
#footer a:active {
color: #8306b7; 
text-decoration: underline;
border-bottom: none; 
}