/*     INDENT DIVS     */

div.oneindent {
width: 390px;                /* width is the width of narrow p class (420px) minus the left margin (amount indented) */
margin: 0px 0px 0px 30px;
padding: 0px;
background: none;
font-size: 1em;
text-align: left;
color: #333;
line-height: 150%;
}

div.twoindent {
width: 360px;
margin: 0px 0px 0px 60px;
padding: 0px;
background: none;
font-size: 1em;
text-align: left;
color: #333;
line-height: 150%;
}





/*     TEXT STYLING     */

a {
text-decoration: underline;
}

a:link {
text-decoration: underline;
color: #999;
}
a:visited {
text-decoration: underline;
color: #999;
}
a:hover {
text-decoration: underline;
color: #666666;
}


p {
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
color: #333;
margin: 0px;
padding: 0px;
line-height: 150%;
}

h1 {
font-family: arial, sans-serif;
margin: 0px;
padding: 127px 65px 0px 30px;
text-align: right;
font-size: 140%;
font-weight: bold;
color: #fff;
}

h2 {
font-family: tahoma, arial, sans-serif;
font-size: 150%;
font-weight: bold;
color: #333;
margin: 0px;
padding: 25px 0px 0px 20px;
}

h3 {
font-family: arial, sans-serif;
font-size: 220%;
font-weight: normal;
letter-spacing: -1.5px;
color: #333;
margin: 0px;
padding: 0px 0px 4px 0px;
}

h4 {
font-family: arial, sans-serif;
font-size: 130%;
font-weight: normal;
letter-spacing: -0.5px;
color: #666;
margin: -10px 0px 10px 35px;
padding: 0px 0px 0px 0px;
}

h5 {
font-size: 160%;
font-weight: normal;
color: #333;
margin: 0px;
padding: 0px 0px 5px 0px;
}







div.creditsouter {
width: 400px;
margin: 0;
padding: 0;
}

p.creditsleft {
float: left;
text-align: left;
width: 190px;
margin: 0px;
padding: 0px 0px 8px 0px;
background: url(../img/bluearrow.gif) no-repeat 180px 7px;
}

p.creditsright {
float: left;
text-align: left;
width: 170px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 8px 0px;
color: #666;
}

p.stripedivide {
width: 430px;
height: 5px;
margin: 0px 0px 8px 0px;
padding: 0px;
background: url(../img/bgstripes.gif) repeat-x top left;
}

img.creditsclear {
float: left;
margin: 0px;
padding: 0px 0px 8px 0px;
}







/*     LAYOUT     */

body {
font-family: arial, sans-serif;
font-size: 12px;
text-align: center;
height: 100%;
margin: 0px;
padding: 0px;
background: #fff;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

img.bigmap {
margin: 10px 0px 10px 0px;
padding: 0px;
}

div.container {
width: 764px;
padding: 0px;
margin: 0px auto;
background: url(../img/bgsides.gif) repeat-y 50% 0;
}

div.subcontainer {
width: 760px;
padding: 0px;
margin: 0px auto;
}

div.headercontent {
margin: 0px auto;
padding: 0px;
width: 760px;
float: left;
}

div.topnav {
margin: 0px;
padding: 0px;
width: 760px;
height: 64px;
}

div.topnav p {
float: left;
color: #666;
margin: 0px 0px 0px 25px;
padding: 30px 0px 0px 0px;
word-spacing: 1.2px;
}

img.toplogo {
float: left;
margin: 0px 0px 0px 26px;
padding: 0px;
}























div.headerimage {
text-shadow: 0px 0px white;
float: left;
background: #344b77 url(../img/newheader/nh-bg.gif) 0 0;
margin: 0px;
padding: 0px;
width: 760px;
height: 200px;
text-align: left;
border-bottom: 1px solid #666;
}

div.headerimagetext {
margin: 0;
padding: 0;
}

div.headerimage p {
font-size: 1.1em;
color: #fff;
margin: 0px 0px 0px 25px;
padding: 40px 0px 0px 0px;
width: 430px;
background: url(../img/newheader/logobase.gif) no-repeat 0 0;
}

span.hbigger {
font-family: geneva, verdana, arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
}

span.hbiggerright {
font-family: geneva, verdana, arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
}

div.headerimage img {
float: right;
margin: 0;
padding: 0;
border-left: 1px solid #333;
width: 210px;
height: 200px;
}

div.headerimagetowns {
float: left;
background: #0058b2 url(../img/shortheader_c.jpg) repeat-x 0 0;
margin: 0px;
padding: 0px;
width: 760px;
height: 85px;
text-align: right;
}



div.content {
clear: both;
width: 760px;
margin: 0px auto;
padding: 0px;
background: url(../img/contentbg.gif) no-repeat bottom center;
}

div.tabs {
width: 760px;
margin: 0px auto;
padding: 0px;
background: #eeeeee url(../img/tabsbgline.gif) repeat-x bottom left;
border-top: 1px solid #d5d5d5;
text-align: left;
}

div.tabs h3 {
margin: 0px;
padding: 8px 10px 0px 0px;
color: #666;
}




#navcontainer {
margin: 0px 0px 0px 30px;
padding: 11px 0px 0px 0px;
}

