/*****************/
/* Layout Styles */
/*****************/
body, html{
  width:100%;
  margin:0 0 0 0;
  text-align:center; 
  background:#c9c7b4;
}

#Container{
  width:996px;
  margin:0 auto 0 auto;
  background:#ffffff url(/images/background.jpg) repeat-x 0px 0px;
  text-align:left;
  border-right:1px solid #a61a27; 
  border-left:1px solid #a61a27;
  border-bottom:1px solid #a61a27;
}

#community_Container{
  background:#ffffff;
  text-align:left;
  height:100%;
}
 
 #community_Container{
    background:#ffffff url(/images/background.jpg) repeat-x 0px 0px;
    text-align:left;
    border-right:1px solid #a61a27; 
    border-left:1px solid #a61a27;
    border-bottom:1px solid #a61a27;
}
 
#Header{
  width:996px;
  height:353px;   
}

#LeftNav{
  position:relative;
  top:0px;
  left:0px;
  width:385px;
  height:293px;
  padding:20px 0 0 0;
  float:left;
  background:url(/images/left/logopink.gif) no-repeat bottom right;
}

#GoneGreen{
  width:150px;
  background:url(/images/left/gonegreen.gif) no-repeat 90% 0px; 
  text-align:left;
}

#Rewards{
  width:200px;
  background:url(/images/left/rewards.gif) no-repeat 90% 2px; 
  text-align:left;
}

#Technology{
  width:150px;
  background:url(/images/left/technology.gif) no-repeat 100% 30px; 
  text-align:left;
}

#Associations{
  width:160px;
  background:url(/images/left/associations.gif) no-repeat 100% 5px; 
  text-align:left;
}

#Payments{
  width:150px;
  background:url(/images/left/payments.gif) no-repeat 100% 20px;
  text-align:left; 
}

#DidYouKnow{
  width:170px;
  background:url(/images/left/didyouknow.gif) no-repeat 100% 5px; 
  text-align:left;
}

#LeftNav .separator{
  width:100%;
  height:1px;
  line-height:0px;
  font-size:1px;
  background:url(/images/left/separator.gif) no-repeat 5px 0px; 
  text-align:left;
}

#HomeLink{
  position:absolute;
  top:5px;
  right:15px; 
  background:url(/images/left/home.gif) no-repeat 100% 2px; 
}

#TopNav{
  width:609px;
  height:33px;
  float:right; 
}

#TopNav div{
  float:left;
  background:url(/images/top/separator.gif) no-repeat 0px 0px;
  padding:5px 12px 0 10px;
}

#TopFlash
{
  top:0px;
  right:0px;
  width:608px;
  height:246px;
  float:right; 
}

#LowerNav{
  width:609px;
  height:34px;
  float:left;
  background:url(/images/lower/background.jpg) repeat-x 0px 3px;
}

#LowerNav div{
  float:left; 
  padding:0 11px 0 11px;
}

#LowerNav .separator{
  width:1px;
  height:34px;
  padding:0;
  background:url(/images/lower/separator.gif) no-repeat 0px 5px;
}

#mainPhone{
	height:20px;
	width:375px; 
	text-align:center;
	padding:0 10px 0 0;
}

#Content{
  width:984px;
  padding:5px 5px 5px 5px;
}

#Footer{
  width:100%;
  padding:20px 0 5px 0;
  clear:both;
  background:url(/images/footer/background.gif) repeat-x 0px 10px; 
}

/******************/
/* General Styles */
/******************/
.landingFloatBox{
   width:32%;
   float:left;
   border:1px solid #bcbcbc;
   text-align:center;
}

.landingFloatSeparator{
  width:10px;
  height:10px;
  float:left; 
}

.brandsFloatBox{
   width:32%;
   float:left;
   text-align:justify;
   min-height:300px; !important
}

.productsFloatBox{
   width:18%;
   float:left;
   border:1px solid #bcbcbc;
   text-align:center;
}

