html { 
  padding:0px;
  margin:0px;
  background-color: #eee;
}

body {
  font-size: 12px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#564b47;  
  text-align:center;
	margin:0px;
	padding:0px;
}



p,pre, h1 {
margin:0px 10px 10px 10px;
}

h1 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
	}
h2{
font-size:12px;
line-height: 20px;
padding-top:2px;
padding-left: 5px;
text-transform:uppercase;
color: #fff;
background-color: #1E5519;
	}
h3 {
font-size:12px;
padding-top:10px;
text-transform:uppercase;
background-color: transparent;
	}
h4 {
font-size:10px;
padding-top:5px;
text-transform:uppercase;
background-color: transparent;
	}			

a { 
color: #1E5519;
font-size: 12px;
background-color:transparent;
text-decoration: none; 
}


a.hover 
{ color: #1E5519; 
text-decoration: underline; 
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}


/*  positioning-layers statisch und absolut */

#box {
width:956px;
margin: 0px auto;
padding:0px;
text-align:left;
background-color: #fff;
}

#left {
width:175px;
padding:0px;
float:left;
}

#content {
width:781px;
padding:0px;
float:left;
background-color:#fff;
overflow: no;
}
/* --- rotator --- */

/* rotator in-page placement */
    div#gallery {
	position:relative;
	height:240px;
	float:left;
	width: 760px;
}
/* rotator css */
	div#gallery ul li {
	float:left;
	position:absolute;
	margin:10px;padding:0;
	list-style: none;
}

	div#gallery ul {
	margin:0;padding:0;
	list-style: none;
}

/* rotator image style */	
	div#gallery ul li img {
	background: #FFF;
	border: 0;
}
    div#gallery ul li.show {
	z-index:500
}

#right {
width:175px;
padding:0px;
float:left;
}

#sectionLeft {
width:253px;
height: 450px;
padding-left:10px;
float:left;
background-color:#FFF;
background-image: url('../test_images/bg_section_middle.png');
}

#sectionMiddle {
width:253px;
height: 450px;
padding:0px;
float:left;
background-color:#FFF;
background-image: url('../test_images/bg_section_middle.png');
overflow: auto;
}

#sectionRight {
width:253px;
height: 450px;
padding:0px;
float:left;
background-color:#FFF;
background-image: url('../test_images/bg_section_middle.png');
}


#head {
background-color: transparent;
}

#logo {
	position: relative;
	display: block;
	margin-left: 40px;
	width: 100px;
	height: 100px;
	margin-bottom: 2px;
	overflow: hidden;
	background-image: url('../test_images/2.jpg');
}

#slogan {
	position: relative;
	display: block;
    top:0px;
	width: 956px;
	height: 100px;
	margin-bottom: 2px;
	overflow: hidden;
	background-image: url('../test_images/header-newyear.jpg');
}


#councilSectionLocal {
width:500px;
height: 2870px;
padding-left:10px;
float:left;
}

#councilSectionR {
width:500px;
height: 1600px;
padding-left:10px;
float:left;
}

#SectionCouncilInfo {
width:500px;
height: 1200px;
padding-left:10px;
float:left;
}



#councilSectionCouncillor {
width:500px;
height: 600px;
padding-left:10px;
float:left;
}


#councilSectionLeft {
width:500px;
height: 900px;
padding-left:10px;
float:left;
}

#councilSectionRight {
width:250px;
height: 350px;
padding:0px;
float:left;
}

#SectionEvents {
width:500px;
height: 1800px;
padding-left:10px;
float:left;
}

#councilSectionTwelve {
width:500px;
height: 1200px;
padding-left:10px;
float:left;
}

#councilSectionSixteen {
width:500px;
height: 1600px;
padding-left:10px;
float:left;
}

#councilSectionTwoThousand {
width:500px;
height: 2000px;
padding-left:10px;
float:left;
}

#councilSectionTwoThousandFiveHundred {
width:500px;
height: 2500px;
padding-left:10px;
float:left;
}

#councilSectionThreeThousand {
width:500px;
height: 3000px;
padding-left:10px;
float:left;
}


#leftSection {
width:317px;
border-top: 25px solid #1E5519;
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
border-left: 1px dotted #aaa;
height: 125px;
padding:0px;
float:left;
}

#leftSection img
{
padding: 5px;
}

#middleSection {
width:317px;
border-top: 25px solid #1E5519;
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
height: 125px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}

#middleSection img
{
padding: 5px;
}

#rightSection {
width:317px;
border-top: 25px solid #1E5519;
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
height: 125px;
padding:0px;
float:left;
}

#rightSection img
{
padding: 5px;
}

#head h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #B8AF03;
padding:5px 15px;
margin:0px
}
#head h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #1E5519;
padding:5px 15px;
margin:0px
}

#head p {
padding:10px;
margin:0px;
}


#headDir h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #195761;
padding:5px 15px;
margin:0px
}
#headDir h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #195761;
padding:5px 15px;
margin:0px
}

#headDir p {
padding:10px;
margin:0px;
}




#headCouncil h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #2683FF;
padding:5px 15px;
margin:0px
}
#headCouncil h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #2683FF;
padding:5px 15px;
margin:0px
}

#headCouncil p {
padding:10px;
margin:0px;
}

#headFind h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #FFE52F;
padding:5px 15px;
margin:0px
}
#headFind h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #000;
background-color: #FFE52F;
padding:5px 15px;
margin:0px
}

#headFind p {
padding:10px;
margin:0px;
}