#navcontainer ul {
border: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
background: url(../img/sptabs.gif) no-repeat top center;
}

#navcontainer ul li a {
display: block;
background: url(../img/sptabs.gif) no-repeat top center;
width: 85px;
height: 19px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 90%;
font-weight: bold;
color: #336699;
text-decoration: none;
text-align: center;
}

#navcontainer ul li a:hover {
background: url(../img/sptabs.gif) no-repeat top right;
color: #336699;
}

#navcontainer a:active {
color: #336699;
}

#navcontainer li#active {
background: url(../img/sptabs.gif) no-repeat top left;
}

#navcontainer li#active a {
background: url(../img/sptabs.gif) no-repeat top left;
color: #336699;
}

#navcontainer ul li#tabnotes {
display: block;
background: none;
height: 19px;

padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 10px;
font-size: 90%;
font-weight: bold;
color: #666;
text-decoration: none;
text-align: center;
}









/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#uparrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 24px;
background: url(../img/arrow-up-lglow.gif) no-repeat 0px 5px;
}

#navcontainer ul li#uparrow a {
background: url(../img/arrow-up.gif) no-repeat 0px 5px;
width: 24px;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navcontainer ul li#uparrow a:hover {
background: none;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*     ROLLOVER ARROWS STYLING      */


#navcontainer ul li#leftarrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 29px;
background: url(../img/arrow-left-lglow.gif) no-repeat 7px 4px;
}

#navcontainer ul li#leftarrow a {
background: url(../img/arrow-left.gif) no-repeat 7px 4px;
width: 29px;
padding: 10px 4px 0px 6px;
margin: 0px 0px 0px 0px;
}

#navcontainer ul li#leftarrow a:hover {
background: none;
padding: 10px 4px 0px 6px;
margin: 0px 0px 0px 0px;
}

/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#rightarrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 29px;
background: url(../img/arrow-right-lglow.gif) no-repeat 0px 4px;
}

#navcontainer ul li#rightarrow a {
background: url(../img/arrow-right.gif) no-repeat 0px 4px;
width: 29px;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navcontainer ul li#rightarrow a:hover {
background: none;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#noarrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 24px;
background: none;
}














div.tabs p {
color: #99cc33;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 10px;
}

div.tabs a:link {
text-decoration: none;
color: #99cc33;
}

div.tabs a:visited {
text-decoration: none;
color: #99cc33;
}

div.tabs a:hover {
text-decoration: none;
color: #83b225;
}

div.clear {
clear: both;
width: 700px;
height: 10px;
}

