/********** General Markup Styling  *************/

html{ 
 margin:0 0 20px 0; 
 padding:0; 
 text-align:center; 
} 

body{ 
 margin:0 0 20px 0; 
 padding:0; 
 text-align:center; 
 background-color: rgb(26,76,99);
} 

* {
 padding:0; 
 margin: 0; 
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
}

p {
  margin: 0 0 14px 0;  
  line-height: 17px;
}

h1 {
  font-size: 26px;
  font-weight: bold;
  color: #999999;
  margin-bottom: 10px;
  display: none;
}

h2 {
  font-size: 14px;
  color: rgb(115,156,48);
  line-height: 16px;
  font-weight: bold;
  margin: 24px 0 4px 0;
  padding: 0;
}

.h2:link{
  font-size: 14px;
  color: rgb(115,156,48);
  line-height: 16px;
  font-weight: bold;
  margin: 24px 0 4px 0;
  padding: 0;
  text-decoration: none;
}

.h2:visited{
  font-size: 14px;
  color: rgb(115,156,48);
  line-height: 16px;
  font-weight: bold;
  margin: 24px 0 4px 0;
  padding: 0;
  text-decoration: none;
}

.h2:hover{
  font-size: 14px;
  color: rgb(115,156,48);
  line-height: 16px;
  font-weight: bold;
  margin: 24px 0 4px 0;
  padding: 0;
  text-decoration: underline;
}

.h2:active{
  font-size: 14px;
  color: rgb(115,156,48);
  line-height: 16px;
  font-weight: bold;
  margin: 24px 0 4px 0;
  padding: 0;
  text-decoration: none;
}

h3 {
  color: rgb(56,139,173);
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin: 14px 0 8px 0;
  padding: 0;
}

h4 {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}

a:link {
 color: rgb(56,139,173);
}

a:visited {
  color: rgb(56,139,173);
}

.plain {
  margin-bottom: 10px;
}

.plain li {
  list-style-type: none;
}

table {
  border: solid black 1px;
  margin-bottom: 10px;
  border-collapse: collapse;
}
table td, table th {
  border: solid black 1px;
}

.plaintable {
  border: 0;
}
.plaintable td, .plaintable th {
  border: 0;
  padding: 5px;
}

.bttLink {
  display:block;
  margin-bottom: 25px;
}

.noTopMargin {
  margin-top:0px;
}

/********** Div Specific styling  *************/


 
#pagewidth{ 
 width:818px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color: #5aa2ab;
} 
 
#header{
 margin: 0;
 position:relative; 
 height:103px; 
 background-image: url('../images/top_frame_blank.gif');
 width:818px;
} 
 
#headerflash{
 margin: 0 4px 0 13px; 
 padding: 0 0 0 0;
 position:relative; 
 /* background-color:#888888; */
 height:103px; 
 width:792px;
} 

#headerflash ul {
  position:absolute;
  top:75px;
  left:20px;
  width:785px;
}

#headerflash ul li{
  float:left;
  list-style:none;
  width:155px;
  text-align:center;
}

#res_relations {
margin: 0; 
padding: 0;
position: absolute; 
left: 499px;
top: 28px;
z-index: 10;
}

#res_relations img {
border:0;
}

#pmhome {
margin: 0; 
padding: 0;
position: absolute; 
width: 377px;
height: 31px;
left: 30px;
top: 16px;
z-index: 10;
}

#pmhome img {
border:0;
}

#mainNav {
margin: 64px 0 0 0; 
padding: 0;
}

#betterHousing {
margin: 0 0 0 0;
}
 
#subNav {
margin: 0px 0 0 0;
padding: 0;
background-color: #dcd1a9;
}

#mainflashwrapper {
 margin: 0 9px 0 9px;
 padding: 0 0 0 0;
 position:relative; 
 background-color:#ffffff; 
 height: 281px;
 width:800px;
}

#mainflash, #mainimage {
 margin: 0 4px 0 4px; 
 padding: 0;
 position:relative;
 border-top: 1px solid #ffffff;
 /* border-bottom: 1px solid #cc0000; */
 height:281px; 
 width:792px;
 display: block;
} 

#mainimage img {
 padding: 0;
 margin: 0;
 display: inline;
 height:280px; 
 width:792px;
}

#wrapper {
 margin: 0 9px 0 9px;
 padding: 0 0 0 0;
 position:relative; 
 background-color:#ffffff; 
 background-image: url('../images/wrapper_back.gif');
 background-repeat: repeat-y;
 width:800px;
}

