html {height: 100%;} /* FireFox Scrool */

body {
	min-height: 101%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0e4c8d;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../layout/bg_body.gif);
}
h1 {
	font-size: 0.8em;
	margin: 0px;
	padding: 13px 0px 0px;
	color: #523f30;
	text-align: center;
}
h2 {
	font-size: 0.8em;
	text-indent: 3px;
	margin: 0px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-variant: small-caps;
	padding-left: 2px;
}
h3 {
	font-size: 0.8em;
	margin: 0px;
	color: #FFFFFF;
	padding: 3px 0px 0px;
	text-align: center;
	height: 32px;
}

img {
	border-style: none;
}
a {
	text-decoration: underline;
	color: #4594d9;
}
a:visited {
	color: #4594d9;
	text-decoration: underline;
}

a:hover {
	color: #12407B;
}





#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	background: url(../layout/bg-content2.png) repeat-y;
	float: left;
	width: 980px;
	position: relative;
}
#content2 {
	float: left;
	width: 980px;
	background-image: url(../layout/bg-content3.png);
	background-repeat: repeat-y;
}



#banner {
	height: 116px;
	float: left;
	width: 980px;
	background-image: url(../layout/bg_banner.gif);
	background-repeat: repeat-x;
	position: relative;
}
#banner img {
	float: left;
}
#logo img {
	margin-left: 10px;
}
#banner .logo-txt {
	margin-top: 32px;
}

#logo {

}
#contact {
	float: right;
	margin-top: 35px;
}
#contact p {
	font-size: 13px;
	color: #ddd;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	letter-spacing: 1px;
}
#contact a {
	color: #ddd;
	text-decoration: none;
}
#contact a:visited {
	color: #ddd;
	text-decoration: none;
}
#contact a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}




#nav {
	display: block;
	margin-right: 10px;
	background-image: url(../layout/bg_nav.gif);
	background-repeat: repeat-x;
	clear: left;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	width: 960px;
	margin-left: 10px;
}


#nav a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	display: block;
	height: 13px;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 13px;
	padding-left: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2f77b9;
}

#nav a:hover {
	color: #FFFFFF;
	background-image: url(../layout/bg_nav_hover.gif);
	background-repeat: repeat-x;
}

#main-image {
	height: 350px;
	width: 960px;
	margin-left: 10px;

}
#nav-shadow {
	float: left;
	width: 960px;
	background-image: url(../layout/nav_shadow.png);
	background-repeat: repeat-x;
	height: 6px;
	position: absolute;
	left: 10px;
	top: 0px;
}


#col-left {
	width: 230px;
	padding-left: 10px;
	background: url(../layout/bg-col-left.gif) repeat-y;
	clear: left;
}

#col-right {
	float: left;
	width: 960px;
	padding-right: 10px;
	margin-left: 10px;
}


#col-right-content {
	width: 650px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	background: repeat-y;
}

#col-right-content  p {
	font-size: .9em;
	margin-top: 5px;
}
#quicklinks {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 173px;
}
#quicklinks li {
	height: 18px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFF;
	text-indent: 33px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}



#basic-accordian{
	width:530px;
	z-index:2;
	margin-left: 12px;
	margin-top: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e4e5;
	margin-bottom: 10px;
	padding: 5px;
	margin-right: 10px;
	float: left;
}
#open-mess {
	float: left;
	width: 370px;
	margin-left: 10px;
	margin-top: 10px;
}


.accordion_headings{
	padding:5px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	height: 18px;
	width: 163px;
	font-variant: small-caps;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 14px;
	text-indent: 33px;
}

.accordion_headings:hover{
	font-weight: bold;
	text-decoration: underline;
}

.accordion_child{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.accordion_child h1 {
	color: #124a83;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 2px;
}

.accordion_child p {
	margin-bottom: 10px;
	font-size: 12px;
}


.header_highlight{
	font-weight: bold;
	text-decoration: underline;
}

#open_mess1 {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 5px 20px;
}
#notices {
	width: 350px;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-image: url(../layout/bg_notices.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#notices   p {
	font-size: 0.8em;
	padding: 0px;
	margin: 0px;
}
#notices a {
	color: #092E56;
	text-decoration: none;
}
#notices a:visited {
	color: #092E56;
	text-decoration: none;
}
#notices a:hover {
	color: #4594d9;
}
#notices2 {
	width: 350px;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: top;
	font-size: 12px;
}



#footer {
	height: 81px;
	width: 960px;
	float: left;
	background-image: url(../layout/bg_footer.png);
	background-repeat: no-repeat;
	color: #777d83;
	font-size: 12px;
	padding-left: 20px;
	padding-top: 15px;
}
#footer p {
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer a {
	color: #777d83;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
}
#footer a:visited {
	color: #777d83;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
}

#admin-link {
	float: right;
	width: 100px;
}
.border {
	border: 1px solid #DDDBCD;
	padding: 5px;
	background: #F2F2EE;
}

.em8 {
	font-size: .8em;
}
.nav-space {
	width: 910px;
	background: url(../layout/spacer2.gif);
	height: 1px;
	margin: 0px auto;
	padding: 0px;
}