img.arrowintext {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



/*     INDEX PAGE STYLING      */

div.gridouter {
float: left;
text-align: left;
margin: 0px;
padding: 0px;
}

div.gridouter img {
border: 0px;
}

div.gridouter p {
color: #666666;
width: 160px;
margin: 0px;
padding: 4px 0px 0px 60px;
}

div.gridouter h2 {
font-family: arial, sans-serif;
font-size: 220%;
font-weight: normal;
letter-spacing: -1.5px;
color: #333;
margin: 0px;
padding: 18px 0px 0px 60px;
}

div.gridouter h2 a {
color: #333;
}

div.gridouter h2 a:link {
color: #333;
}

div.gridouter h2 a:visited {
color: #333;
}

div.gridouter h2 a:hover {
background: #f8f8f8;
color: #000;
}

div.gridouter p a {
text-decoration: none;
color: #666666;
}

div.gridouter p a:link {
text-decoration: none;
color: #666666;
}

div.gridouter p a:visited {
text-decoration: none;
color: #666666;
}

div.gridouter p a:hover {
text-decoration: none;
color: #333;
}






div.topleft {
float: left;
width: 260px;
height: 110px;
text-align: left;
margin: 24px 0px 0px 0px;
padding: 0px;
background: url(../img/rcgreen.gif) no-repeat bottom right;
}

div.topright {
float: left;
width: 250px;
height: 110px;
text-align: left;
margin: 24px 0px 0px 0px;
padding: 0px;
background: url(../img/rcgreen.gif) no-repeat bottom right;
}

div.midleft {
float: left;
width: 260px;
height: 110px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(../img/rcblue.gif) no-repeat bottom right;
}

div.midright {
float: left;
width: 250px;
height: 110px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(../img/rcblue.gif) no-repeat bottom right;
}

div.bottomleft {
float: left;
width: 260px;
height: 110px;
text-align: left;
margin: 0px 0px 30px 0px;
padding: 0px;
background: url(../img/rcgreen.gif) no-repeat bottom right;
}

div.bottomright {
float: left;
width: 250px;
height: 110px;
text-align: left;
margin: 0px 0px 30px 0px;
padding: 0px;
background: url(../img/rcgreen.gif) no-repeat bottom right;
}









div.maincol {
float: left;
width: 560px;
margin: 0px;
padding: 0px;
text-align: left;
background: url(../img/fulldropopp.gif) no-repeat top right;
}

div.rightcol {
float: left;
width: 200px;
margin: 8px 0px 0px 0px;
padding: 0px;
text-align: right;
background: none;
}

img.topad {
margin: 8px 0px 0px 0px;
padding: 0px;
}

p.adtypetext {
color: #333;
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
font-weight: bold;
float: right;
width: 180px;
margin: 0px;
padding: 14px 8px 0px 0px;
background: none;
border-bottom: 1px solid #999;
}

p.newsitemtext {
color: #333;
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
font-weight: normal;
float: right;
width: 169px;
margin: 0;
padding: 10px 15px 30px 10px;
background: none;
}

p.newsitemtext a {
text-decoration: underline;
color: #666;
}

p.newsitemtext a:link {
text-decoration: underline;
color: #666;
}

p.newsitemtext a:visited {
color: #666;
}

p.newsitemtext a:hover {
color: #333;
}







/*     INDEX PAGE STYLING      */



div.simplepagetext {
float: left;
width: 720px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
}

div.simplepagetext p.setwidth {
width: 420px;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

div.simplepagetext img.floatwithborder {
float: right;
margin: 0px 25px 10px 19px;

background: #fff;
border: 1px solid #CCC;
padding: .5em;
}





/*     INTRO STYLING      */

div.towntextleft {
float: left;
width: 240px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
background: url(../img/bluestreak.gif) no-repeat top right;
}

div.towntextleft p {
margin: 0px;
padding: 0px 17px 0px 0px;
text-align: left;
}

div.towntextright {
float: left;
width: 260px;
margin: 20px 0px 0px 20px;
padding: 0px;
text-align: left;
}

div.towntextright p {
color: #666;
margin: 0px;
padding: 5px 5px 0px 0px;
text-align: left;
}

span.highlight {
color: #333;
}

/*     INTRO STYLING      */



/*     PHOTO GALLERY STYLING      */

div.photogallerytopbar {
background: #e7e7e7;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 720px;
}

div.photogallerytopbar p {
margin: 0px 0px 0px 0px;
padding: 5px 10px 6px 8px;
color: #333;
font-size: 95%;
}

div.photogallerymain {
background: #f7f7f7;
border: 0px;
margin: 6px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 720px;
}

div.photogalleryphoto {
float: left;
width: 210px;
margin: 15px 0px 8px 19px;
padding: 0px;
border: 1px solid #e7e7e7;
text-align: center;
background: #fff;
}

div.photogalleryphoto img {
margin: 10px 0px 0px 0px;
padding: 0px;
}

div.photogalleryphoto p {
margin: 0px;
padding: 8px 10px 8px 10px;
text-align: center;
}

div.photogalleryphoto a:link {
text-decoration: none;
color: #999;
}

div.photogalleryphoto a:visited {
text-decoration: strikethrough;
color: #999;
}

div.photogalleryphoto a:hover {
text-decoration: underline;
color: #666666;
}

div.photogalleryrow {
margin: 0px;
padding: 0px;
}

div.photogalleryclear {
clear: both;
}




div.townmapsnotebar {
background: #e7e7e7 url(../img/downarrow.gif) no-repeat 730px 12px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 760px;
}

div.townmapsnotebar p {
margin: 0px 0px 0px 0px;
padding: 5px 40px 6px 28px;
color: #333;
font-size: 95%;
}




div.townmapsbottomnote {
border: none;
margin: 10px 0px 10px 0px;
padding: 0px;
text-align: left;
width: 760px;
}

div.townmapsbottomnote p {
margin: 0px 0px 0px 0px;
padding: 5px 40px 6px 28px;
color: #333;
font-size: 95%;
}



/*     PHOTO GALLERY STYLING      */




/*     FOOTER STYLING      */


div.footer {
width: 764px;
height: 60px;
margin: 0px auto;
padding: 0px;
background: #fff url(../img/footbg.gif) no-repeat bottom center;
text-align: left;
}

div.footertext {
width: 300px;
float: left;
margin: 13px 0px 0px 0px;
padding: 0px;
font-weight: bold;
text-align: left;
}

div.footer p {
color: #666666;
font-size: 85%;
margin: 0px;
padding: 0px 0px 0px 25px;
text-align: left;
}

div.footer a {
color: #99cc33;
}

div.footer a:link {
color: #99cc33;
}

div.footer a:visited {
color: #99cc33;
}

div.footer a:hover {
color: #83b225;
}



div.belowfooter {
clear: both;
width: 764px;
height: 50px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

div.belowfooter p {
color: #bbbbbb;
margin: 0px 25px 0px 25px;
padding: 0px;
font-size: 85%;
}

div.belowfooter a:link {
color: #bbbbbb;
}

div.belowfooter a:visited {
color: #bbbbbb;
}

div.belowfooter a:hover {
color: #999;
}

div.belowfooter span.left {
float: left;
text-align: left;
width: 49%;
}

div.belowfooter span.right {
float: right;
text-align: right;
width: 49%;
}




/*     FOOTER STYLING      */





/*      FORM SPECIFIC STYLING        */

div.form {
float: right;
width: 400px;
text-align: right;
margin: 10px 24px 0px 0px;
padding: 0px;
background: url(../img/silktext.gi) no-repeat 80px 26px;
}

div.fback {
float: right;
background: #ededed;
border: 1px solid #CCC;
margin: 1px 6px 0px 0px;
padding: 0px 0px 0px 0px;
height: 20px;
}

div.fback p {
color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 86%;
margin: 0px;
padding: 3px 4px 0px 4px;
}

#verticalForm fieldset {
float: right;
margin: 0px;
padding: 0px;

color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
border: 0px;
}


#verticalForm input {
border: #fff 0px;
padding: 0px;

color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 86%;
}

#verticalForm input.submit {
float: left;
border: 1px solid #CCC;
margin: 1px 0px 0px 6px;
padding: 0px;
height: 22px;
background: #ededed;
}

#verticalForm input.hidethis {
display: none;
}

#verticalForm textarea {
display: block;
background: none;
border: 1px solid #CCC;
padding: 0px;
height: 20px;

color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 95%;
}

#verticalForm label {
float: left;
margin: 0px;
padding: 0px;
font-size: 90%;
}

#verticalForm select {
border: 0px;
}

p.whitebg {
background: #fff;
width: 300px;
}



span.shortbreak {
line-height: 50%;
}

img.hrimg {
background: #fff;
margin: 0px 0px 4px 0px;
padding: 0;
height: 1px;
width: 148px;
}



/* CSS Document */