#headLocal h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #E40604;
padding:5px 15px;
margin:0px
}
#headLocal h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #E40604;
padding:5px 15px;
margin:0px
}

#headLocal p {
padding:10px;
margin:0px;
}

#headCharter h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #B05759;
padding:5px 15px;
margin:0px
}
#headCharter h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #B05759;
padding:5px 15px;
margin:0px
}

#headCharter p {
padding:10px;
margin:0px;
}

#headGuide h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #C18748;
padding:5px 15px;
margin:0px
}
#headGuide h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #C18748;
padding:5px 15px;
margin:0px
}

#headGuide p {
padding:10px;
margin:0px;
}

#headDirect h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #fff;
background-color: #195761;
padding:5px 15px;
margin:0px
}
#headDirect h3 {
font-size: 10px;
text-transform:lowercase;
text-align: left;
color: #fff;
background-color: #195761;
padding:5px 15px;
margin:0px
}

#headDirect p {
padding:10px;
margin:0px;
}

img.alignleft{float:left; padding: 3px 3px 3px 3px; border:1px solid #ccc; background-color:#fff; margin: 3px;}

#sectionlinks {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinks   li  { 
	    background-color:#1E5519;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinks   li A { 
        color:#FFF;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinks   li.alternate { 
		background-color:#2A7524;
	}
#sectionlinks   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}
	
	
#sectionlinksGuide {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinksGuide   li  { 
	    background-color:#C18748;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinksGuide   li A { 
        color:#FFF;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinksGuide   li.alternate { 
		background-color:#74522D;
	}
#sectionlinksGuide   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}
	
		
	
#sectionlinksCharter {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinksCharter   li  { 
	    background-color:#B05759;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinksCharter   li A { 
        color:#FFF;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinksCharter   li.alternate { 
		background-color:#813E3F;
	}
#sectionlinksCharter   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}	
	
#sectionlinksCouncil {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinksCouncil   li  { 
	    background-color:#2683FF;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinksCouncil   li A { 
        color:#FFF;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinksCouncil   li.alternate { 
		background-color:#2571D7;
	}
#sectionlinksCouncil   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}
	
#sectionlinksLocal {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinksLocal   li  { 
	    background-color:#E40604;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinksLocal   li A { 
        color:#FFF;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinksLocal   li.alternate { 
		background-color:#E63F3D;
	}
#sectionlinksLocal   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}
	
#sectionlinksFind {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinksFind   li  { 
	    background-color:#FBE863;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinksFind   li A { 
        color:#000;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinksFind   li.alternate { 
		background-color:#FFE52F;
	}
#sectionlinksFind   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}




	
#sectionlinksDirectory {
		width:250px;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		line-height:2.8em;
	    margin-bottom:0px;
		}		
		
#sectionlinksDirectory   li  { 
	    background-color:#195761;
		border-bottom:solid 1px #F8F9FB;
		background-repeat: no-repeat;
	    padding-left: 16px;
		list-style: none;
        background-image: url(/);
	    background-position: 7px 9px;
		}	
#sectionlinksDirectory   li A { 
        color:#fff;	
        list-style: none;
		font-family:  Verdana, Arial;
		font-size: 1.00em;
		font-weight:700;
		text-decoration:none;
}		
		
#sectionlinksDirectory   li.alternate { 
		background-color:#2B9AAC;
	}
#sectionlinksDirectory   li a:hover  {
        color:#CCCCCC;
		text-decoration:underline
	}	
	
		
		
	
		
	
	
	/* Footer --------------------------- */

	#footer {
		width: 845px;
		height: 229px;
		margin-left: -4px;
		font-size: 11px;
		font: 11px Georgia, "Times New Roman", Times, serif;
		padding: 23px 0 0 40px;
	}
	#footer h1 {
		font: normal 16px Arial, Helvetica, sans-serif;
		color: #423430;
		cursor: default;
	}
	#footer h2 {
		font: normal 11px Arial, Helvetica, sans-serif;
		margin: -3px 0 15px 0;
		cursor: default;
	}
	#footer em {
		font: bold italic 11px Georgia, "Times New Roman", Times, serif;
	}
	#footer small {
		font-size: 10px;
		font-style: italic;
		margin-top: 45px;
		display: block;
	}
	#footer small a {
		text-decoration: none;
		color: #423430;
		border-bottom: 1px dotted #423430;
	}
	#footer #form small {
		margin: 0;
	}
		#footer #form {
		width: 275px;
		float: left;
		position: relative;
		right: -35px;
	}
	#footer #contact {
		width: 240px;
		float: left;
		margin-left: -10px;
	}
	#footer #contact small {
		width: 300px;
		line-height: 16px;
	}
	#footer #resume {
		width: 200px;
		float: right;
		margin-left: -10px;
	}
	#footer #resume form {
		width: 200px;
		position: relative;
		top: 30px;
		left: 30px;
	}
	#footer #resume em {
		font-weight: normal;
		display: block;
		margin-bottom: 3px;
	}
	#footer #resume input {
		width: 229px;
		height: 18px;
		padding: 3px 0 0 3px;
	}
	#footer #resume img {
		float: right;
		margin: 18px 30px 0 0;
	}
	#footerLink {
		display: block;
		margin-bottom: -15px;
	}
	#prLinks {
		display: block;
		position: absolute;
		left: -10000px;
		top: -10000px;
	}	
	.right
{
position:absolute;
right:350px;
width:300px;
border: 1px #000;
}