@charset "utf-8";
/* CSS Document */
a, div, img { behavior:url("../scripts/iepngfix_home.htc"); }
body, span { behavior:url('../scripts/csshover.htc'); }
body {
	margin:0;
	background-color:#FFFFFF;
	text-align:center;/* centre for ie5 and 5.5. */
	min-width:820px;/* """ */
	min-height:540px;/*for mozilla/opera */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link, a:active, a:visited {text-decoration: none;color:#dcddde;}
a:hover {text-decoration: underline;}
img{border:0;}

#container {
	position:relative;
	width:820px;height:540px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#464646;
	border:1px solid #464646;
}
#top { display:block; position:absolute; width:638px; height:275px; }
#menuBar { display:block; position:absolute; left:1px; top:249px; width:630px; height:25px; background-color:#f8991d; z-index:1;}
#right { display:block; position:absolute; width:182px; height:509px; right:1px; top:1px; }
#content { display:block; position:absolute; width:638px; height:217px; top:292px; color:#dcddde; }
#btm { display:block; position:absolute; width:100%; height:31px; bottom:0px; background-color:#FFFFFF; color:#515255; }

/* top content */
#top img{ position:absolute;}
#bLogo{ left:1px; top:1px;}
#farL {left:1px; top:97px;}
#bMid {left:325px; top:151px;}



#lMid {left:190px; top:1px; width:129px;}




#slogan {left:325px; top:1px; height:88px;}
.smBox { position:absolute; display:block; width:48px; height:48px; top:96px; }
#smBox_1 {left:325px; background-color:#231f20;} #smBox_2 {left:389px;} #smBox_3 {left:453px; background-color:#d7c400;} #smBox_4 {left:517px;} #smBox_5 {left:582px; background-color:#f8991d;}
/* right content */
#rTop {position:absolute; top:0;}
#sheaLogo {position:absolute; bottom:0;}
/* navBar */
#menuBar a{ float:right; margin:0 12px; line-height:25px; vertical-align:middle; color:#464648; text-decoration:none; }
#menuBar a:hover, #menuBar a.self { color:#efe4a1;}

/* body content */
#bodyImg{ display:block; position:absolute; width:189px; height:148px; left:125px; left:1px; font-size:10px; text-align:right;}
#bodyImg p {margin:2px 0 0 0;}
#bodyCopy {
	display:block;
	position:absolute;
	left:210px;
	width:410px;
	top:0;
}
#bodyCopy a:link, #bodyCopy a:active, #bodyCopy a:visited {text-decoration: none;color:#d6c200;}
#bodyCopy a:hover {text-decoration: underline; color:#eee3a0;}
h1 { font-size:14px; font-weight:bold; color:#d7c300; margin:0 0 8px 0; float:left;}
h2 { font-size:10px; font-weight:bold; color:#b1c436; margin:3px 0 8px 2px; float:left;}
#bodyCopy p {margin:0 0 6px 0; clear:both;}
#subBodyCopy {position:absolute; left:42px; top:148px; width:264px; height:66px; display:block; font-size:10px; }
#subBodyCopy h1{margin:0 0 4px 0;}
#subBodyCopy p{ margin:0 4px 0 0;clear:both;}

#btm img { margin:7px 12px 0 12px; float:left;}
#btm p{ font-family:Arial, Helvetica, sans-serif; margin:4px 0 0 8px; font-size:9px;}
/* properties sub links */
#propLinks {position:absolute; left:385px; top:181px; color: #d6c200;}
#propLinks a:link, #propLinks a:active, #propLinks a:visited {color: #d6c200;text-decoration: none;}
#propLinks a:hover {text-decoration:none;}
#details, #propLinks a:hover span#fp {display: none;}
#propLinks a:hover span#details {display: inline; color:#eee3a0;}
#fp_self{color:#eee3a0;}
/* pop up window */
#popUp {position:absolute; display:none; width:820px; height:540px; z-index:100;}
#popUp #popBlocker{ display:block; height:100%; width:100%; background-color:#FFFFFF;opacity: 0.82;filter:alpha(opacity=82);}
#popUp #popContent{ position:absolute; top:32px; left:78px; display:block; height:476px; width:664px; background-image:url(../img/popUp.png); }
#popUp #popContent img { position:absolute; left:28px; top:41px;}


#content { display:block; position:absolute; width:638px; height:217px; top:292px; color:#dcddde; }
/* neighborhood page */
.neighborhood #right #rTop {width:183px; height:426px;}
.main #logos { position:absolute; bottom:12px; right:12px; z-index:1;}
/* left bar */
.neighborhood #logo { margin:20px 0 0 34px; z-index:2;}
.lBar {
	position:absolute;left:190px; top:1px; width:441px;height:249px;
	background:#FFFFFF url(../img/leftBar.gif) repeat-x;
}
.lBar h2 { color:#213e6d; font-size:22px; font-style:italic; font-weight:normal; margin:14px 16px 6px 24px; line-height:23px;}
.lBar h3 { color:#726B65; font-size:11px; font-style:italic; font-weight:normal; margin:0 16px 6px 24px; line-height:14px;}
.main {
	position:absolute; width:630px; height:235px; top:274px; left:1px;
	display:inline-block;
}
.main img { z-index:0;}
/* neighborhood */
.neighborhood { font-size:10px; color:#726B65;}
.neighborhood .lBar .lTxt { float:left; display:inline-block; width:276px;  margin:0;}
.neighborhood .lBar #l_barImg {  float:left;  display:inline-block; overflow:hidden; width:164px; height:249px; margin:0;}
.neighborhood .lBar IMG {height:249px;}
.neighborhood .lBar h2 { margin:12px 12px 4px 16px;}
.neighborhood .lBar h3 { color:#726B65; font-size:11px; font-style:italic; font-weight:normal; margin:0 12px 6px 16px; line-height:14px;}
.neighborhood .lBar p { color:#726B65; font-size:10px; font-weight:normal; margin:0 12px 8px 16px; line-height:14px;}
.neighborhood .lBar a, .neighborhood .main a {color:#213e6d;}
.neighborhood .lBar a:hover, .neighborhood .main a:hover {color:#000000;}

.neighborhood .midBar { position:relative; float:left; display:inline-block; width:186px; height:235px; margin:0; background-color:#96980d;}
.neighborhood .main .midBar h2 { color:#efd800; margin:20px;}
.neighborhood .main .midBar h3 { color:#231f20; font-weight:normal; margin:20px;}
.neighborhood .info {float:left; display:inline-block; height:30px; width:100%; }

.neighborhood .rBar { float:left; width:444px; height:100%; margin:0;}
.neighborhood .rContent {  float:left; display:inline-block; overflow:auto; width:100%; height:235px; background:url(../img/leftBar.gif) repeat-x #FFFFFF;} 
.neighborhood .main h2 { clear:right; color:#213e6d; font-size:22px; font-style:italic; font-weight:normal; margin:14px 16px 6px 24px; line-height:23px;}
.neighborhood .main h3 { clear:right; color:#766756; font-size:13px; font-style:italic; font-weight:bold; margin:0 48px 28px 24px; line-height:14px;}

.neighborhood .midBar .info { position:absolute; height:48px; bottom:0; font-size:9px;}
.neighborhood .midBar .info a.button { display:inline-block; float:left; background-color:#FFF; color:#a69d95; padding:4px 12px; margin:2px 6px 0 14px; border:1px solid #a69d95; font-size:12px; font-style:italic;}
.neighborhood .midBar .info a.button:hover { color:#ee7722; border-color:#ee7722;}

.neighborhood .story { margin:18px 8px 0 24px;}
.neighborhood .story p{ margin:4px 0 0 0;}
.neighborhood .story #leaf { float:left; margin:-6px 4px 4px -6px;}
.neighborhood a.normColor { color:#726B65;}
.neighborhood a.normColor:hover { color:#213e6d;}
.neighborhood .story h3 { margin:0 0 2px 0px;}
.neighborhood .story h4 { margin:0 0 4px 0px; font-size:10px; font-weight:normal;}

/* story */
.neighborhood .pics { width:178px; margin:34px 8px 2px 0;}
.neighborhood .pics img{ width:178px; margin:0 0 12px 0;}
.neighborhood .extended { width:326px; margin:34px 16px 2px 20px; font-size:12px;}
.extended h2 {
	color:#213e6d;
	font-size:22px;
	font-weight:normal;
	line-height:23px;
	margin:0 0 2px 0;
}
.extended h3 {
	color:#726B65;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	line-height:14px;
	margin:0 0 6px 0;
}
.neighborhood.details .main { overflow:auto; }
.neighborhood.details .main img { cursor:pointer;}
.neighborhood.details #storyBar h2 {
	margin:48px 16px 8px 24px;
}
.neighborhood.details #storyBar h3 { width:220px; margin-top:16px; border-bottom:1px solid #726B65;}
.neighborhood.details #storyBar p {
	color:#726B65;
	line-height:auto;
	margin:0 22px 2px 24px;
}
.neighborhood.details #storyBar a {color:#726B65;}
.neighborhood.details #storyBar a {color:#000000;}

/* popup */
/* black pop up window */
.fullScreen {display:none; height:100%; width:100%; position:absolute; top:0; left:0; cursor:pointer; }
#blackBack { background-color:#ffffff; z-index:100; opacity: 0.85;filter:alpha(opacity=85);}
#popContainer { z-index:101;}
#popCenter { 
	position:relative;
	top:0;
	margin:0 auto;
	display:block; width:200px; height:200px;
	border:10px solid #ffffff; background-color:#FFFFFF; 
	text-align:center;
	z-index:101; 
	cursor:pointer;
}
#closeX {
	position:absolute;
	right:-26px;
	top:-24px;
	z-index:100;
}
/* useful links */
.links #content { top:274px; height:235px; width:631px; color:#ffffff; overflow:auto; }
#links {
	display:inline-block;
	position:absolute;
	left:10px;
	width:auto;
	top:0;
}
#links h1{ float:left; clear:both; margin:8px 0;}
#links p{ float:left; clear:both; margin:0 0 2px 0;}
#links a:link, #links a:active, #links a:visited {text-decoration: none;color:#ffffff;}
#links a:hover {text-decoration: underline; color:#eee3a0;}

/* contact social media icons */
.contactForm #lInfo { display:inline-block; width:168px; height:auto; margin:0; position:absolute; right:8px; bottom:8px;}
.contactForm h3 { font-style:italic; font-weight:normal; font-size:14px; margin:20px 0 0 0;}
.contactForm .socialMedia { position:absolute; height:auto; width:auto; margin:0; }
.contactForm .socialMedia IMG { float:right; clear:right; margin:0 0 0 8px;}
.contactForm .socialMedia p { font-size:9px; text-align:right; float:right; margin:0;  line-height:9px;}
#twitterIcon { right:8px; bottom:48px;}
#fbIcon { right:8px; bottom:8px;}
#sheaIcon { right:154px; bottom:8px;}

/* add to any */
#add2Any { position:absolute; bottom:8px; right:8px; width:106px; height:16px;}