@charset "UTF-8";
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background: #f7ebcb;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #372219; /*dark brown */
	font-size: 14px;
}
/*home page*/
body.front{ 
	background:#674a43 url(cssimages/home-bg.jpg) no-repeat top center scroll;
	color: #FFF; 
	height:100%;
	width:100%;
	overflow:hidden;

}
body.front PageDiv {width:1025px; margin:auto;}
#logo{width:1025px; margin:auto; padding: 100px 0 0;}
#quote{width:1025px; margin:auto; padding:25px 0; text-align:center;}
#homenav{ width:1025px; margin:auto; padding: 35px 0; text-align:center;}
/*#homenav ul{ list-style:none; list-style-type:none;  width:1025px;}*/
#homenav span { display:inline-block;}
#homenav span.circle{ width:250px; text-align:center;}
#homenav span.es { background:url(cssimages/es_btn.png) no-repeat 0 0 scroll; width:174px; height:24px; text-decoration:none; border:none;}
#homenav span.es:hover{background:url(cssimages/es_btn_o.png) no-repeat 0 0 scroll; cursor:pointer;}
#homenav span.apt{ background:url(cssimages/apt_btn.png) no-repeat 0 0 scroll; width:211px; height:24px; text-decoration:none; border:none;}
#homenav span.apt:hover{background:url(cssimages/apt_btn_o.png) no-repeat 0 0 scroll; cursor:pointer;}
#text{left:60px !important;}

.clearfix {clear:both;}
.link a{ color:#D63D18; text-decoration:none; }
.link a:hover{ text-decoration:underline; }
#container_all {
	width: 1016px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */	
}

#container_out {
	background-image: url(cssimages/outside_bg.jpg);
	background-repeat: repeat-y;
	height:660px;
	width: 1016px;
	margin: 0 auto;
	
}

#container_in { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px 8px;
	background: #f9efd4;
} 

#header { 
	background-image: url(cssimages/header_bg.jpg);
	background-repeat: repeat-y;
	height: 90px;
	width: 1000px;
	/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the#header instead of text, you may want to remove the padding. */
	
/*	border: cyan solid 1px; */

} 

#header p {
	margin: 0; /* zeroing the margin of the last element in the#header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:  0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#left_head {
	padding:0;
	margin:0;

	width: 281px; 
	height: 90px;
	float: left;
}


#middle_head {
	padding:0;
	margin:0;	
	width: 181px;
	height: 90px;
	float:left;

}

#right_head {
	margin:0 auto;
    /*padding:0 0 0 300px;  */
	width: 700px;
	height: 90px;
	float:left; /*Left for IE7, float: right; */
	position:relative;

}

/* TOP NAVIGATION LINKS */
#topnav.apt {
	margin:0 0 0 145px;
}
#topnav {
	height:18px;
	margin:0 auto;
	padding:15px 0;
	width:580px;
	
}

#topnav ul {
	margin:0;
	padding:0;
	margin-top: 0px;
	list-style-type: none;
	width: 700px;
}

#topnav ul li {
	display: inline;	

}

#topnav ul li a, #topnav li a:visited, #topnav li a:active {
	margin:0;
	padding:0;
	display: block;
	float: left;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 30px;
}

 #topnav ul li a:hover {
		
}
/* white text news ticker*/
#topbanner {
	width: 700px;
	height: 29px;
	text-align:center;
	margin: 0 auto;
	display:none; /* remove to enable */
	
}

#topbanner p {
	width:700px;
	height: 29px;
	font-family: "Palatino","Times New Roman", Times, serif;
	font-weight: bold;
	color: white;
	font-style: oblique;
	font-size: 19px;
	margin: 0 auto;
	padding:0;
	margin-top: 5px;
	margin-bottom: 5px;
	text-shadow: 3px 3px 5px black;  /* this effect works in Safari only */

}

#topbuttons.apt{
	margin:0 0 0 88px;
}

#topbuttons {
	height:33px;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:680px;
}

#topbuttons ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width:700px;
}

#topbuttons ul li {
	display: inline;
	margin:0;
	padding:0;
}

#topbuttons ul li a {
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 5px;           

	font-size: 12px;
	text-transform: uppercase;
	margin-left: 80px; 
	color: #660000;
}



 #middlearea {
	margin:0;
	padding:0;
	width:1000px;
	min-height:500px;
    background:transparent url('cssimages/bodybg_2.jpg') bottom right no-repeat scroll;
}

/* LEFT NAVBAR & SECTION */


 #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	margin: 0;



}

#sidebar_cap {
	width: 250px;
	height: 89px;
	margin: 0;
	padding: 0;

	background-image: url(cssimages/sidebar_cap_bg.jpg);
	background-repeat:no-repeat;
}

 #leftnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

 #leftnav ul li {
	display: inline;
}

#leftnav ul li a{
	display: block;
	text-decoration: none;
	background: transparent url(cssimages/leftnav_bg.png) no-repeat scroll 0 0;
	width: 248px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-left:15px;
	padding-top: 4px;
	font-size:12px;
	color: #f7ebcb;
	font-weight:normal;
	
}
#sidebar ul li a.active,
#leftnav ul li a:hover {
	background:transparent url(cssimages/leftnav_bg_red_shadow.png) no-repeat scroll 0 0;
	width: 248px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-left:15px;
	padding-top: 4px;
	
}

#leftnav_tail {
	width:250px;
	height:2px;
	background:transparent url(cssimages/leftnav_tail_bg.gif) 0 0 no-repeat;
}


 #quoteblock {
	width:240px;
	height:137px;
	margin: 0;
	padding: 0;
	color: #d63d18;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:700;

}

