/*---------------
  TOP NAVIGATION
-----------------*/

.subframe{border: 2px solid white;}
#nav_488_level_1{margin: 0px 0px 0px 12px;}
#nav_488_level_2 a{
  font-size:10px;
  background: #123c91;
  color: #ADD3FE;
  padding: 3px 30px 2px 2px; 
  border-bottom: 1px solid white; 
}
#nav_488_level_2 a:hover{
  background: #1b4db1;
  color: yellow;
}
#nav_488_level_3{margin: 0px 0px 0px 5px;}
#nav_488_level_3 a{
  font-size:10px;
  background: #86bfff;
  color: #062b75;
  padding: 3px 30px 2px 2px; 
  border-bottom: 1px solid white;  
}
#nav_488_level_3 a:hover{
  background: #bd3313;
  color: yellow;
}
#nav_488_level_4{margin: -6px 0px 0px 5px;}
#nav_488_level_4 a{
  font-size:10px;
  background: #c7e1ff;
  color: #123c91;
  padding: 3px 30px 2px 2px; 
  border-bottom: 1px solid white; 
}
#nav_488_level_4 a:hover{
  background: #990505;
  color: yellow;
}
#btnBack{
  margin-left: 6px;
  float:left;   
}
.leftText{
  width: 380px;
  background-color: white;
  font-family: 'MS Sans-serif', Arial, Helvetica;
  font-size:12px; 
  margin-top: 5px; 
}
.leftText a{text-decoration: underline;}
.communityHeader{
  width: 344px; 
  height: 29px;
  background: url('/files/corporate/000/000/001/90/gateway/images/communities/community_bar_bg_orange.png') top left no-repeat;
  margin: 5px 0px 5px 5px;
  padding: 0px 0px 0px;
  float:left; 
  font-size: 14pt;
}
.communityHeader a{
  margin: 6px 0px 0px 12px;
  text-decoration: none;
  display: block; 
}
.communityDescription{
  font-size: 12px;
  text-align: left;
  width: 330px;
  height: auto;
  float: left;
  padding: 0px 10px 0px 14px;
  margin: 0px 0px 10px 4px; 
  line-height:1.3em;
}
.communityDescription strong,.communityDescription b{
  font-weight: normal;
}
.communityAddress{
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  height: auto;
  float: left;
  padding: 0px 0px 10px 18px; 
}
.communityAddress a{
  font-size: 12px;
  text-align: right;
}
.leftDescription{
  width: 400px;
  float: left;
  text-align: left; 
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 10px 0px;
  line-height: 18px;
  font-size: 13px;
}
.leftDescription .imgBG{}
.ruler { 
  background: url('/files/corporate/000/000/001/90/gateway/images/communities/ruler_background.gif') top left; 
  font-size: 11px;
  float: right;
}
h2{font-size: 20px;}
.emphasis{background-color: #F9F946;}
/*-----LAYOUT------*/
body{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px 0px 0px 0px;  
  text-align: center;
  background-color: white; 
}
#container{
  width: 975px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#top{
  width: 975px;
  height: 182px;
  float: left; 
}
#topLeft{
  width: 420px;
  height: 119px;
  float: left;
  text-align: left;
  margin-top: 31px; 
}
#topLogo{
  width: 420px;
  height: 119px;
  float: left;
}
#topNav{
  width: 420px;
  height: 32px;
  float: left;
  background-color: #a4a4a4;
}
#topNav img{
  float: left;
  margin: 0px;
  padding: 0px;
}
#topRightPic{
  width: 555px;
  height: 182px;
  float: left;
}

.penStrip{height: 10px; float: left;}
#leftStrip{width: 420px;  float:left;}
#rightStrip{width: 410px; float:left;}
#content{
  width: 975px; 
  height: auto; 
  float: left; 
}
#left_1{
  width: 420px;
  height: auto;
  float: left;
}
#left_2{
  width: 410px;
  padding: 0px 0px 0px 10px;
  float:left; 
}
#leftCommSS{
  width: 400px;  
  height: 240px; 
  float:left; 
  margin-left: 10px;
}
#left_btm{
  width: 410px;
  height: 220px;
  float:left;
  clear:both;
  cursor: pointer; 
  cursor: hand;
  padding: 0px;
}
#right_1{
  width: 410px;
  height: auto;
  float: left;
  text-align: left;
}

#right_2{
  width: 400px;
  height: 460px;
  overflow: auto; 
  float:left;
  padding: 0px;
  margin: 0px;
  background: white;  
}
#rightPic{
  width: 145px;
  height: 161px; 
  float: left; 
}
#btmStrip{width: 830px; height: 10px; float:left;}

/*-----OTHER-STUFF-----*/
#d_claimer{
  width: 750px;
  height: auto;
  float: left;
}
.copyright{color: #000;}
.disclaimer{
  color: #ff0000;
  font-size: 10px;
  font-weight: normal;
}
.disclaimer:hover{color: #0000ff;}
#disclaimer_hover{color:#0000ff;}
img{border: none; }
/*map - property pop-up style*/
#mapDiv a{
  position:absolute;
  text-decoration:none;
  font-weight:bold;
}

#txtcontent{
/*optional - change background & border*/
  background-color: #fff;
  border: 2px solid #6488d7;
  width: 300px;
  text-align: center;
}
#image-map{  float: left;}
.popup_city{
  margin-left: -10px;
  color: #990505;
}
#popup_top{
  width: 100%
  height: 15px;
  font-weight: bold;
  text-align: center;
  background-color: #eee981;
  color: #000080;
  font-size: 11pt;
}
#popup_middle{
  margin-left: 20px;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: left;
}
#popup_bottom{
  width: 100%;
  height: 15px;
  background-color: #eee981;
}
#dhtmltooltip{
  position: absolute;
  left: -300px;
  visibility: hidden;
  z-index: 2000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#url{font-weight: bold; }
a{
  font-weight: bold; 
  font-size: 10pt; 
  color: #02407D; 
  text-decoration: none;
}
a:hover{ color: #D51010;}
/*-------TOP-NAV------*/
#nav_455_level_1{margin: 0px 0px 0px 12px;}
#nav_455_level_1 a{
  color: #fff;
  padding: 0px 0px 0px 0px; 
  font-weight: normal;  
  margin: 0px 0px 0px 0px;
}
#nav_455_level_1 a:hover{
  color: #cc3300;
}