/* Global styles */

body {
  background: url("images/bg.jpg");
  margin: 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color: #eedecc;
}

.hidden { display: none; }

.overall {
  width: 1000px;
}

.underall {
  float: left;
  min-height: 600px;
  height:auto !important;
  height:600px;
  background: url("images/repeat.jpg") repeat-y #EEDECC;
  background-position: 0 222px;
}

#photoGallery {
	float: left;
	width: 1000px;
	margin: 0px;
	padding: 0px;
	background: url("images/bodyBG.png") no-repeat 0 0 #faf0bf;
}

.h9 {
  color: #000;
  font-size: 13px;
  font-weight: bold;
}


.dis {
  font-size: 10pt;
  v-align: bottom;
}




/* 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 {
  color: #000;
  float: left;
  text-align: left;
  background: #EEDECC;
}

.insideContainer {
  float: left;
  width: 757px;
  min-height: 562px;
  height:auto !important;
  height:562px;
  padding: 0px 0 0px 63px;
  background: url("images/sub.jpg") no-repeat;
}

#photoContainer {
	float: left;
	width: 715px;
	margin: 0px 0px 0px 58px;
	padding: 0px;
}

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





/* Main Header styles */

.head {
  float: left;
  width: 827px;
  height: 38px;
}

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

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

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

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

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

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

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

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

.head a.homeMain:hover {
  background: url("images/navHome.jpg") 100% 0;
}








/* Classes for the secondary row of navigation on index.php */

.nav2 {
  display: block;
  background: #EEC285;
  float: left;
  width: 173px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav2 a.eBrochure:link, .nav2 .eBrochure {
  display: block;
  float: left;
  width: 173px;
  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: 173px;
  height: 29px;
  margin: 0;
  background: url("images/navCommunity.jpg") no-repeat;
}

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

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

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

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

.nav2 a.contact:hover, .nav2 .contactRO {
  float: left;
  width: 173px;
  height: 34px;
  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: 827px;
  color: #4c3b29;
  /*height: 223px;*/
  padding: 0px 0px 0px 63px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: url("images/home01.jpg") #EEDECC no-repeat;
}

.indexContent img.oldSchoolImg {
	float: left;	
}
.indexContentLeft {
  float: left;
  width: 450px;
  /*height: 156px;*/
  padding: 0px 0px 0px 10px;
  background: url("images/home03.jpg") #EEDECC no-repeat;
}

.textMeBtn {
	float: right;
	width: 139px;
	height: 39px;
	margin: 10px 60px 10px 0px;
	padding: 0px;
	background: url('images/textInfoBtn.jpg') no-repeat;
	border: 1px solid black;
	cursor: pointer;
}

.textMeDirections {
	position: absolute;
	width: 164px;
	height: 39px;
	top: 250px;
	left: 20px;
	padding: 0px;
	background: url('images/textDirectionBtn.jpg') no-repeat;
	border: 1px solid black;
	cursor: pointer;
	
}

.textMeContact {
	position: absolute;
	top: 200px;
	left: 260px;
	padding: 0px;
	background-color: #ff8c00;
	border: 1px solid black;
}

.indexContentRight {
  text-align: center;
  float: right;
  width: 278px;
  height: 136px;
  height: 198px;
  padding: 70px 8px 0 12px;
  background: url("images/home04.jpg") #EEDECC no-repeat;
}
.subContent {
	position: relative;
  text-align: left;
  float: left;
  width: 724px;
  padding: 20px 20px 0 0px;
  background: #EEDECC;
}


/*Class for Neighborhood Info page*/
.twoColumns {
	width: 360px;
	float: left;
	text-align: center;
	#margin-bottom: 15px;
}




/*Class for request more info page*/

.guestcardInfo {
	float: left;
	margin: -375px 0 0 10px;
	width: 180px;
	/*font-weight: bold;*/
	color: #671209;
	font-size: 8pt;
	font-style: italic;
}




/*Class for driving directions page*/

.mapInfo {
	float: left;
	margin: -12px 0 0px 0px;
}





/* Footer classes */

.southern {
  font-size: 7.5pt;
  font-stretch: expanded;
  text-align: right;
  padding: 5px 2px 0 0;
  display: block;
  float: left;
  height: 30px;
}

div.resite {
  font-size: 7.5pt;
  text-align: right;
  padding: 9px 2px 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 #9e451b;
	border-left:1px solid #9e451b;
	border-right:1px solid #9e451b;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color: #eedecc;
}
tr.floorTable-key {
	font-weight: bold;
	color : #eedecc;
	background-color: #9e451b;
}
TABLE.floorTable TD {
	border-bottom:1px solid #9e451b;
	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 #9e451b;
	border-left:1px solid #9e451b;
	border-right:1px solid #9e451b;
	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: #9e451b;
}
TABLE.neighborhood TD {
	border-bottom:1px solid #9e451b;
	text-align: center;
	height: 20px;
}
a.neighborhood {
	font-weight: bold;
	color : #eedecc;
	text-decoration : none;
}

a.nTitle {
	text-decoration: none;
	color: #000000;
}



/*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: #eec285;
	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;
}

/* Social Icons @ Footer */
UL#footerIconLinks {
	list-style: none outside;
	float: right;
	margin: 0px 0px;
}
UL#footerIconLinks LI {
	list-style: none outside;
	float: right;
	margin-left: 8px;
}
IMG.socialIcon {
	width: 24px;
	height: 24px;
}