/* Global styles */

body {
  background: #225f23;
  margin: 0;
  text-align: center;
  font-family: Lucida Sans, Arial;
  font-size : 10.5pt;
  color: #000;
}

.hidden { display: none; }

.overall {
  width: 1000px;
}

.underall {
  float: left;
  min-height: 600px;
  height:auto !important;
  height:600px;
  background: url("images/subBg.jpg") no-repeat #f0efd3;
  background-position: 0 0px;
}

.underallIndex {
  float: left;
  min-height: 600px;
  height:auto !important;
  height:600px;
}

.h9 {
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

p {
	margin: 10px 0 10px 0;
}

p.dis {
  font-size: 10.5pt;
}

.left {
	float: left;
	width: 300px;
	height: 200px;
}

.right {
	float: right;
	width: 300px;
	height: 200px;
}

.center {
	text-align: center;
}





/* Container div for index.php.
   and for inside pages.
   Splitting this up allows us to
   use some styles from the regular
   head in the inside pages, while
   discarding others, and still
   use the same HTML markup. */

.container, .insideContainer {
  width: 778px;
  color: #000;
  float: left;
  text-align: left;
}

.insideContainer {
  float: left;
  width: 762px;
  min-height: 560px;
  height:auto !important;
  height:560px;
  padding: 0px 0 0px 20px;
}

.IEspacer {
  display: none;
 /* _display: block;*/
  float: right;
  height: 540px
}

a:link, a:visited{
	text-decoration: underline;
	color: #000000;
}

a:hover, a:active{
	text-decoration: underline;
	color: #4d6237;
}





/* Main Header styles */

.head {
  float: left;
  width: 782px;
  height: 38px;
}

.head .navLeft {
	display: block;
	float: left;
}

.navBtn2 {
	float: left;
	height: 38px;
}

#navRequest:link, #navRequest:visited {
  width: 138px;
  background: url("images/navRequest.jpg") no-repeat;
}

#navRequest:hover, #navRequest:active, #navRequestRO {
  width: 138px;
  background: url("images/navRequest.jpg") 0 100%;
}

#navApply:link, #navApply:visited {
  width: 107px;
  background: url("images/navApply.jpg") no-repeat;
}

#navApply:hover, #navApply:active, #navApplyRO {
  width: 107px;
  background: url("images/navApply.jpg") 0 100%;
}

#navResident:link, #navResident:visited {
  width: 132px;
  background: url("images/navResident.jpg") no-repeat;
}

#navResident:hover, #navResident:active, #navResidentRO {
  width: 132px;
  background: url("images/navResident.jpg") 0 100%;
}

#navHome:link, #navHome:visited {
  width: 71px;
  background: url("images/navHome.jpg") no-repeat;
}

#navHome:hover, #navHome:active, #navHomeRO {
  width: 71px;
  background: url("images/navHome.jpg") 0 100%;
}




/*Class for Neighborhood Info page*/
.twoColumns {
	width: 330px;
	float: left;
	text-align: center;
	display: block;
	margin: 15px 0 0 0;
}

.topColumns {
	display: block;
	float: left;
}



/* Classes for the secondary row of navigation on index.php */

.nav2 {
  display: block;
  float: left;
  width: 218px;
}

.nav2 .home {
  display: block;
  float: left;
  width: 218px;
  height: 157px;
  margin: 0;
  background: url("images/navTop.jpg") no-repeat;
}

.navBtn {
	float: left;
	width: 218px;
	height: 30px;
}

#navFeatures:link, #navFeatures:visited {
  background: url("images/navFeatures.jpg") no-repeat;
}

#navFeatures:hover, #navFeatures:active, #navFeaturesRO {
  background: url("images/navFeatures.jpg") 100% 0;
}

#navPhoto:link, #navPhoto:visited {
  background: url("images/navPhoto.jpg") no-repeat;
}

#navPhoto:hover, #navPhoto:active, #navPhotoRO {
  background: url("images/navPhoto.jpg") 100% 0;
}

#navFloor:link, #navFloor:visited {
  background: url("images/navFloor.jpg") no-repeat;
}

#navFloor:hover, #navFloor:active, #navFloorRO {
  background: url("images/navFloor.jpg") 100% 0;
}

#navMaps:link, #navMaps:visited {
  background: url("images/navMaps.jpg") no-repeat;
}

#navMaps:hover, #navMaps:active, #navMapsRO {
  background: url("images/navMaps.jpg") 100% 0;
}

#navNeighborhood:link, #navNeighborhood:visited {
  background: url("images/navNeighborhood.jpg") no-repeat;
}

#navNeighborhood:hover, #navNeighborhood:active, #navNeighborhoodRO {
  background: url("images/navNeighborhood.jpg") 100% 0;
}

#navMoving:link, #navMoving:visited {
  background: url("images/navMoving.jpg") no-repeat;
}

#navMoving:hover, #navMoving:active, #navMovingRO {
  background: url("images/navMoving.jpg") 100% 0;
}

#navPrintable:link, #navPrintable:visited {
  background: url("images/navPrintable.jpg") no-repeat;
}

