/**
 * core.css
 * 
 * @author Candi Ligutan <candice.ligutan@residentsource.com>
 * @version $Id$
 */ 
 
/* Reset by Jon Zuck based on Eric Meyer and Andrew Jaswa */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li, a, 
fieldset, form, label, legend, 
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana;
	font-size: 100%;
	background-repeat: no-repeat;
}

/* separate block elements */  
dl, ul, ol, p, address, table, form
	{ padding-bottom: .5em; }
ol	{ list-style: decimal; }
ul    	{ list-style: none; }
/* Don't forget to style blockquote padding to taste */


/* Links and Images */
img   { display: block; } /* fixes descender gap in IE */
a img {
	border: none;
	cursor: pointer;
}
a     { text-decoration: none; }
a, object {
	outline: 0; /* removes Firefox�s outlining on active state */
}

/* Table defaults */  
table { border-collapse: collapse; } /* set to separate if visible gaps 
				        between cells is desired. */
td {
	text-align: left;
	vertical-align: top;
}
.center, th
	{ text-align:center; }
 
/* .clearfix class to enclose floats painlessly.
   Put on elements that contain floated elements
   This is the "robust" form of clearfix.
   For "good" browsers:
*/
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/* IE6 requires a height: */
.clearfix { height: 1%; }

/* If you have *complete* control of the content,
   a simpler clearfix is possible for all browsers,
   but use cautiously: .clearfix {overflow: auto;}
*/

/* ---------------------------- End Reset ---------------------------- */

body { 
	background: url('../images/mainbkg.jpg') repeat-x #857043 0 0;
	font-size: 10pt;
}
h1, h2, h3 {
	color: #7b9eb4;
	text-transform: uppercase;
	margin-bottom: 10px;
} 
h1 { font-size: 11pt; }
h2 { font-size: 10pt; }
h3 {  }
p { 
	margin-top: 10px;
	text-align: justify;
}
img { -ms-interpolation-mode: bicubic; } 
a { color: #7b9eb4; }
a:hover { 
	color: #7b9eb4;
	text-decoration: underline;
}
strong { text-align: left; }
.hidden { display: none; }
#wrapper {
	margin: 0 auto;
	width: 1002px;	
}

/** ---------- Navigation ---------- **/
#header { 
	width: 1020px;
	margin: 0 auto;
	background: url('../images/header.jpg') no-repeat; 
	height: 194px;
	position:relative;
}
#logo a {
	width: 170px; 
	height: 117px; 
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 66px;
}
.mainNav {
	width: 100%;
	height: 194px;
	position: relative;
}
#topNav { 
	width: 770px;
	float: right;
	clear: both;
	margin-right: 30px;
	margin-top: 108px;
	line-height: 18px;
}
#nav { 
    width: 960px;
	float: left;
	clear: left; 
	margin: 16px 0px 0px 80px;
	line-height: 22px;
}
#topNav li,
#nav li { float:left; }
#topNav li { margin-left: 15px; }

#nav li { margin-right: 17px; }
#nav a,
#topNav a { 
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
}
#topNav a { color: #7b9eb4; }
#nav a:hover,
#topNav a:hover, #nav .current a, #topNav .current a { color: #7b9eb4; } 
#nav a { font-size: 12px; }

/** ---------- Content Area ---------- **/
.contentArea { 
	width: 1002px; 
	display: block;
}
#left { 
	background: #FFF url('../images/shade.jpg') no-repeat top right;
	width: 665px;
	display: block;
	float: left;
	clear: left;
	padding-bottom: 20px;
}
.blueBar { 
	background-color: #14527b;
	height: 15px;
}
.content { 
	width: 540px; 
	margin: 0 auto;
	padding: 30px 10px 0 10px;
}
#right {
	background: #14527b url('../images/lower-corner.jpg') no-repeat bottom center;
	width: 337px;
	min-height: 478px;
	display: block;
	float: left;
	clear: right;
	position: relative;
	padding-bottom: 20px;
}
#right h1 {
	background: url('../images/title-bar.gif') no-repeat top left;
	width: 337px;
	height: 71px;
	padding: 15px 0 0 53px;
}
#insideImage {
	margin: 0 auto;
	border: thin solid #7b9eb4;
}
.sideText {
	color:#fff;
	width: 227px;
	margin: 0 auto;
	padding: 30px 0 40px 0;	
}

/** ---------- Footer ---------- **/
#footer { 
	width: 856px;
	float: left;
	clear: both;
	margin: 10px 0 0 65px;
	position: relative;
}
.equalHousing {
	width: 40px;
	height: 45px;
	float: left;
}
.pmcIcon {
	width: 109px;
	height: 45px;
	float: left;
}
.myspace, .facebook {
	width: 32px;
	margin: 0 5px 0 5px;
	float: left;
	clear: none;
}
#address {
	width: 490px;
	float: left;
	color: #FFF;
	margin: 15px 0 0 5px;
	font-size: 11px;
}
.resite {
	width: 150px;
	color: #FFF;
	font-size: 11px;
	line-height: 45px;
	float: right; 
	clear: none;
	position: absolute;	
	top: 0;
	right: 0;
}
.resite:hover { color: #14527b; }