@charset "utf-8";
/* CSS Document */
#wip{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#900;
	color:#CCC;
	width:100%;
	padding: 4px 0 4px 0;
}

#wip a{
	color:#999;
}

#wip a:hover{
	color:#C90;
}

*{
padding:0;
margin:0;
margin:0 auto;
}

html {
margin: 0 auto;
text-align:center;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body{
	background-color:#6d8a3b;
}

#ie a:hover{
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-weight:bold;
	text-decoration:underline;
}

#wrapper{
	width:1000px;
}

#masthead{
	width:1000px;
	height:202px;
	background:url(../images/mastHeadBack.png) repeat-x;
}

#logo{
	background-image:url(../images/mastheadLogo.png);
	width:248px;
	height:202px;
	float:left;
	margin-left:30px;
}

#pageTitle{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:80px 0 0 60px;
	width:200px;
}

#monthlyPhotos{
	width:610px;
	height:173px;
	float:right;
	margin: 8px 60px 0 0;
}

#monthlyPhotosSmall{
	width:400px;
	height:113px;
	float:right;
	display:inline;
	margin: 30px 60px 0 0;
}

#topBar{
	background:url(../images/topBarBack.png) repeat-x;
	width:1000px;
	height:32px;
}

#date{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	padding: 10px 0 0 12px;
}

form{
	height:32px;
}

#search{
	float:left;
	margin-left:550px;
}

#search input{
	margin-bottom:-10px;
}

#imageField{
	margin-bottom:-16px;
}

#sitemap{
	height:32px;
	float:right;
	margin-right:30px;
}




/*Home Content CSS*/
/*------------------*/

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:-10px;
	display:inline;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:-10px;
	color:#FFF;
	font-style:italic;
	display:inline;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	float:left;
	margin-left:38px;
	margin-top:10px;
	display:inline;
	color:#FFF;
	text-decoration:underline;
}

.leaf{
	margin:0 0px 0 30px;
	width:25px;
	height:23px;
}

.gConstraint{
	float:left;
	clear:both;
	margin:10px 0 10px 0;
}

.gConstraintFire{
	float:left;
	clear:both;
	margin:10px 0 10px 30px;
}

.gDivider{
margin-top:40px; margin-bottom:-4px; clear:both;
}


#content{
	background-color:#FFF;
	width:1000px;
}

#contentLeftBracket{
	width:800px;
	float:left;
}

#contentLeft{
	display: inline;
	background-color:#6d8a3b;
	width:180px;
	height:420px;
	float:left;
	margin:10px;
}

#contentRight{
	background-color:#6d8a3b;
	width:180px;
	height:450px;
	float:right;
	margin:10px;
}

#contentMiddle{
	padding-top:30px;
	width:600px;
	float:left;
}

#contentMiddleTop{
	background-image:url(../images/homeContentTop.jpg);
	width:600px;
	height:29px;
}

#contentMiddleBack{
	background:url(../images/homeContentMiddle.jpg) repeat-y;
	width:600px;
}

#contentMiddleBack p{
	text-align:left;
	padding:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

#contentMiddleBottom{
	background-image:url(../images/homeContentBottom.jpg);
	width:600px;
	height:29px;
}

/*End of Home Content CSS*/
/*----------------------------*/


/*Other Content CSS*/
/*---------------------------*/

#otherMiddle{
	padding-top:30px;
	margin-right:20px;
	margin-bottom:30px;
	width:778px;
	float:right;
}

.submenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#040;
	width:600px;
	float:left;
	margin-top:-20px;
	margin-left:110px;
}

.submenu a{
	text-decoration:none;
	color:#040;
}

.submenu a:hover{
	color:#020;
}

.submenu li{
	float:left;
	display:inline;
}

.subMenuDivider{
	display:inline;
	float:left;
	margin:0 8px 0 8px;
}

#backButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:80px;
	height:20px;
	margin-top:-20px;
	float:left;
}

#backButton a{
	text-decoration:none;
	color:#475b26;
	font-weight:bold;
}

