* { 
padding : 0;
margin : 0;
} 
body { 
margin: 0px;
height: 100%;
font-family : Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;
} 

a {
height : 12px;
color : #888f3d;
font : 400 11px Arial, Helvetica, sans-serif;
}

a:hover {
text-decoration : none;
color : #7e9dc8;
}


div#bottomnav {
    width=100%;
    float:left;
    vertical-align: bottom;
    padding-left: 20px;
}

div#bottomnav li {
   float: left;
   padding: 0px;
//   list-style-type: none;
   margin: 0 10px 0 5px;
}


.h1 {
        text-align: left;
        font-size: 36px;
        line-height: 36px;
        font-family: Georgia, serif;
        font-weight: bold;
        position: relative;
        color: #000;
    }
    .h1 span {
        position: absolute;
        top: -4px;
        left: -3px;
        padding-right: 3px;
        color: #fff;
    }

img { 
padding : 3px;
//border : 1px solid #888f3d;
} 
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 3px;
margin-top : 2px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 3px;
margin-top : 2px;
margin-right : 10px;
}
img.regular {
 border: 0px;
}
img.bordered {
padding : 3px;
border : 1px solid #cccccc;
}
img.news {
padding: 15px;

}
 
.clear{
clear: both;}
#wrapper { 
width : 1000px;
margin : 0 auto;
} 
#header { 
border : 1px solid #ccc;
margin : 5px 5px 5px 5px;
height : 200px;
background-color : #847ec8;
background-image : url(/cgi-bin/header.cgi);
} 
.logo { 
width : 160px;
height : 40px;
#background-image : url(/images/buttonone.gif);
margin-top : 50px;
margin-left : 5px;
} 
.logo a { 
color : #686b43;
font-size : 2em;
text-decoration : none;
padding-left : 12px;
line-height : 1.7em;
} 
.advertisement { 
position : relative;
left : 200px;
top : -45px;
width : 468px;
height : 60px;
background-image : url(/cgi-bin/header.cgi);
background-repeat : no-repeat;
visibility: hidden;
} 
.advertisement p { 
color : #f9f9f9;
font-size : 2.3em;
padding-left : 90px;
padding-top : 10px;
} 
.searchbox { 
float : right;
margin-top : -120px;
margin-right : 20px;
visibility: hidden;
} 
.searchbox { 
width : 127px;
height : 60px;
background : #847ec8;
color : #574a22;
visibility:hidden;
} 
.searchbox form.form { 
width : 127px;
height : 60px;
} 
.searchbox form.form .input { 
width : 61px;
height : 16px;
color : #666;
border : none;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-transform : uppercase;
visibility:hidden;
} 
.searchbox input { 
width : 104px;
height : 16px;
display : block;
background : #fff;
color : #000;
font : 11px Verdana, Arial, Helvetica, sans-serif;
margin : 14px 0 0 10px;
}
 
.breakingnews { 
position: relative;
float: bottom;
bottom: 30px;
width : 940px;
height : 20px;
border : 1px solid;
margin-top : 40px;
margin-left : 6px;
background-color : #ffffff;
padding-left : 3px;
padding-top : 5px;
opacity: 0.6;
font-weight: bold;
}
.breakingnews:hover {
opacity: 1;
}
 
.webcamtitle {
position: relative;
float:left; 
left:-13px; 
top: -110px;
border : 1px solid #ffffff;
background-color : #ffffff;
opacity: 0.8;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
}

.webcamtitle:hover {
opacity: 1;
}


#leftcolumn { 
margin : 0 5px 5px 5px;
display : inline;
width : 180px;
float : left;
min-height : 300px;
border : 1px solid #ccc;
} 
* html #leftcolumn { 
height : 300px;
} 
#leftcolumn h3 { 
background-color : #847ec8;
font-size : 1em;
padding-left : 7px;
padding-top : 2px;
padding-bottom : 2px;
color : #fff;
font-weight : bolder;
} 
.menuleft ul { 
margin : 10px 0 0 0;
list-style-type : none;
margin-left : 5px;
} 
.menuleft ul li { 
width : 155px;
height : 15px;
border-bottom : 1px dashed #868686;
} 
.menuleft ul li a { 
display : block;
height : 12px;
background : url(/images/arrow1.gif) no-repeat 0 50%;
color : #888f3d;
font : 400 11px Arial, Helvetica, sans-serif;
padding : 0 0 0 10px;
} 
.menuleft ul li a:hover { 
background : url(/images/arrow2.gif) no-repeat 0 50%;
text-decoration : none;
color : #7e9dc8;
} 
.menuleft ul li.last { 
border : none;
} 
#centercolumn { 
border : 1px solid #ccc;
margin : 0 5px 0 0;
padding-bottom: 10px;
display : inline;
width : 604px;
float : left;
min-height : 300px;
}

.similar {
padding-top : 15px;
padding-bottom : 15px;
margin-left: 30px;
//border-top: 1px dotted gray;
}

.newscomments {
padding-top : 15px;
padding-bottom : 15px;
margin-left: 30px;
margin-right: 30px;
//border-top: 1px dotted gray;
}

.comment_text {
background-color: #eeeeee; 
border: solid #aaaaaa 1px; 
margin-left: 0px;
margin-right: 5px;
padding: 5px;
}

