/**************** Body and tag styles ****************/

*{margin:0; padding:0;}
img {
padding:0;
margin: 0;
}
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#ffffff;
}
.skiplinks {
Display:none;
}
a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}

#container{
width:760px;
margin:20px auto;
padding:0px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:1px solid #000000;
background-image:url(images/container-bg.gif);
background-repeat:repeat-y;
}
#top {
}
#toptitle{ 
height:40px;
width:190px;
background:#ffffff;
color:#666666;
padding:10px 0px 10px 10px;
margin:0;
font-family:"trebuchet MS", Verdana, Arial;
font-stretch:condensed;
font-size:10pt;
font-weight:bold;
text-align:left;
}
#toptitle img{ 
padding-right:7px;
}
/**************** sloping background ****************/
#background {
position:relative;
float:left;
background-image:url(images/top_banner_new.jpg);
width:760px;
height:60px;
background-position:left top;
background-repeat:no-repeat;
margin:0;
padding:0;
}



/**************** end of sloping background ****************/
#header{
height:140px;
width:760px;
margin:0;
padding:0;
background:#FFFDE5;
background-image:url(images/header.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#590057;
border-top:1px solid #999999;
clear:both;
}
.emailright{
float:right;
padding: 0px 5px 3px 7px;
margin-left:5px;
}
#navigation{
float:left;
height:2.2em;
line-height:2.2em;
background:inherit;
color:#000000;
padding:0;
margin:0;
}
#emailleft{
float:left;
height:2.2em;
line-height:2.2em;
color:#000000;
padding:16px 20px 0px 115px;
font-family:arial, helvetica, sans-serif;
font-size:12pt;
font-stretch:extra-expanded;
font-weight:bold;
}

#navigation li{
float:left;
list-style-type:none;
white-space:nowrap;
}

#navigation li a{
font-family:"trebuchet MS", Verdana, Arial;
display:block;
padding:0 13px;
font-size:1.0em;
text-weight:bold;
text-transform:uppercase;
text-decoration:none;
color: #000000;
}

* html #navigation a {width:1%;}

#navigation a:hover{
color:#000000;
text-decoration:underline;
}

#rightborder {
float:left;
height:1.8em;
width:745px;
background:#66CC66;
background-image:url(images/stripe.gif);
background-repeat:none;
border-bottom:1px solid #999999;
padding:5px 0px 0px 15px;
font-weight:bold;
color:#FFFFFF;
font-family:"trebuchet MS", Verdana, Arial;
font-size:14px;
}




/**************** Content styles ****************/

#content{
float:left;
width:550px;
font-size:0.9em;
padding:0px 0px 0px 0px;
height:100%;
}
.welcometext{
height: 167px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
margin-bottom:21px;
}
#content h2{
display:block;
margin:0 0 5px 0;
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
color:#467AA7;
background-color:inherit;
}





/**************** Footer styles ****************/

#footer{
width:758px;
height:30px;
clear:both;
padding:0px 0px 0px 0px;
margin:0;
font-size:0.9em;
color:#000000;

border-top:1px solid #999999;
background:#CCFFCC;
}

#footer p{padding:10px 0px 0px 0px; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:none;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
#footer ul li{display:inline;}

/**************** header ****************/

.header_box{
font-family: Antique Olive, Courier New, Arial;
font-size:medium;
font-weight:bold;
margin:5px 15px 5px 10px;
padding:5px 5px 10px 5px;
border:0;
background:#e8eaec;
color:#000000;
line-height:1.5em;
}

.photoheader { float:left; width:570px;}
.photoholder { float:left; 
width:175px; 
height:124px;
margin:0px 5px 5px 5px;
padding:0px 0px 0px 0px;
border:1px solid #000000;
}
/**************** Content ****************/
.center {float:left; width:430px;
padding:0;
margin:5px 0px 10px 5px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
}
.centerinfo {float:left; width:360px;
padding:0;
margin:5px 10px 10px 5px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
}
.maincenter{
margin:10px 10px 10px 10px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
}
.maincenter ul{
padding-left:15px;

}
.maincenter ul li{
list-style-type:disc;

}
.maincenter ol{
padding-left:40px;
}

.centerheader {float:left; 
padding:5px 5px 5px 5px; width:420px;
background:	url(images/med-stripe.gif) no-repeat;
font-size:14px;
font-weight:bold;
color:white;
font-family:"trebuchet MS", Verdana, Arial;
height:27px;
}
.splitcontentleft{float:left; width:202px;
font-size:small;
padding:5px 0px 0px 0px;
border-right:1px solid #999999;
background: url(images/side.gif) repeat-y;
height:100%;
clear:both;

}
.splitcontentleft li{
color:#000000;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;
padding:0px 10px 5px 10px;
}
.splitcontentleft a{
color:#000000;
text-decoration:none;
font-weight:normal;
}

.splitcontentleft a:hover{
text-decoration:underline;
color:#465046;
}
.splitcontentleft dt{
color:#465046;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;
padding:0px 10px 5px 10px;
display:block;
}
.splitcontentleft dd{
color:#000000;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;
padding:0px 10px 5px 10px;
color:#000000;
}

.splitcontentleft dd a{
color:#000000;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;
padding:0px 10px 5px 10px;

}

.splitcontentleft dt a:hover{
color:#000000;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;
}
.splitcontentleft dd a:hover{
color:#000000;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;

}

.splitcontentleft dt a{
display:block;
color:#000000;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
list-style:none;
}


.right{
float:right; width:160px;
margin:10px 0px 5px 15px;
padding:0;
}
.right img{
border:1px solid #000000;
}

.splitcontentright {float:right; width:90px;
margin:0px 0px 5px -10px;
padding:0;
 }