#navPrintable:hover, #navPrintable:active, #navPrintableRO {
  background: url("images/navPrintable.jpg") 100% 0;
}

#navCommunity:link, #navCommunity:visited {
  background: url("images/navCommunity.jpg") no-repeat;
}

#navCommunity:hover, #navCommunity:active, #navCommunityRO {
  background: url("images/navCommunity.jpg") 100% 0;
}

#navSend:link, #navSend:visited {
  background: url("images/navSend.jpg") no-repeat;
}

#navSend:hover, #navSend:active, #navSendRO {
  background: url("images/navSend.jpg") 100% 0;
}

#navContact:link, #navContact:visited {
  background: url("images/navContact.jpg") no-repeat;
}

#navContact:hover, #navContact:active, #navContactRO {
  background: url("images/navContact.jpg") 100% 0;
}







/* Classes for index content area */

.flash {
	display: block;
}

.indexContent {
  font-size: 10.5pt; 
  line-height: 12pt;
  float: left;
  width: 782px;
  color: #ffffff;
  height: 206px;
  background: url('images/homeBar.jpg');
}
.indexContentLeft {
  float: left;
  width: 459px;
  height: 161px;
  padding: 45px 9px 0px 25px;
  font-size: 10.5pt;
  background: url("images/desBg.jpg") no-repeat;
  margin: 17px 0 0 0;
}
.indexContentRight {
  text-align: center;
  font-size: 10.5pt;
  float: right;
  width: 249px;
  height: 151px;
  padding: 55px 20px 0 20px;
  color: #103e14;
  background: url("images/vipBg.jpg") no-repeat;
  margin: 17px 0 0 0;
}
.subContent {
  text-align: left;
  float: left;
  width: 742px;
  padding: 10px 20px 0 0px;
}
.subContentGC {
  text-align: left;
  float: left;
  width: 720px;
  padding: 20px 0px 0 0px;
}
.subPicLeft {
	margin: 6px 0 0 0;
	float: left;
}
.subPicRight {
	margin: 6px 0 0 0;
	float: right;
}





/*Class for request more info page*/

.guestcardInfo {
	float: left;
	margin: -440px 0 0 10px;
	width: 180px;
	color: #133e11;
	font-size: 8pt;
	font-style: italic;
}




/*Class for driving directions page*/

.mapInfo {
	float: left;
	margin: -12px 0 0px 0px;
}





/* Footer classes */

.southern {
  font-size: 8pt;
  font-stretch: expanded;
  text-align: right;
  padding: 0 0 0 0;
  display: block;
  float: left;
  height: 30px;
  color: #fff;
}

div.resite {
  font-size: 8pt;
  text-align: right;
  padding: 0 0 0 0;
  float: right;
  width: 273px;
  height: 30px;
  color: #fff;
}

a.resite:link, a.resite:visited {
  color: #fff;
  text-decoration: underline;
}
a.resite:hover {
  color: #fff;
  text-decoration: none;
}





/*Styles for the floorplan table*/

#floorPlans .flash{
	float:right;
}

TABLE.floorTable {
	width: 170px;
	border-top:1px solid #133e11;
	border-left:1px solid #133e11;
	border-right:1px solid #133e11;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color: #fff;
}
tr.floorTable-key {
	font-weight: bold;
	color : #fff;
	background-color: #133e11;
}
TABLE.floorTable TD {
	border-bottom:1px solid #133e11;
	text-align: center;
	height: 21px;
}

.floorTable-col-style, .floorTable-col-beds, .floorTable-col-baths, .floorTable-col-sqft {
	display: none;
}

/*Styles for the neighborhood info table*/

TABLE.neighborhood {
	width: 500px;
	border-top:1px solid #133e11;
	border-left:1px solid #133e11;
	border-right:1px solid #133e11;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color: #d2c5b8;
	line-height: 15px;
}
tr.neighborhood-key {
	font-weight: bold;
	color : #eedecc;
	background-color: #133e11;
}
TABLE.neighborhood TD {
	border-bottom:1px solid #133e11;
	text-align: center;
	height: 20px;
}
a.neighborhood {
	font-weight: bold;
	color : #fff;
	text-decoration : none;
}

a.nTitle {
	text-decoration: none;
	color: #000000;
}

a.nTitle2 {
	text-decoration: none;
	margin: 0 5px 0 5px;
	float: left;
	width: 220px;
}

a.nTitle2:hover, a.nTitle2:active {
	text-decoration: underline;
}





/*form styles*/

textarea {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

input {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

/* Navigation @ bottom of page */
#footerNav {
	width: 100%;
	float: center;
	font-size: 8pt;
	text-align: center;
}
#footerNav A, #footerNav A:link, #footerNav A:active, #footerNav A:visited {
	color: #92a683;
	text-decoration: none;
}
#footerNav A:hover {
	text-decoration: underline;
}

/* Sitemap Page */
.sitemapList A, .sitemapList A:link, .sitemapList A:active, .sitemapList A:visited {
	text-decoration: none;
}
.sitemapList A:hover {
	text-decoration: underline;
}
.sitemapList LI {
	margin: 2px 0px;
}