/* Global styles */

body {
  background: url("images/bg2.jpg") repeat-x #a28566;
  margin: 0;
  text-align: center;
  font-family: Lucida Sans, Arial;
  font-size : 10.5pt;
  color: #eedecc;
}

.hidden { display: none; }

.overall {
  width: 1000px;
}

.underall {
  float: left;
  min-height: 600px;
  height:auto !important;
  height:600px;
  background: url("images/bg.jpg") no-repeat #b3c6a9;
  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.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: 715px;
  min-height: 560px;
  height:auto !important;
  height:560px;
  padding: 0px 0 0px 58px;
}

.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: #004160;
}





/* Main Header styles */

.head {
  float: left;
  width: 778px;
  height: 40px;
}

.head .navLeft {
	display: block;
	float: left;
}

.head a.requestInfo:link, .head a.requestInfo:visited {
  display: block;
  float: left;
  width: 146px;
  height: 40px;
  background: url("images/navRequest.jpg") no-repeat;
}

.head a.requestInfo:hover, .head .requestInfoRO {
  float: left;
  width: 146px;
  height: 40px;
  background: url("images/navRequest.jpg") 0 100%;
}

.head a.applyOnline:link, .head a.applyOnline:visited {
  display: block;
  float: left;
  width: 115px;
  height: 40px;
  background: url("images/navApply.jpg") no-repeat;
}

.head a.applyOnline:hover, .head .applyOnlineRO {
  float: left;
  width: 115px;
  height: 40px;
  background: url("images/navApply.jpg") 0 100%;
}

.head a.residentServices:link, .head a.residentServices:visited {
  display: block;
  float: left;
  width: 140px;
  height: 40px;
  background: url("images/navResident.jpg") no-repeat;
}

.head a.residentServices:hover, .head .residentServicesRO {
  float: left;
  width: 140px;
  height: 40px;
  background: url("images/navResident.jpg") 0 100%;
}

.head a.homeMain:link, .head a.homeMain:visited {
  display: block;
  float: left;
  width: 63px;
  height: 40px;
  background: url("images/navHome.jpg") no-repeat;
}

.head a.homeMain:hover {
  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: 222px;
}

.nav2 .home {
  display: block;
  float: left;
  width: 222px;
  height: 249px;
  margin: 0;
  background: url("images/navTop.jpg") no-repeat;
}

.nav2 a.features:link, .nav2 .features {
  display: block;
  float: left;
  width: 222px;
  height: 28px;
  margin: 0;
  background: url("images/navFeatures.jpg") no-repeat;
}

.nav2 a.features:hover, .nav2 .featuresRO {
  float: left;
  width: 222px;
  height: 28px;
  background: url("images/navFeatures.jpg") 100% 0;
}

.nav2 a.photos:link, .nav2 .photos {
  display: block;
  float: left;
  width: 222px;
  height: 30px;
  margin: 0;
  background: url("images/navPhoto.jpg") no-repeat;
}

.nav2 a.photos:hover, .nav2 .photosRO {
  float: left;
  width: 222px;
  height: 30px;
  background: url("images/navPhoto.jpg") 100% 0;
}

.nav2 a.floorplans:link, .nav2 .floorplans {
  display: block;
  float: left;
  width: 222px;
  height: 28px;
  margin: 0;
  background: url("images/navFloor.jpg") no-repeat;
}

.nav2 a.floorplans:hover, .nav2 .floorplansRO {
  float: left;
  width: 222px;
  height: 28px;
  background: url("images/navFloor.jpg") 100% 0;
}

.nav2 a.location:link, .nav2 .location {
  display: block;
  float: left;
  width: 222px;
  height: 31px;
  margin: 0;
  background: url("images/navMaps.jpg") no-repeat;
}

.nav2 a.location:hover, .nav2 .locationRO {
  float: left;
  width: 222px;
  height: 31px;
  background: url("images/navMaps.jpg") 100% 0;
}

.nav2 a.neighborhood:link, .nav2 .neighborhood {
  display: block;
  float: left;
  width: 222px;
  height: 30px;
  margin: 0;
  background: url("images/navNeighborhood.jpg") no-repeat;
}

