/*
* ======================
* Global
* ======================
*/
body {
  background-color : #FFFFFF;
  text-align: center;
  font-family: Arial;
  font-size: 14px;
  color: #000000;
  margin: 0 auto 0 auto; 
  width: 884px;
  height: 775px;
}

img {
  border: 0px;
}


#wrapper {
  margin: 0 auto 0 auto;
  width: 884px;
}

/*
* ======================
* Header
* ======================
*/

#banner {
  background-color: #000000;
  height: 67px;
  width: 884px;
  margin: 0 auto 0 auto;
  text-align: center;
}

#headerwrap {
  height: 67px;
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
}


/*
* ======================
* Navigation
* ======================
*/

#navigation {
  background-image: url(images/navigation_tile.gif);
  height: 35px;
  border: 0;
  padding: 0;
  margin: 0 auto 0 auto;
}    

#nav {
  width: 884px;
  height: 27px;
  border: 0;
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: center;
}

#nav ul {
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: center;
  width: 884px;
  height: 27px;
  overflow: hidden;
}

#nav ul li, 
#nav ul li a {
  display: block;
  float: left;
  height: 27px;
  background-position: left top;
  overflow: hidden;
}

#nav ul li a:hover {
  background-position: left bottom;
}

#nav ul li a span {
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#nav2_homeownerresources a {
  background: url(images/nav2_homeownerresources.gif);
  width: 295px;
}

#nav2_bylaws a {
  background: url(images/nav2_bylaws.gif);
  width: 294px;
}

#nav2_formsarb a {
  background: url(images/nav2_formsarb.gif);
  width: 295px;
}

#nav2_pastmeetingminutes a {
  background: url(images/nav2_pastmeetingminutes.gif);
  width: 295px;
}

#nav2_quarterlynewsletter a {
  background: url(images/nav2_quarterlynewsletter.gif);
  width: 294px;
}

#nav2_boardmembers a {
  background: url(images/nav2_boardmembers.gif);
  width: 295px;
}

#nav2_communitygaragesale a {
  background: url(images/nav2_communitygaragesale.gif);
  width: 295px;
}

#nav2_whatsnew a {
  background: url(images/nav2_whatsnew.gif);
  width: 294px;
}

#nav2_localnews a {
  background: url(images/nav2_localnews.gif);
  width: 295px;
}

#nav2_lakemaryparks a {
  background: url(images/nav2_lakemaryparks.gif);
  width: 295px;
}

#nav2_maps a {
  background: url(images/nav2_maps.gif);
  width: 294px;
}

#nav2_schoolinfo a {
  background: url(images/nav2_schoolinfo.gif);
  width: 295px;
}

#nav2_contactus a {
  background: url(images/nav2_emailsignup.gif);
  width: 0px;
}

#nav2_emailsignup a {
  background: url(images/nav2_emailsignup.gif);
  width: 884px;
}

#navigation ul {
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: center;
  width: 884px;
  height: 35px;
  overflow: hidden;
}

#navigation ul li, 
#navigation ul li a {
  display: block;
  float: left;
  height: 35px;
  background-position: left top;
  overflow: hidden;
}

#navigation ul li a:hover {
  background-position: left bottom;
}

#navigation ul li a span {
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#nav_home a {
  background: url(images/nav_home.gif);
  width: 147px;
}

#nav_news a {
  background: url(images/nav_news.gif);
  width: 147px;
}

#nav_homeowner a {
  background: url(images/nav_homeownerinfo.gif);
  width: 148px;
}

#nav_meeting a {
  background: url(images/nav_meetinginfo.gif);
  width: 148px;
}

#nav_local a {
  background: url(images/nav_locallinks.gif);
  width: 147px;
}

#nav_contact a {
  background: url(images/nav_contact.gif);
  width: 147px;
}



/*
* ======================
* Content
* ======================
*/

#contentwrap {
  background: transparent;
  width: 860px;
  margin: 15px auto 0 auto;
  text-align: center;
}

.contentreg {
  width: 850px;
  clear: both;
  line-height: 20px;
}

.contentreg p {
  text-align: left;
  font-family: Arial;
  font-size: 13px;
  color: #282828;
}

.contentreg b {
  text-align: left;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #282828;
}

.contentreg h3 {
  text-align: center;
  font-family: Arial;
  font-size: 17px;
  font-weight: bold;
  color: #282828;
}

.contentreg table {
  text-align: left;
  font-family: Arial;
  font-size: 13px;
  color: #282828;
  margin: 0 auto 0 auto;
}

/*
* ======================
* Footer
* ======================
*/

#footer {

}

#mainContainer {

}