div.title {
background-color : #847ec8;
font-size : 1em;
padding-left : 7px;
padding-top : 2px;
padding-bottom : 2px;
color : #fff;
font-weight : bolder;
} 
* html #centercolumn { 
height : 300px;
} 
#boxes_I { 
width : 600px;
margin-left : 10px;
} 
.box1 { 
width : 260px;
float : left;
margin-top : 5px;
margin-left : 10px;
} 
.box1 img { 
margin-top : 15px;
} 
.box1 h3 { 
background-image : url(/images/hbg1.gif);
background-repeat : no-repeat;
padding-top : 5px;
font-family : Times, "Times New Roman", serif;
font-weight : lighter;
color : #686b43;
font-size : 1.5em;
padding-bottom : 10px;
} 
.box1 h4 { 
padding-right : 10px;
padding-top : 15px;
font-family : Times, "Times New Roman", serif;
color : #333;
font-weight : lighter;
font-weight : bolder;
} 
.box2 { 
width : 290px;
float : right;
margin-top : 5px;
margin-right : 10px;
} 
.box2 h3 { 
background-image : url(/images/hbg1.gif);
background-repeat : no-repeat;
padding-top : 5px;
font-family : Times, "Times New Roman", serif;
font-weight : lighter;
color : #686b43;
font-size : 1.5em;
padding-bottom : 10px;
} 
.box2 h4 { 
padding-right : 10px;
padding-top : 15px;
font-family : Times, "Times New Roman", serif;
color : #333;
font-weight : lighter;
font-weight : bolder;
} 
#threeboxes { 
width : 480px;
position : relative;
margin : 15px auto 10px auto;
padding : 4px 0 0 5px;
border : 1px solid #ffe;
} 
.boxone { 
width : 150px;
float : left;
margin : 0 7px 0 0;
color : #524201;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
} 
.boxone h2 { 
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
} 
.boxone p { 
padding : 0 0 0 0;
line-height : 12px;
} 
.boxone p.more { 
width : 66px;
height : 18px;
padding : 10px 0 0 24px;
} 
.boxone p.more a { 
width : 66px;
height : 18px;
display : block;
background : #7e9dc8;
color : #fff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
} 
.boxtwo { 
width : 150px;
color : #212121;
float : left;
margin : 0 7px 0 0;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
} 
.boxtwo h2 { 
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
} 
.boxtwo p { 
padding : 0 0 0 0;
line-height : 12px;
} 
.boxtwo p.more { 
width : 66px;
height : 18px;
padding : 10px 0 0 24px;
} 
.boxtwo p.more a { 
width : 66px;
height : 18px;
display : block;
background : #7e9dc8;
color : #fff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
} 
.boxthree { 
width : 150px;
color : #333;
float : left;
margin : 0 7px 0 0;
font : 11px Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #fff;
} 
.boxthree h2 { 
color : #333;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bolder;
padding : 0 0 0 0;
} 
.boxthree p { 
padding : 0 0 0 0;
line-height : 12px;
} 
.boxthree p.more { 
width : 66px;
height : 18px;
padding : 10px 0 0 24px;
} 
.boxthree p.more a { 
width : 66px;
height : 18px;
display : block;
background : #7e9dc8;
color : #fff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
} 
.comments {
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
}
.onemorebox { 
padding-top : 15px;
padding-bottom : 15px;
margin-left: 10px;
//border-top: 1px dotted gray;
//border: 1px solid red;
} 
.onemorebox h2 { 
font-family : Times, "Times New Roman", serif;
font-size : 1.6em;
color : #7e9dc8;
padding-top : 10px;
margin-left : 10px;
} 
.onemorebox p { 
margin-right : 10px;
text-align : justify;
} 
#rightcolumn { 
margin : 0 5px 0 0;
display : inline;
width : 190px;
float : left;
border : 1px solid #ccc;
min-height : 300px;
padding-bottom : 5px;
} 
* html #rightcolumn { 
height : 300px;
} 
#rightcolumn h3 { 
background-color : #847ec8;
font-size : 1em;
padding-left : 7px;
padding-top : 2px;
padding-bottom : 2px;
color : #fff;
font-weight : bolder;
} 
form #district {
width : 250px;
margin : 0;
}

form { 
margin-top : 0;
width : 150px;
margin-left : 9px;
margin-right : 5px;
margin-bottom : 15px;
} 
form p { 
padding-top : 10px;
padding-left : 5px;
padding-bottom : 5px;
color : #847ec8;
} 

.reg p { 
padding-left : 5px;
} 
.textright1 h2 { 
background-image : url(/images/buttonyellow.jpg);
background-repeat : no-repeat;
margin-left : 10px;
font-size : 17px;
font-weight : lighter;
padding-left : 5px;
padding-top : 8px;
padding-bottom : 7px;
margin-top : 15px;
} 
.textright1 p, .textright2 p, .textright3 p, .textright4 p, .textright5 p { 
margin-top : -4px;
margin-left : 11px;
margin-right : 10px;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
padding-left : 3px;
padding-top : 5px;
padding-bottom : 5px;
border-bottom : 1px solid #ccc;
} 
.textright2 h2 { 
background-image : url(/images/buttongreen.jpg);
background-repeat : no-repeat;
margin-left : 10px;
font-size : 17px;
font-weight : lighter;
padding-left : 5px;
padding-top : 8px;
padding-bottom : 7px;
margin-top : 15px;
} 
.textright3 h2, .textright4 h2, .textright5 h2 { 
background-image : url(/images/buttonorange.jpg);
background-repeat : no-repeat;
margin-left : 10px;
font-size : 17px;
font-weight : lighter;
padding-left : 5px;
padding-top : 8px;
padding-bottom : 7px;
margin-top : 15px;
} 


#footer { 
margin-top : 5px;
display : inline;
float : left;
width : 870px;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
} 
#footer p { 
color : #a8bcf6;
} 
#footer a { 
color : #a8bcf6;
}