#backButton a:hover{
	color:#020
}

#homeButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:80px;
	height:20px;
	margin-top:-32px;
	float:right;
}

#homeButton a{
	text-decoration:none;
	color:#475b26;
	font-weight:bold;
}

#homeButton a:hover{
	color:#020;
}

#upButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:80px;
	height:20px;
	margin-top:6px;
	float:left;
}

#upButton a{
	text-decoration:none;
	color:#475b26;
	font-weight:bold;
}

#upButton a:hover{
	color:#020;
}


#otherMiddleTop{
	background-image:url(../images/otherContentTop.png);
	width:778px;
	height:22px;
}

#otherMiddleBack{
	background:url(../images/otherContentBack.png) repeat-y;
	width:778px;
	font-family:Arial, Helvetica, sans-serif;
}

#otherMiddleBack p{
	text-align:left;
	padding:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding-top:14px;
	padding-bottom:14px;
}

#otherMiddleBottom{
	background-image:url(../images/otherContentBottom.png);
	width:778px;
	height:22px;
}

#otherMiddleBack ul{
	margin-left:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	list-style-image: url(arrow.gif);
}

#otherMiddleBack li{
	padding-top:30px;
}

#otherMiddleBack a{
	color:#FFF;
	text-decoration:none;
}

#otherMiddleBack a:hover{
	color:#FFF;
	text-decoration:underline;
}

.councilMember{
	width:770px;
	clear:both;
}

.councilMember p{
	margin-bottom:-20px;
}

#listText{
	width:600px;
	margin-left:80px;
	text-align:left;
}

.fLeft{
	float:left;
}

#listText ul, li{
margin:0;
padding:0;
list-style-type:none;
}

#listText li{
background:url(../images/listLeaf.png) left top no-repeat;
padding-left:40px;
margin-left:0px;
} 

.smallText{
	
}

#otherText{
	width:750px;
	margin-left:10px;
}

#otherText ul{
	list-style-type:circle;
}

.submenu{
	margin-top:-20px;
	float:left;
	margin-bottom:20px;
}

.smallText{
	font-size:12px;
	margin-top:-20px;
	margin-left:-60px;
}

#committeeMeetingsLinks a{
	color:#FFF;
	text-decoration:underline;
}

#committeeMeetingsLinks a:hover{
	color:#FC3;
	text-decoration:underline;
}

#committeeMeetingsLinks1{
	width:340px;
	float:left;
}

#committeeMeetingsLinks2{
	width:340px;
	float:left;
}

#importantNote{
	margin-top:10px;
}

#meetingTable{
	background-color:#6d8a3b; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-left:40px; border:thin #000 solid; padding: 20px;
	width:680px;
}

#agendaTable li{
	margin-top:-20px;
	margin-left:-16px;
	text-align:left;
	width:200px;
	list-style-type:disc;
}

#tableBuilding{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

/*End of Other Content CSS*/
/*-------------------------------------*/




/*Navigation CSS*/
/*--------------------*/

#navigation{
	width:162px;
	margin-top:30px;
}

#navTop{
	background-image:url(../images/sideBarTop.png);
	width:162px;
	height:33px;
}

#navLinksBack{
	background:url(../images/sideBarBack.png) repeat-y;
}

#navBottom{
	background-image:url(../images/sideBarBottom.png);
	width:162px;
	height:17px;
}

#navigation a{
	text-decoration:none;
	color:#FFF;
}

#navigation a:hover{
	text-decoration:none;
	color:#f1f615;
}

#navigation ul{
	list-style:none;
}

#navigation li{
	background-color:#455a25;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	color:#FFF;
	margin:4px 4px 4px 4px;
	padding:0 4px 0 10px;
}

#navigation li:first-child{
	margin-top:0px;
}


#navigation li:last-child{
	margin-bottom:0px;
}

#navLogo{
	background-image:url(../images/SenseTheDifferenceLeafLogo.png);
	width:115px;
	height:107px;
	margin-top:30px;
}

