body {
	background:transparent url(../images/bodybg.jpg) top center repeat-x;
	font:normal 12px tahoma, verdana, arial, sans-serif;
}

h1 {
	font:normal 18px Arial, Helvetica, sans-serif;
	border-top:3px solid #000000;
	background-color:#2071be;
	padding:5px;
	color:#FFFFFF;
}

h2{
	color:#040553;
	text-decoration:underline;
}

h2, h3, h4, h5, h6, ul {
	padding-left:5px;
	padding-right:5px;
}

a {
	font-weight:bold;
	color:#4444ff;
}

input {
	border:1px solid #666666;
}

input:focus {
	background-color:#FFFFCC;
}

img {
	border: none;
}

/************************Web Boxes*********************************/
#wrapper {
	width:905px;
	margin-left:auto;
	margin-right:auto;
}

html>body #wrapper {
	width:900px;
}

#logo {
	width:250px;
	height:250px;
	float:left;
	background:transparent url(../images/logo.jpg) left top no-repeat;
}

#header, #investor {
	width:325px;
	height:250px;
	float:left;
}

#investor {
	background:transparent url(../images/investor.jpg) left top no-repeat;
}

#topmenu {
	margin-top:5px;
}

#maincol {
	width:890px;
	background:transparent url(../images/contentbg.jpg) top center repeat;
	margin-top:0px;
	padding-left:10px;
	padding-top:10px;
}

#col1 {
	width:220px;
	float:left;
}

#col1 a {
	display:block;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
	color: #FFFFFF;
}

#col1 a:hover {
	/*background:transparent url(../images/arror.png) right center no-repeat;*/
}

#cal_body {
}

#cal_body a {
	display:block;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
	color: #FFFFFF;
}

#cal_body a:hover {
	background:transparent url(../images/arror.png) right center no-repeat;
}


#col2 {
	height:780px;
	width:600px;
	float:left;
	overflow:auto;
	background-color:#FFFFFF;
	margin-left:15px;
	padding:0px 10px 10px 10px;
	border:1px solid #040553;
}

html>body #col2 {
	width:620px;
}

#col2index {
	width:600px;
	height:780px;
	float:left;
	background-color:#FFFFFF;
	margin-left:15px;
	padding:0px 10px 10px 10px;
	border:1px solid #040553;
}

html>body #col2index {
	width:620px;
}

#calendar {
	width:234px;
	height:240px;
	background:transparent url(../images/calendar.png) top center no-repeat;
	cursor:pointer;
}

#calendar table {
	margin-top:60px;
}

#calendar a {
	color:#157FF8;
	text-decoration:underline;
	font:normal 11px tahoma, verdana, arial, sans-serif;
}

#footbreak {
	font:bold 13px tahoma, verdana, arial, sans-serif;
	text-align:center;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#footbreak a {
	color: #FFFFFF;
	text-decoration:none;
}

#footer {
	font:normal 12px tahoma, verdana, arial, sans-serif;
	text-align:center;
	margin-top:15px;
	text-decoration:underline;
	color:#FFFFFF;
}

#footer a {
	font:normal 12px tahoma, verdana, arial, sans-serif;
	color:#FFFFFF;
}

#printerfriendly {
	float:right;
	font:bold 9px Arial, Helvetica, sans-serif;
	text-align:right;
}
/*************************************Web Classess*****************************************/

.clear {
		clear:both;
}

.newsletter {
	width:230px;
	height:225px;
	background:transparent url(../images/newsletter.png) center center no-repeat;
	margin-top:10px;
}

.newsletter form {
	text-align:center;
}

.newsletter form input {
	display:block;
	float:right;
	margin-right:5px;
	margin-top:5px;
	border:none;
}

html>body .newsletter form input {
	margin-right:15px;
}

.contactbox {
	width:609px;
	height:264px;
	background:transparent url(../images/contactbox.png) center center no-repeat;
	padding-top:60px;
}

.citycouncilbox {
	width:609px;
	/*height:264px;*/
	/*background:transparent url(../images/citycouncilbox.png) center center no-repeat;*/
	padding-top:60px;
}
.citycouncilbox_middle {
	background-image: url(../images/citycouncil/citycouncilbox_middle.png);
	background-repeat: repeat-y;	
}
.faqbox {
	width:609px;
	height:180px;
	background:transparent url(../images/faqbox.png) center center no-repeat;
	padding-top:60px;
}

.communitylinksbox {
	width:609px;
	height:184px;
	background:transparent url(../images/communitylinksbox.png) center center no-repeat;
}

.neighborhoodbox {
	width:609px;
	height:184px;
	background:transparent url(../images/neighborhoodbox.png) center center no-repeat;
	padding-top:5px;
}

.neighborhoodbox ul {
	padding-top:40px;
}

.newsbox {
	width:609px;
	/*height:285px;*/
	/*background:transparent url(../images/newsbox.png) center center no-repeat;*/
}
.newsbox_middle {
	background-image: url(../images/newsbox/newsbox_middle.png);
	background-repeat: repeat-y;	
}
.photoalbumbox {
	width:609px;
	height:260px;
	background:transparent url(../images/photoalbumbox.png) center center no-repeat;
}

.seniorcitizens {
	width:609px;
	height:185px;
	background:transparent url(../images/seniorscitizensbox.png) center center no-repeat;
	padding-top:15px;
}

.seniorcitizens ul {
	font-size:11px;
	margin-top:57px;
	margin-left:40px;
}

.faqbox ul, .communitylinksbox ul, .neighborhoodbox ul, .newsbox ul, .photoalbumbox ul {
	margin:30px 20px 0px 40px;
}

.contactbox p, .citycouncilbox p, .faqbox ul {
	padding:0px 20px 0px 20px;
}

.upcomingevents {
	float:left;
	width:190px;
	height:444px;
	font:bold 10px Arial, Helvetica, sans-serif;
	background:transparent url(../images/upcommingeventsbox.png) center center no-repeat;
}

html>body .upcomingevents { 
	width:199px;
}

.upcomingevents p {
	display:block;
	padding:3px 5px 0px 20px;
	margin:2px 5px 0px 5px;
}

.upcomingevents p a {
	display:list-item;
}

.inthenews {
	float:left;
	width:390px;
	height:203px;
	font:normal 10px Arial, Helvetica, sans-serif;
	margin-left:5px;
	background:transparent url(../images/inthenewsbox.png) center center no-repeat;
}

.councilvideos {
	float:left;
	width:390px;
	height:203px;
	font:normal 10px Arial, Helvetica, sans-serif;	
	margin-left:5px;
	margin-top:20px;
	background:transparent url(../images/councilvideosbox.png) center center no-repeat;
}


.inthenews p, .councilvideos  p {
	margin-top:55px;
	padding-right:5px;
}

.float_r {
	float:right;
	margin:0px 5px;
}


.float_l {
	float:left;
	margin:0px 5px 5px 0px;
}

.byline {
	font:bold 13px tahoma, verdana, arial, sans-serif;
}

.line {
	border-top:1px solid #000000;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}