@charset "utf-8";
/* CSS Document */
*{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:1em;float:left;margin-left:40px;margin-top:10px;margin-bottom:-10px;display:inline;}
h4{font-family:Arial, Helvetica, sans-serif;font-size:.9em;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:1em;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;min-height:420px;height:auto;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:.9em;color:#FFF;}
#contentMiddleBottom{background-image:url(../images/homeContentBottom.jpg);width:600px;height:29px;}

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


/*Other Content CSS*/
/*---------------------------*/
.left{float:left; display:inline;}
.right{float:right; display:inline;}
.clear{clear:both;}

.leftMargin{margin:0 0 0 30px;}
.rightPadding{padding:0 30px 0 0;}

#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:.9em;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:.9em;width:80px;height:20px;margin-top:-32px;float:right; display:inline;}
#homeButton a{text-decoration:none;color:#475b26;font-weight:bold;}
#homeButton a:hover{color:#020;}

#upButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	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:.9em;
	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:.9em;
	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:700px;clear:both;}
.councilColumn{float:left; display:inline; width:240px;}
.councilMember p{padding:0px 0px 0px 0px!important; margin:0px 0px 0px 0px!important; line-height:1.3;}
.councilPara{padding:0 0 0 30px!important;}

#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;
} 

#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;}
.smallTextPlain{font-size:12px!important;}

#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:300px;
	list-style-type:disc;
}

#agendaTable a{font-size:13px!important;}

#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:.9em;
	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:.9em;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;}

.centreBlock{float:left; display:inline; width:700px; margin:10px 0 0 10px; border-top:#C90 solid 1px;}
.centreBlock img{padding:5px 0px 5px 5px;}

#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:.9em;color:#FFF;padding-top:14px;padding-bottom:14px;}

#textResizer{position:absolute; left:50%; top:210px; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666666;}
#textResizer a{color:#666666;}
#textResizer a:hover{color:#000;}

/*-----------------------------------------*/
/*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:.9em;}
.date{background-color:#6d8a3b;color:#FFF;font-size:14px;float:left;width:140px;height:18px;line-height:130%;padding:2px 0 2px 0;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;}

#elections2010{position:relative; top:14px;}
a#election2010Link{font-family:Verdana, Geneva, sans-serif; color:#C00; font-weight:bold;}
a#election2010Link:hover{font-family:Verdana, Geneva, sans-serif; color:#C60;}

.leftWidthFix{float:left; display:inline; width:100px;}

.columnWidthLarge{float:left; display:inline; width:360px;}

.super{vertical-align:super; font-size:10px;}

.alignCenter{text-align:center!important;}

.contentDivider{border:none; background:#F90; width:700px; height:1px; margin:4px 0 4px 30px;}

.largeText{font-size:16px!important;}