/*-------------------------------*/
/*End of Navigation CSS*/




/*Right Sidebar CSS*/
/*------------------------*/

#weather{
	margin:10px 0 20px 0;
}

#rightSidebar{
	width:162px;
}

#rightSidebarTop{
	background-image:url(../images/sideBarTop.png);
	width:162px;
	height:33px;
}

#rightSidebarBack{
	background:url(../images/sideBarBack.png) repeat-y;
}

#rightSidebarBottom{
	background-image:url(../images/sideBarBottom.png);
	width:162px;
	height:17px;
}

#rightSidebar ul{
	padding-top:30px;
	list-style:none;
}

#rightSidebar li{
	background-color:#455a25;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
	color:#FFF;
	margin:4px 4px 4px 4px;
	padding:2px 0px 2px 0px;
}

#rightSidebar a{
	text-decoration:none;
	color:#FFF;
}

#rightSidebar a:hover{
	text-decoration:none;
	color:#f1f615;
}

#rightSidebar li:first-child{
	margin-top:0px;
}


#rightSidebar li:last-child{
	margin-bottom:0px;
	margin-top:30px;
}

#notices{
	padding:4px;
	margin-top:10px;
	text-align:left;
	font-size:11px;
	margin-left:6px;
	font-family:Arial, Helvetica, sans-serif;
}

#rightButtons{
	margin:30px 0 0 30px; 
	padding-bottom:10px;
	width:102px;
}

#increaseText{
	background:url(../images/increaseTextButton.png) no-repeat;
	width:102px;
	height:26px;
}

#increaseText:hover{
	background:url(../images/increaseTextButtonHover.png) no-repeat;
}

#audioReader{
	background:url(../images/audioReaderButton.png) no-repeat;
	width:102px;
	height:26px;
	margin-top:10px;
}

#audioReader:hover{
	background:url(../images/audioReaderButtonHover.png) no-repeat;
}

#donate{
	background:url(../images/donateButton.png) no-repeat;
	width:126px;
	height:35px;
	margin-top:30px;
}

#donate:hover{
	background:url(../images/donateButtonHover.png) no-repeat;
}

/*End  of Right Sidebar CSS*/
/*-----------------------------------*/



/*Footer CSS*/
/*----------------*/


#footerDivider{
	background:url(../images/footerDivider.png) repeat-x;
	width:1000px;
	height:25px;
}

#footerContent{
	background-color:#FFF;
	width:1000px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#626e77;
}

#textLeft{
	display: inline;
	float:left;
	margin: 4px 0 0 10px;
	width:230px;
}

#textMiddle{
	width:100px;
}

#textMiddle a{
	text-decoration:none;
	color:#626e77;
}

#textMiddle a:hover{
	text-decoration:none;
	color:#333;
}

#otherMiddleBack a{
	text-decoration:underline;
	color:#FC3;
}

#textMiddleBack a:hover{
	text-decoration:underline;
	color:#333;
}

#subPageLinks a{
	text-decoration:none;
	color:#FFF;
}

#subPageLinks a:hover{
	text-decoration:underline;
}

#footerRight{
	margin-top:-10px;
	width:230px;
	float:right;
}

#textRight{
	float:left;
	width:130px;
}

#footerRight img{
	margin-top:-5px;
	border:none;
	float:left;
}

#footerMenu{
	width:800px;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:100px;
}

#footerMenu a{
	text-decoration:none;
	color:#FFF;
}

#footerMenu a:hover{
	color:#000;
}

#footerMenu li{
	float:left;
	margin:0 10px 0 10px;
}

/*End of Footer CSS*/
/*-------------------------*/

li .rightSecond{
	padding-top:200px;
}

#historyButton{
	float:left;
}

#mapButton{
	float:left;
	margin-left:0px;
}

#senseLogo{
	background-image:url(../images/SenseTheDifferenceLeafLogo.png);
	width:115px;
	height:107px;
	float:left;
}

#aboutButtons{
	margin-left:250px;
}