#leftcol{
 margin: 0px 2px 10px 4px; 
 padding: 0;
 background-color: #dcd1a9;  
 width:259px; 
 float:left; 
 position:relative; 
 height: 100%;
 display:inline; 
  }

#leftcol ul li{
 margin-left:20px;
 margin-bottom:5px;
 margin-top:5px;
}

#musicFlash {
 float:right;
}

#maincol{
 margin: 0px 4px 0 2px; 
 padding: 0;
 float: right; 
 position: relative; 
 display:inline; 
 width: 529px; 
 }

#hometext {
 display: block;
}

#hometext p {
 color: rgb(56,139,173);
 line-height: 17px;
 font-size: 13px;
}
 
#hometext a {
font-size:12px;
}
 
#moretext, #plan, #environ, #public, #relation, #traffic, #condos, #demo  {
 color: rgb(125,125,125);
 display: none;
}

.show:link, .show:visited {
  text-decoration:none;
  font-weight:bold;
  color: rgb(125,125,125);
  display:block;
  margin: 0 0 8px 0;
  border:0;
}

.show:hover {
  color: rgb(56,139,173);
}

#moretext #para1 {
 color: rgb(56,139,173);
 line-height: 17px;
 font-size: 13px;
}

#stdtext {
 color: rgb(125,125,125);
}

#popbody {
 background-color: #ffffff;
}

#poptable {
 background-color: #ffffff;
 width: 300px;
 border:0;
}

#poptable td, #poptable th {
  border: 0;
  padding: 5px;
}

#popdiv {
 left: 0;
 top: 0;
 width: 350px;
 height: 400px;
 color: rgb(125,125,125);
 /* border: 1px solid #cccccc; */
 margin: 5px;
 padding: 10px;
 background-color: #ffffff;
}

#moretext a {
 color: #000000;
}
 
div#rmtext {
}

#content {
padding: 0;
margin: 0px 30px 0px 17px;
}

#content ul {
  margin-bottom: 10px;
}

#content li {
	margin-left: 25px;
	margin-bottom: 5px;
	list-style-type: disc;
}

#content ul ul li {
	margin-left: 40px;
	margin-bottom: 5px;
	list-style-type: disc;
}

#content ol {
  margin-bottom: 10px;
}

#content ol ol li {
  list-style-type: lower-alpha;
}

#content blockquote {
  font-style: italic;
}

#quote {
	margin: 0 0 0 22px;
	width:225px;
	color:rgb(125,125,125);
	line-height:16px;
	list-style-type: disc;
}

#quote strong {
  margin: 0 0 4px 0;
  display:block;
  color: rgb(115,156,48);
  text-decoration:none;
  font-weight:bold;

}

/**********  CSS for the connect/minimize/renew table   ***********/

#crm_table {
color: rgb(125,125,125);
border-collapse: collapse;
margin: 15px 0px 0px 0;
padding: 8px;
width: 475px;
border: 1px solid #cccccc;
}

#crm_table td {
border: 1px solid #cccccc;
padding: 8px;
}


#crm_table .theader {
font-weight: bold;
text-align: center;
}

#crm_table .header_left {
font-weight: bold;
text-align: left;
}

#crm_table .subh_left {
font-weight: bold;
}

#crm_table .left {
width: 155px;
text-align: left;
}

#crm_table .center {
width: 155px;
}

#crm_table .right {
width: 155px;
}


/**********  CSS for the milestones table   ***********/

#mile_table {
color: rgb(125,125,125);
border-collapse: collapse;
margin: 2px 0px 15px 0;
padding: 8px;
width:475px;
border: 1px solid #cccccc;
}

#mile_table td {
border: 1px solid #cccccc;
padding: 8px;
}

#mile_table .left {
width: 150px;
text-align: left;
}

#mile_table .center {
background-color:#eeeeee;
}

#mile_table .right {
width: 300px;
}




#footer{
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 height:49px; 
 /* background-color:#F3DC4C; */
 background-image: url('../images/bottom_frame.gif');
 clear:both;
 } 
 
 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/********** Print Output Styling  *************/

 @media print{ 
/*hide the left column when printing*/ 
#leftcol, #header, #footer, #mainflashwrapper {display:none;} 
#twocols, #maincol{width:100%; float:none;}
html,body,#pagewidth {background-color: #ffffff;}
}
#quote li {
	color:rgb(125,125,125);
	line-height:16px;
	list-style-type: disc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#quoteMore {
	padding-right:5px;
}

#quoteMore li {
	margin-left: 15px;
	margin-bottom: 5px;
}