.Titlepage {
	font-size: 14px;
	font-weight: bold;
	color: #1F5F9E;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.small {
	font-size: .8em;
}
.CalendarTitle {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
.em9 {
	font-size: 12px;
}
.red {
	color: #FF0000;
}
.hr {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #e6e4e5;
	margin-top: 0px;
	font-size: 0.8em;
}

#fx-menu {
	float: left;
	clear: left;
	width: 245px;
	padding-top: 10px;
	padding-left: 10px;
}
#fx-menu h1 {
	font-size: 18px;
	color: #07274c;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
#fx-menu a {
	color: #07274c;
	text-decoration: none;
}
#fx-menu a:visited {
	color: #07274c;
}
#fx-menu a:hover {
	color: #115CB0;
}


#page-titles {
	float: left;
	font-weight: bold;
	color: #07274c;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
#admin-nav {
	margin-top: 0px;
	width: 244px;
	float: left;
	padding-left: 10px;
}
#admin-nav a {
	color: #0E4C8D;
	text-decoration: none;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
}
#admin-nav a:visited {
	color: #0E4C8D;
	text-decoration: none;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
	height: 15px;
}


#admin-nav a:hover {
	background-image: url(../layout/bg_menu_hover.gif);
}
#nav h1 {
	color: #FFFFFF;
	text-align: left;
	font-size: 16px;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
#admin-nav li {
	margin: 0px;
	height: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#admin-nav ul {
	margin: 0px;
	padding: 0px;
}



#main-content {
	width: 695px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
#main-content p {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 12px;
}
#main-content a {
	text-decoration: none;
}
#main-content a:visited {
	text-decoration: none;
}
#main-content a:hover {
	text-decoration: underline;
}

p {	font-size: .9em;}

/* CLASSES */

.butt_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	clear: left;
	float: left;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	overflow: visible;
	visibility: visible;
	z-index: auto;
	left: 0px;
	background-color: #f5f5f5;
	width: 234px;
	color: #07274c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	padding-left: 10px;
	line-height: 20px;
}
.butt_1:hover {	text-decoration: none;	color: #2567A7;	background-image: url(../layout/bg_menu_hover.gif);}
.butt_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	height: 20px;
	clear: left;
	float: left;
	text-indent: 25px;
	color: #07274C;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 244px;
	background-color: #EBEBEB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}
.butt_2:hover {	text-decoration: none; color: #3782C6; background-color: #D4D4D4; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBB;border-top-width: 1px;	border-top-style: solid; border-top-color: #BBBBBB;}
.Menu {	color: #062447;}
.Menu a {color: #062447; font-size: 12px; margin: 0px; padding: 0px; text-decoration: none;}
.Menu a:visited {color: #062447;}
.Menu a:hover {	color: #4594d9;}
.clear {clear: both;}
.subMenu {font-size: 12px;	font-weight: bold;	color: #062447;}
.subMenu a {color: #523f30;	text-decoration: none;}
.subMenu a:visited {text-decoration: none;}
.MainTitle {font-weight: normal;color: #777777;	font-size: 18px;}
.AdminTitle {font-size: 14px; font-weight: bold; color: #07274c;}
.NoticeTitle {font-size: 14px; font-weight: bold; color: #07274c;}
.ColorWhite {color: #FFFFFF;}
.Black {color: #000000;}
.admin {font-size: 14px; font-weight: bold;color: #EDEADE; text-align: center; padding-left: 15px;}
.indent {margin-left: 25px;	margin-bottom: 5px;	margin-top: 5px;}
.links {font-size: 11px;color: #666666;	background: url(../layout/table-bg.gif);}
.links a {color: #999999;}
.links a:hover {color: #6D170B;	text-decoration: none;}
.links2 {margin: 0px;padding: 0px;font-size: 15px;font-weight: bold;color: #666666;}
.bold {font-weight: bold; font-size: 12px;}

/* QUICK LINK CLASSES */
.welcome {background-image: url(../layout/quicklinks/QL_welcome.gif);}
.contact {background-image: url(../layout/quicklinks/QL_contact.gif);}
.alerts {background-image: url(../layout/quicklinks/QL_alerts.gif);}
.meetings {background-image: url(../layout/quicklinks/QL_meetings.gif);}
.water {background-image: url(../layout/quicklinks/QL_water.gif);}
.maps {background-image: url(../layout/quicklinks/QL_maps.gif);}
.civic {background-image: url(../layout/quicklinks/QL_civic.gif);}
.park {background-image: url(../layout/quicklinks/QL_park.gif);}
.calc {background-image: url(../layout/quicklinks/QL_calc.gif);}
.permits {background-image: url(../layout/quicklinks/QL_permits.gif);}
.photos {background-image: url(../layout/quicklinks/QL_photos.gif);}
.faqs {background-image: url(../layout/quicklinks/QL_faqs.gif);}
.address {background-image: url(../layout/quicklinks/QL_address.gif);}
.bills {background-image: url(../layout/quicklinks/QL_bills.gif);}
#register {
	margin-left: 400px;
}
#footer .credit {
	color: #333333;
}
#footer .credit a {
	text-transform: capitalize;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #333333;
}
#footer .credit a:visited {
	text-decoration: none;
	color: #333333;
}
#footer .credit a:hover {
	text-decoration: none;
	color: #777D83;
}