.contactTable{
background-color:#6d8a3b; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-left:40px; border:thin #000 solid; padding: 5px 5px 5px 5px;
}

#eacMembersTable{
	background-color:#6d8a3b; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-left:240px; border:thin #000 solid; padding: 5px 5px 5px 5px;
}

.emergencyBox{
	width:600px;
	border:thin #fff solid;
}

#fireStationTable{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin-left:100px; margin-top:30px;}

.classSpacer{width:30px; height:1px;}

#permitBack{
	background-color:#6d8a3b;
	width:500px;
}

#vehicleBack{
	background-color:#6d8a3b;
	width:500px;
}

#watchTable{
	background-color:#6d8a3b;
	width:680px;
	margin-left:40px;
}

#eventsTable{
	font-size:13px;
}

#eventsTable a{
	text-decoration:none;
}

.ongoingEvents{
	margin-top:30px;
}

.ongoingEvents p{
	margin-top:-26px;
}


.ongoingEvents img{
	margin-left:-340px;
	margin-bottom:20px;
}

#electionBack{
	background-color:#6d8a3b;
	text-align:left;
	width:600px;
}

#electionBack p{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

#electionList{
	text-align:center;
	margin-top:40px;
	width:500px;
}

#electionList p{
	text-align:center;
	margin:0px;
	margin-top:-20px;
}

#taxImportantNotice{
	background-color:#6d8a3b;
	width:400px;
	text-align:center;
	border:1px solid #FFF;
	margin-bottom:30px;
}

#taxImportantNotice p{
	text-align:center;
}

#bankBoxes{
	width:550px;
	clear:both;
	margin-bottom:120px;
}

.taxBox{
	background-color:#6d8a3b;
	width:240px;
	float:left;
	margin:0 10px 0 10px;
	border:1px solid #FFF;
}

.taxBox p{
	padding:0px;
	margin:0px;
}

#dueDateBox{
	background-color:#6d8a3b;
	width:400px;
	text-align:center;
	margin-bottom:30px;
	border:1px solid #FFF;
}

#dueDateBox p{
	text-align:center;
}

#adminTextLeft{
	width:360px;
	float:left;
}

#adminTextRight{
	width:360px;
	float:left;
}

#adminTable{
	background-color:#6d8a3b; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-left:40px; border:thin #000 solid; padding: 20px;
	width:360px;
	margin-left:0px;
	margin-bottom:30px;
}

#ISCPBox{
	background-color:#6d8a3b;
	width:420px;
	margin-top:10px;
}

.museumInfo{
	float:left;
	width:500px;
}

.museumImage{
	float:left;
}

.museumBlock{
	float:left;
}

#taxCentred p{
	text-align:center;
}

#taxCentred2 p{
	text-align:center;
}

#oldBox{
		background-color:#6d8a3b;
		width:280px;
}

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

.houseWasteCentre p{
	text-align:center;
}

#houseWasteCentre p{
	text-align:center;
}

#wasteText2{
	text-align:center;
	padding:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding-top:14px;
	padding-bottom:14px;
}



/*-----------------------------------------*/
/*events sections*/
.eventMonth{height:100%;width:700px; float:left; margin-left:20px;}

.monthTitle{background-color:#6d8a3b;color:#FFF;text-align:left;padding-left:10px;font-size:20px;height:22px;}

.daySection{margin-top:4px;float:left;width:700px;}

.dayTitle{float:left;width:100%;color:#FFF;text-align:left;width:545px;background-color:#F90;margin-top:2px;padding:3px 3px 3px 10px;}

.smallTitle{font-size:14px;}

.date{background-color:#6d8a3b;color:#FFF;float:left;width:140px;height:100%;line-height:130%;padding-bottom:1px;margin:2px 2px 2px 0px;}

.break{margin-top:-24px;}

.eventText{float:left;clear:both;width:700px;padding: 2px 0px 0px 0px;background-color:#663;}

.eventMonthD{height:100%;width:700px; float:left; margin-left:20px; margin-top:70px;}