#quoteblock div {
	width:200px;
	margin: 10px 5px 5px 30px;
	top: 0;
	left: 0;
	
}

 #quoteblock em {
	font-size: 18px;
	text-align:justify;
}

 #quoteblock p {
	text-align:right;
}

/* --------------------------- main side of enclosing div ------ */

#mainSide {
	width: 749px;
	min-height:488px;
	padding-left: 250px;  /* ie 8 only*/
}

#mainCap {
	width: 749px;
	height: 63px;
	
	background-image: url(cssimages/main_cap_bg.jpg);
	background-repeat:no-repeat;
}

 #mainContent { 
	/* min-height:500px;  */
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

} 
#PageDiv{height:auto;}
#footer { 
	width:1000px;
	padding: 0;
	margin: 0;
	background:transparent url(cssimages/footer_bg.jpg) repeat-y scroll 0 0; 
	height: 75px;

} 

#footer p, #footer_left p, #footer_right p {
	color: #372219;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer_left {
	float: left;
	width: 675px;
	height: 55px;
	margin:0;
	padding: 25px 0 0;
	color: #F7EBCB;
}
#footer_left .eoh{
	padding:5px;
	float:left;	
	width:190px;
}
#footer_left .eoh-icon{
	width:24px; 
	height:18px; 
	float:left;
}
#footer_left .eoh-text{
	padding:3px 10px 0px 6px;
	position:relative;
	left:10px;
	font-size:9px;
}

#footer_left .phone p{ 
	text-align:left; 
	margin-left:9px;
	padding:0;
	font-size:11px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer .copyright{ padding: 3px 5px; float:left; font-family: Verdana, Arial, Helvetica, sans-serif;	}
#footer .copyright p{font-size: 9px; }
#footer .copyright a{ color:#D63D18; text-decoration:none; }
#footer .copyright a:hover{ text-decoration:underline; }
#footer_right {
	float:right;
	height:75px;
	margin:0;
	padding-right:20px;
	width:288px;
}
#footer_right .aaco{float:left; padding:8px 10px;}
/* social links in footer */
#social_links{ }
#social_links a.chicklet {
	height:29px;
	line-height:29px;
	margin-right:2px;
	border:none;
}
#social_links a.chicklet img {
	border:none;
}
#social_links p{
	font-size:11px;
	font-weight:bold;
	padding: 10px 0;
	color:#F7EBCB;		
}

#footer_right a, #footer_right a:active, #footer_right a:visited {
	/*color: #F7EBCB;*/
	text-decoration:none;
}
#footer_left a, #footer_left a:active, #footer_left a:visited {
	color: #372219;
}

#footer_tail {
	width: 1016px;
	height: 8px;

	background-image: url(cssimages/footer_tail.jpg);
	background-repeat: no-repeat;	

}

/* Application CSS = _fw_apt_app.html */
.appform {position:relative; margin:auto; width:729px; height:100%; float:left; }
.appform input{ font-size:110%; }
.appform p {text-align:left; font-size:110%; padding:0 3px; margin:0 3px;  }
.appform .header{ font-size:16px; font-weight:bold; margin: 0 0 0 38px }
.appform #personal{
	float:left;
	padding:15px 0 0 38px;
	position:relative;
	width:auto;
}
.appform #applicant {
	float:left;
	padding:15px 0 0 38px;
	position:relative;
	width:270px;
}
.appform #coapplicant{
	float:left;
	padding:15px 0 0 38px;
	position:relative;
	width:270px;
}
.appform #renterinfo{
	float:left;
	padding:15px 0 0 38px;
	position:relative;
	width:auto;
}
.appform #addincome{
	float:left;
	padding:15px 0 0 38px;
	position:relative;
	width:auto;
}
.appform .small{
	font-size:9px;
}
.appform #submitbutton{
	margin:auto;
	position:relative;
	text-align:center;
	width:98px;
	z-index:22;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*  --------------------    navbar effect */

#wave_red {
	width:72px;
	height: 25px;
	position:relative;
	left: 150px;
	top: -500px;
	z-index: 1000;
	background-image:url(cssimages/wave-right-red-shadow.png);
	margin-bottom: -40px;

/*	visibility:hidden;*/
}

#wave_shadow {
	width:135px;
	height: 40px;
	position:relative;
	left: 150px;
	top: -400px;
	z-index: 3;
	margin-bottom: -40px;
	background-image:url(cssimages/wave-right-shadow.png);
	visibility:hidden;
}

/* Added 7.29.10 Press Room */
#pressroom{ width:650px;}
#pressroom a{background:transparent url(cssimages/pdf.png) no-repeat scroll 38px 0; padding-left:60px; text-decoration:none; color:#D63D18; line-height:20px;}
#pressroom a:hover{text-decoration:underline; }


/*popups */
/*#rp_popup {	height:320px;width:450px; left:50px; top:100px;	margin:auto; overflow:hidden; position:absolute; z-index:2000; background:#FFF none no-repeat scroll;}*/
#rp_popup {	height:100%; width:100%; left:0; top:0; margin:auto; overflow:hidden; position:absolute; z-index:2000; background:url(cssimages/clear_grey.png) repeat left top; cursor:pointer;}
#rp_popup .popup-body {width:450px; height:320px; margin:150px 36%; padding:0; position:absolute; z-index:2001; }
#rp_popup .close, #rp_popup .close a {color:#FFFFFF; float:right; font-family:"arial narrow",Arial; font-size:22px; padding:0; position:relative; text-decoration:none; z-index:2002; }
#rp_popup .close a img{border:none;}