.nav2 a.neighborhood:hover, .nav2 .neighborhoodRO {
  float: left;
  width: 222px;
  height: 30px;
  background: url("images/navNeighborhood.jpg") 100% 0;
}

.nav2 a.resources:link, .nav2 .resources {
  display: block;
  float: left;
  width: 222px;
  height: 30px;
  margin: 0;
  background: url("images/navMoving.jpg") no-repeat;
}

.nav2 a.resources:hover, .nav2 .resourcesRO {
  float: left;
  width: 222px;
  height: 30px;
  background: url("images/navMoving.jpg") 100% 0;
}

.nav2 a.eBrochure:link, .nav2 .eBrochure {
  display: block;
  float: left;
  width: 222px;
  height: 30px;
  margin: 0;
  background: url("images/navPrintable.jpg") no-repeat;
}

.nav2 a.eBrochure:hover {
  background: url("images/navPrintable.jpg") 100% 0;
}

.nav2 a.community:link, .nav2 .community {
  display: block;
  float: left;
  width: 222px;
  height: 30px;
  margin: 0;
  background: url("images/navCommunity.jpg") no-repeat;
}

.nav2 a.community:hover, .nav2 .communityRO {
  float: left;
  width: 222px;
  height: 30px;
  background: url("images/navCommunity.jpg") 100% 0;
}

.nav2 a.emailFriend:link, .nav2 .emailFriend {
  display: block;
  float: left;
  width: 222px;
  height: 30px;
  margin: 0;
  background: url("images/navSend.jpg") no-repeat;
}

.nav2 a.emailFriend:hover, .nav2 .emailFriendRO {
  float: left;
  width: 222px;
  height: 30px;
  background: url("images/navSend.jpg") 100% 0;
}

.nav2 a.contact:link, .nav2 .contact {
  display: block;
  float: left;
  width: 222px;
  height: 29px;
  margin: 0;
  background: url("images/navContact.jpg") no-repeat;
}

.nav2 a.contact:hover, .nav2 .contactRO {
  float: left;
  width: 222px;
  height: 29px;
  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: 778px;
  color: #ffffff;
  height: 205px;
}
.indexContentLeft {
  float: left;
  width: 409px;
  height: 130px;
  padding: 75px 30px 0px 50px;
  color: #710b24;
  font-style: trebuchet;
  font-size: 10.5pt;
  background: url("images/homeContent.jpg") no-repeat;
}
.indexContentRight {
  text-align: center;
  font-size: 10.5pt;
  float: right;
  width: 269px;
  height: 151px;
  padding: 55px 8px 0 12px;
  background: url("images/homeSpecial.jpg") no-repeat;
}
.subContent {
  text-align: left;
  float: left;
  width: 695px;
  padding: 20px 20px 0 0px;
}
.subPic {
	margin: 6px 0 0 0;
}





/*Class for request more info page*/

.guestcardInfo {
	float: left;
	margin: -440px 0 0 10px;
	width: 180px;
	color: #015077;
	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;
}

div.resite {
  font-size: 8pt;
  text-align: right;
  padding: 0 0 0 0;
  float: right;
  width: 273px;
  height: 30px;
}

a.resite:link, a.resite:visited {
  color: #EEDECC;
  text-decoration: underline;
}
a.resite:hover {
  color: #EEDECC;
  text-decoration: none;
}





/*Styles for the floorplan table*/

#floorPlans .flash{
	float:right;
}

TABLE.floorTable {
	width: 170px;
	border-top:1px solid #015077;
	border-left:1px solid #015077;
	border-right:1px solid #015077;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color: #eedecc;
}
tr.floorTable-key {
	font-weight: bold;
	color : #eedecc;
	background-color: #015077;
}
TABLE.floorTable TD {
	border-bottom:1px solid #015077;
	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 #015077;
	border-left:1px solid #015077;
	border-right:1px solid #015077;
	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: #015077;
}
TABLE.neighborhood TD {
	border-bottom:1px solid #015077;
	text-align: center;
	height: 20px;
}
a.neighborhood {
	font-weight: bold;
	color : #eedecc;
	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;
}