@charset "UTF-8";
/* CSS Document */

body {
margin: 0 auto;
background-color: #0099cc;
}

p {
	font-family: arial, helvetica, sans-serif; sans-serif;
	font-size: 12px;
        line-height: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link {
color: #fff;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #fff;
}

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

a:active {
text-decoration: none;
}

h1 {
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-size: 30px;
color: #fff;
line-height: 30px;
margin: 0px;
padding: 15px;
text-shadow:#000 2px 2px 2px;
}

h2 {
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-size: 30px;
color: #fff;
line-height: 30px;
margin: 0px;
padding: 15px;
text-shadow:#000 2px 2px 2px;
}

h3 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color: #006699;
line-height: 15px;
margin: 0px;
padding: 0 0 5px 0;
}

h4 {
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #006699;
line-height: 14px;
margin: 0px;
padding: 0 0 5px 0;
text-decoration: underline;

}

h5 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color: #006699;
line-height: 15px;
margin: 0px;
padding: 5px 0 5px 0;
}

#left-column {
	float: left;
	width: 300px;
        padding-bottom: 0px;
}

#right-column {
	float: left;
	width: 300px;
       padding-bottom: 0px;
}

#center-column {
	float: left;
	width: 300px;
       padding-bottom: 0px;
}

#top {
width: 100%;
height: 60px;
background-image: url("/images/middletown-top-bg.jpg");
background-position: top left;
background-repeat: repeat-x;
}

#top-inside {
width: 950px;
margin-right: auto;
margin-left: auto;
height: 60px;
}

#login {
text-align: right;
padding: 0px;
margin: 0px
}

.login {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
}

#nav {
width: 100%;
height: 50px;
background-color: #99cc66;
}

#nav-inside {
font-family: arial, helvetica, sans-serif;
font-size: 18px;
width: 950px;
margin-right: auto;
margin-left: auto;
height: 50px;
}

ul#menu {
list-style: none;
margin: 0;
padding: 15px 15px 0 0;
font-weight: normal;
text-align: right;
white-space: nowrap
}

ul#menu li {
display: inline;
margin: 0 8px;
}

ul#menu a {
text-decoration: none;
padding: 0 0 12px;
color: #fff;
}

ul#menu a#current {
color: #fff;
position: relative;
padding-bottom:3px;
border-bottom:2px solid #0099cc;
}

ul#menu a:hover {
color: #fff;
position: relative;
padding-bottom:3px;
border-bottom:2px solid #0099cc;
}

#page-title {
width: 100%;
height: 60px;
background-color: #0099cc;
}

#page-title-inside {
width: 950px;
margin-right: auto;
margin-left: auto;
height: 60px;
}

#landing-content {
width: 100%;
background-image: url("/images/landing-content-bg.jpg");
background-position: top left;
background-repeat: repeat-x;
}

#landing-content-inside {
width: 950px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

#sub-content {
width: 100%;
background-image: url("/images/sub-content-bg.jpg");
background-position: top left;
background-repeat: repeat-x;
background-color: #fff;
}

#sub-content-inside {
width: 950px;
margin-right: auto;
margin-left: auto;
padding: 45px 0px 45px 0px;
}

#sub-content-inside a:link {
color: #CC0000;
text-decoration: none;
}

#sub-content-inside a:visited {
text-decoration: none;
color: #CC0000;
}

#sub-content-inside a:hover {
text-decoration: underline;
color: #CC0000;
}

#sub-content-inside a:active {
text-decoration: none;
}

#main-content {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #656565;
line-height: 17px;
margin: 0 0 0 270px;
padding: 0px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.calendar p{
display: inline;
}

.minutes p{
display: inline;
}

.members p{
display: inline;
}

.board p{
display: inline;
}

#image-container {
float: left;
width: 221px;
margin: 0px 30px 0px 15px;
padding: 0px;
}

#dotted-rule {
border-top-width: thin;
border-top-style: dashed;
border-top-color: #CCC;
margin-bottom: 15px;
margin-top: 15px;
}

#footer {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #fff;
line-height: 17px;
width: 950px;
margin-right: auto;
margin-left: auto;
padding: 30px 0 0 0;
text-align: center;
}

#footer-map {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #006699;
line-height: 12px;
width: 950px;
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: center;
}

.footer-links a:link {
color: #006699;
text-decoration: none;
}

.footer-links a:visited {
text-decoration: none;
color: #006699;
}

.footer-links a:hover {
text-decoration: none;
color: #CC0000;
}

#login {
text-align: right;
padding: 0px;
margin: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #000;
}

.login a:link {
color: #000;
text-decoration: none;
}

.login a:visited {
text-decoration: none;
color: #000;
}

.login a:hover {
text-decoration: none;
color: #CC0000;
}


.sitemap a:link {
color: #000;
text-decoration: none;
}

.sitemap a:visited {
text-decoration: none;
color: #fff;
}

.sitemap a:hover {
text-decoration: none;
color: #CC0000;
}

.sitemap a:active {
text-decoration: none;
}





div#submenu {
    float: left;
    width: 210px;
    margin: 0px 30px 0px 15px;
    padding: 0px;
}

div#submenu li {
	height: 35px;
	width: 210px;
	margin: 0 0 10px 0;
        font-family: arial, helvetica, sans-serif; sans-serif;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	list-style-type: none;
	background-image: url(/images/sub-off.jpg);
	background-repeat: no-repeat;
}
div#submenu li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
}
div#submenu li a:link {
        color: #FFFFFF;
	background-image: url(/images/sub-off.jpg);
	background-position: 0px 0px;
}
div#submenu li a:visited {
        color: #FFFFFF;
	background-image: url(/images/sub-off.jpg);
	background-position: 0px 0px;
}
div#submenu li a:hover {
        font-weight: normal;
        color: #FFFFFF;
	background-image: url(/images/sub-on.jpg);
	background-position: 0px 0px;
	text-decoration: none;
}

#submenu #current {
        font-weight: normal;
        color: #FFFFFF;
	background-image: url(/images/sub-on.jpg);
	background-position: 0px 0px;
	text-decoration: none;
}

ul {
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
padding: 0 0 0 15px;
margin: 0px;
}

li {
padding-left: 0px;
}