.multifamilyFloatBox{
   width:23%;
   float:left;
   border:1px solid #bcbcbc;
   text-align:center;
}

.directoryPictureBox{
   width:210px;
   float:left;
   text-align:center;
}

.directoryProfileBox{
   width:60%;
   float:left;
   min-height:220px; !important
}

.directoryFloatSeparator{
  width:10px;
  height:10px;
  float:left; 
}

.locationsFloatBox{
   width:450px;
   float:left;
   text-align:center;
   min-height:420px; !important
}


.associations{
   float:left;
   padding:10px;
   width:450px;
   min-height:300px; !important
}
/*****************************/
/* Home Page Specific Styles */
/*****************************/
#HomeCommunity{
  width:350px;
  padding:0px;
  float:left;
  border:0px solid #bcbcbc;
}

#HomeCommunity .HomeCommunityArticle{
  width:250px;
  padding:0 0 5px 10px;
  float:right;
  background:url(/images/home/arrow.gif) no-repeat 3px 5px;
 }

#HomeLogos{
  width:374px;
  float:left; 
  margin:5px 0 0 0;
  border-right:1px dotted #949391;
}

#HomeLogos div{
  float:left; 
}

#HomePromos{
  width:600px;
  height:325px;
  float:right; 
}

#HomePromos div{
  padding:0 0 13px 0;
}

/**********************************/
/* Community Story Specific Styles*/
/**********************************/

#community_LeftNav{
  position:relative;
  top:0px;
  left:0px;
  width:385px;
  height:293px;
  padding:20px 0 0 0;
  float:left;
  background:url(/images/left/logo.gif) no-repeat bottom right; 
}

#community_LeftNav .community_separator{
  width:100%;
  height:1px;
  line-height:0px;
  font-size:1px;
  background:url(/images/left/separator.gif) no-repeat 5px 0px; 
}

#community_GoneGreen{
  width:150px;
  background:url(/images/left/gonegreen.gif) no-repeat 90% 0px; 
  text-align:left;
}

#community_Rewards{
  width:200px;
  background:url(/images/left/rewards.gif) no-repeat 90% 2px; 
  text-align:left;
}

#community_Technology{
  width:150px;
  background:url(/images/left/technology.gif) no-repeat 100% 30px; 
  text-align:left;
}

#community_Associations{
  width:160px;
  background:url(/images/left/associations.gif) no-repeat 100% 5px; 
  text-align:left;
}

#community_Payments{
  width:150px;
  background:url(/images/left/payments.gif) no-repeat 100% 20px; 
  text-align:left;
}

#community_DidYouKnow{
  width:170px;
  background:url(/images/left/didyouknow.gif) no-repeat 100% 5px; 
  text-align:left;
}

#community_LeftNav .separator{
  width:100%;
  height:1px;
  line-height:0px;
  font-size:1px;
  background:url(/images/left/separator.gif) no-repeat 5px 0px; 
}

#community_HomeLink{
  position:absolute;
  top:5px;
  right:15px; 
}

#community_TopNav{
  width:609px;
  height:33px;
  float:right; 
}

#community_TopNav div{
  float:left;
  background:url(/images/top/separator.gif) no-repeat 0px 0px;
  padding:5px 12px 0 10px;
}

#community_TopFlash{
  width:608px;
  height:246px;
  float:right; 
}

#community_community_LowerNav{
  width:609px;
  height:34px;
  float:right; 
  background:url(/images/lower/background.jpg) repeat-x 0px 3px;
}

#community_LowerNav div{
  float:left; 
  padding:0 11px 0 11px;
}

#community_LowerNav .separator{
  width:1px;
  height:34px;
  padding:0;
  background:url(/images/lower/separator.gif) no-repeat 0px 5px;
}
#formLabel {
	text-align: right;
    height:20px;
	padding-top: 5px;
	float: left;
	width: 23%;
}
#formElement {
    text-align:left;
    height:20px;
	padding: 3px;
	float: left;
	width: 72%;
}