.advertholder {
float:left; 
width:90px;
margin:10px 0px 0px 0px;
}

.contentphotoholder { float:left; width:160px; height:180px; margin:10px 0px 20px 0px;
padding:0;
border:1px solid #000000;

}
.welcome { float:left; width:245px; 
height:177px;
 margin:10px 0px 22px 10px; 
 border:1px solid #000000;
padding:5px 5px 5px 5px;
background-color:#ffffff;
}
.bulletinlocal{
  border:1px solid #999999;
 width:430px;
 float:left;
 background-color:#ffffff;
padding:5px 5px 5px 5px;
margin: 5px 0px 5px 0px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
 }
 .bulletinlocalfirst{
  border:1px solid #999999;
 width:430px;
 float:left;
 background-color:#ffffff;
padding:5px 5px 5px 5px;
margin: 10px 0px 10px 0px;
font-family:"trebuchet MS", Verdana, Arial;
font-size:11px;
 }
 
.passage{
background-image:url(images/passage-in-time1.jpg);
border:1px solid #000000;
}
 .passagetext{
 font-family: "Trebuchet", "Tines New Roman";
 font-size:12pt;
 }
 
.bulletincouncil {
 border:1px solid #999999;
 width:430px;
 height:147px;
 float:left;
 background-color:#ffffff;
padding:10px 5px 5px 5px;
margin: 13px 0px 20px 0px;
 }

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}


/**************** Navigation ****************/
.navbox{
margin:10px 10px 0px 10px;
padding:0px 0px 0px 0px;
background:#e8eaec;
}
.navbox ul{
float:left;
padding:0;
margin: 0px 0px 0px 0px;
background:#e8eaec;
}
.navbox li{
display:inline;

list-style-type:none;
padding: 0px 0px 0px 0px; 
margin:0px 0px 0px 0px;
background-color:#ffffff;
}

.navbox li a{
font-family: Times New Roman, Times, Serif;
font-size: x-small;
font-weight:normal;
text-decoration:none;
background-color:#ffffff;
color: #000000;

 
}

.navbox a{
border:1px solid #000000;
padding:0px 7px 0px 7px; 
margin:5px 0px 5px 0px;
}

.navbox a:hover {
text-decoration:none;
color: #0066FF;

}

.townsbox{
margin:0px 10px 20px 10px;

padding:10px 10px 15px 10px;
border:1px solid #000000;
background-color:#ffffff;
color:#000000;
line-height:1.5em;
}

.townsbox li {
letter-spacing: 0.1em; 
list-style:none;
font-family:Chalkboard, Times New Roman, Times;
font-size:medium;
padding:0px 0px 5px 0px;
}
.townsbox a {
text-decoration:none;
color:#000000;
font-weight:normal;
}

.townsbox a:hover {
text-decoration:underline;
color:#0066FF;
font-weight:normal;
}

.heading{
padding-left:210px;
padding-top:5px;
font-size:14px;
font-weight:bold;
color:white;
font-family:"trebuchet MS", Verdana, Arial;
}
.headtext{
padding-left:7px;
font-size:14px;
font-weight:bold;
color:white;
font-family:"trebuchet MS", Verdana, Arial;
}
.headtexta{
padding-left:35px;
}
.navhead {
font-weight:bold;
padding:5px 5px 5px 5px;
background:	url(images/small-stripe.gif) no-repeat;
margin-bottom: 5px;
font-size: medium;
color:#FFFFFF;
height:29px;
}
.tablehead {
font-weight:bold;
background:	url(images/small-stripe.gif) no-repeat;
font-size: 11pt;
color:#FFFFFF;

}

.box{
margin:20px 10px 15px 10px;
padding:10px;
border:1px solid #000000;
background-color:#ffffff;
color:#505050;
line-height:1.5em;
}

.box a:hover {
text-decoration:underline;
color:#0066FF;
font-weight:normal;
}


.box li {
list-style:none;
font-family:Chalkboard, Times New Roman, Times;
font-size:medium;
padding:0px 0px 5px 0px;
letter-spacing: 0.1em; 
}
.box a {
text-decoration:none;
color:#000000;
font-weight:normal;
}


#subcontent .coolmenu a:hover{
text-decoration:none;
}
.menuhead{
font-size:1.1em;
padding:0.2em;
margin:0;
background-color:#E8E8E8;
color:#BB4603;
}

.nice {
background:#E7F7E7;
text-align:center;
}

.imgrightnews {
	float: right;
	}

.imgright {
	float: right;
	margin-top:2px;
	margin-left: 1em;
	border:1px solid #ccc;
	background-color:#Fff;
	padding:1em;
}
.imgleft {
    float: left;
	margin-right: 1em;
	border:1px solid #ccc;
	background-color:#Fff;
	padding:1em;
}

.imgleftnews {
    float: left;
	}

.imageborder{
border:1px solid #000000;
}
.imagebordcent{
text-align:center;
}
.imagebordright{
border:1px solid #000000;
float:right;
margin-left:5px;
}
.imagebordleft{
border:1px solid #000000;
float:left;
margin-right:5px;
}
.bright{
color:#CC0000;
font-size:16pt;
font-weight:bold;
line-height:1em;
}
.bright a{
text-decoration:none;
color:##CC0000;
font-size:16pt;
}
.big{
font-size:16pt;
color:#0066FF;
}
.blue{
font-size:14pt;
color:#6699FF;

}
.bluestrong{
font-weight:bold;
color:#6699FF;

}

.spacer li{
	margin-bottom:1em;
}
/**************** To fix italic bug in ie ****************/
.italic {
font-style:italic;
width:99%;
}