<style>

/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Created : 4/17/09
Modified : 

Colors: 
#033a63 - navy blue
#529add - baby blue (body background)
#0e79dd - dark baby blue (contact area)
#444 - gray
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

* { margin: 0;	padding: 0; }


/*
ul#navlist li a.active {color: #529add; border-bottom: 3px solid #fff;}*/


/*--------- LANG LIST MLP---------*/	
.l10n_lang_list {
        display: inline;
        list-style-type: none;
        padding-right: 20px; 
}


ul.l10n_lang_list {margin: -10px 0 15px 0px; width: 50%; }


ul.l10n_lang_list li{
	font-size: 1.2em;
        list-style:none;
        display: inline; 
        list-style-type: none;
        padding-right: 20px;
        font-style: italic;
	}

ul.l10n_lang_list li a:link, ul.l10n_lang_list li a:active, ul.l10n_lang_list li a:visited{
	color: #444;
	}
ul.l10n_lang_list li a:hover {
	color: #fff;
	background-color: #529add;
	}

/*-------------BODY----------------*/
body {
	font: 82.5% Arial, Helvetica, sans-serif; /*Resets 1em to 10px */
	text-align: center; /*centers the text in IE6 */
	margin: 0px auto;
	background: #529add url(/images/bg_top_blue.png) repeat-x top left;
}

.zemText, .zemSelect {color: #0e79dd; margin: 0 2px 15px 0;}
fieldset {border: 1px solid #999; padding: 10px;}
legend {font-weight: bold;}

input {border: 1px solid #444;}
input#MiddleInitial {width: 20px;}
input#State {width: 20px;}
input#Zipcode {width: 50px;}
input#ExpDate {width: 100px;}
input#SecCode {width: 50px;}
input#Address {width: 300px;}
input.zemSubmit {background-color: #033a63; color: #fff;} 

p {
	color: #000;
	font-size: 1.1em;
	margin: 0 5px 20px 0;
	line-height: 1.6em;
}
p.contactblock {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	font-family: "Times New Roman", Times, serif;
	line-height: 110%;
	text-align: left;
	padding: 0 0 0 40px;
	margin: 0;
	}


/* ----- IMAGES ----- */
a img, img a {	border: none;	padding: 0;}
	
img{margin: 5px;}

#content p a.img {border: none;  }

#content p a:hover {background-color: #fff; border:0; margin: 0;padding: 0;}

img.banner {margin: 0; padding: 0;}

#content a.thickbox img {border: none;  }

#content a.thickbox:hover {
        background:0;
        border:0;
        margin: 0;
        padding: 0;
}

#wrapper {
	width: 900px;
	padding: 0;
	overflow: hidden;
	margin: 0px auto; /*centers the body */
	text-align: left;
	}
#logo {
	width: 100%;
	height: 120px;
	background-color:white;
	}
	
span.translate {display: inline; margin: 0 10px 5px 150px;}

.translate a{margin: 0 40px 2px 0; color: #529add; font-size:1.1em; font-style:italic;}

.translate a:hover {background-color: #666666; color: #033a63;}

#masthead { width: 100%; height: 280px;}

.stripe {background: url(/images/stripes.png) repeat-x top left; height:20px; width: 100%;}


#banner {
	width: 650px;
	height: 260px;
	padding: 0;
	float: left;
	background-color: gray;
        overflow:hidden;
	}
#contact {
	width: 250px;
	height: 260px;
	background-color: #0e79dd;
	float: right;
	position:relative;
}
/* --------NAV WRAPPER--------------*/

#nav {
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
	background-color: #033a6e;
	}

ul#navlist {
	margin: 0 50px;
	padding: 5px 0;
	}

#navlist li{
	display: inline;
	list-style-type: none;
	padding: 5px 40px 5px 0;
	margin: 0 auto;
}

#navlist li a {
	font-size: 1em;
	font-weight: bold;
	color: #1d96be;
	text-decoration: none;
}

#navlist li a:hover {
	color: #fff;
	}


/* ------------CONTENT AREA-------------*/ 

#contentwrapper {
	clear: both;
	background-color: #fff;
        overflow: hidden;/*needed otherwise, reverts to blue background*/
	}
#content {
	width: 630px;
	float: left;
	padding: 0 0 10px 0;
	margin: 30px 10px;
	overflow: hidden;
	text-align: left;
}   
#content p {color: #444;}
	
#content a:link, #content a:active, #content a:visited {
	color: #033a6e;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
	color: #033a6e;
	background-color: #529add;
	padding: 1px;
}



/* ----------Homepage Badges and buttons--------*/

#homebuttons {	clear: both; margin: 30px 30px; overflow:hidden; }

#homebuttons .homeappt a, #homebuttons .homeapply a, #homebuttons .homelayouts a {
	margin: 0 30px 0 0; padding:0;}

#homebuttons .homeappt a{
	background: transparent url(/images/badges_appt.png) no-repeat scroll left top;
	width: 150px;	height: 155px;	float:left;
	}
#homebuttons .homeappt a:hover {
	background: transparent url(/images/badges_appt.png) no-repeat scroll left -160px;
	float:left;
	}
	
#homebuttons .homeapply a{
	background: transparent url(/images/badges_apply.png) no-repeat scroll left top;
	width: 150px;	height: 155px;	float:left;
	}
#homebuttons .homeapply a:hover {
	background: transparent url(/images/badges_apply.png) no-repeat scroll left -160px;
	float:left;
	}	
	
#homebuttons .homelayouts a{
	background: transparent  url(/images/badges_layout.png) no-repeat scroll left top;
	width: 150px;	height: 155px;	float:left;
	}
#homebuttons .homelayouts a:hover {
	background: transparent url(/images/badges_layout.png) no-repeat scroll left -160px;
	float:left;
	}	


/* ---------SPANISH VERSION OF 3 HOME BUTTONS------------*/

#homebuttons .homeappt-sp a, #homebuttons .homeapply-sp a, #homebuttons .homelayouts-sp a {
	margin: 0 30px 0 0; padding:0;}

#homebuttons .homeappt-sp a{
	background: transparent url(/images/spanish/badges_appt_sp.png) no-repeat scroll left top;
	width: 150px;	height: 155px;	float:left;
	}
#homebuttons .homeappt-sp a:hover {
	background: transparent url(/images/spanish/badges_appt_sp.png) no-repeat scroll left -160px;
	float:left;
	}
	
#homebuttons .homeapply-sp a{
	background: transparent url(/images/spanish/badges_apply_sp.png) no-repeat scroll left top;
	width: 150px;	height: 155px;	float:left;
	}
#homebuttons .homeapply-sp a:hover {
	background: transparent url(/images/spanish/badges_apply_sp.png) no-repeat scroll left -160px;
	float:left;
	}	
	
#homebuttons .homelayouts-sp a{
	background: transparent  url(/images/spanish/badges_layout_sp.png) no-repeat scroll left top;
	width: 150px;	height: 155px;	float:left;
	}
#homebuttons .homelayouts-sp a:hover {
	background: transparent url(/images/spanish/badges_layout_sp.png) no-repeat scroll left -160px;
	float:left;
	}	


/* ----------SIDEBAR AREA------------*/
#sidebar {
	float: right;
	width: 230px;
	margin: 0 5px;
	padding: 0;
       display: inline;/*ensures that sidebar doesn't float to bottom*/
}	
#sidebar p {color: #444;  }

#sidebar a:link, #sidebar a:active, #sidebar a:visited {	color: #24652e;	text-decoration: underline;}

#sidebar a:hover {	text-decoration: none;	color: #4a4a4a;}
	
#sidebar h2.subpage {
	background: transparent url(/images/floorplan_details.png) no-repeat;
	width: 218px;
	height: 30px;
	padding: 10px 0 5px 20px;
	color: #fff;
	}
	
ul#subpage {	margin: 5px 0 0 30px; list-style: none;	}

ul#subpage li{
	font-size: 1em;
	list-style:square;
	font-size:1em;
	}
ul#subpage li a:link, ul#subpage li a:active, ul#subpage li a:visited{
	color: #444;
	}
ul#subpage li a:hover {
	color: #fff;
	background-color: #529add;
	}
/*-----------TOWNHOME BADGES-----------*/
.townhomebadge {
	background: transparent url(/images/badge_townhome.png) no-repeat;
	height: 104px;
	width: 218px;
	padding: 60px 0 5px 5px;
	}		
#sidebar .request a{ background: transparent url(/images/maintenance.png) no-repeat top left;
	width: 156px;
	height:30px;
	float:left;
	}
#sidebar .request a:hover{ background: transparent url(/images/maintenance.png) no-repeat left -35px;	}

#sidebar .comments a{ background: transparent url(/images/resident_comments.png) no-repeat top left;
	width: 147px;
	height:30px;
	float:left;
	}
#sidebar .comments a:hover{ background: transparent url(/images/resident_comments.png) left -36px;	}		
	

/*-----------SPANISH TOWNHOME BADGES-----------*/
#sidebar .request-sp a{ background: transparent url(/images/spanish/maintenance_sp.png) no-repeat top left;
	width: 185px;
	height:30px;
	float:left;
	}
#sidebar .request-sp a:hover{ background: transparent url(/images/spanish/maintenance_sp.png) no-repeat left -35px;}

#sidebar .comments-sp a{background: transparent url(/images/spanish/resident_comments_sp.png) no-repeat top left;
	width: 105px;
	height:31px;
	float:left;
	}
#sidebar .comments-sp a:hover{ background: transparent url(/images/spanish/resident_comments_sp.png) left -36px;	}		
	

/*------------ FOOTER AREA-----------*/  
#footer{clear: both;	height: 1%}

#footer p {	text-align: center ;	color: #444;	}
	
#footer a:link, #footer a:active, #footer a:visited {	color: #033a63;	text-decoration: underline;	}
	
#footer a:hover {	color: #033a63;	text-decoration: none;	}	

/* ----- HEADINGS ----- */

h1, h2, h3, h4, h5, h6 { color: #0e79dd;margin: 5px 0 10px 0;	}

h1{	font-size: 1.3em;}
h2{	font-size: 1.1em;}
h3{	font-size: 1em;	font-weight: bold;}
h4{	font-size: .8em;	font-weight: bold;}

/* ----- LISTS ----- */

ul, ol {margin: 5px 0 10px 30px;padding: 0;	color: #444;}

ol li{	list-style: decimal;}
ul li {list-style: disc;}
ol li, ul li{margin: 0;	padding: 0;	line-height:1.5em;}

</style>
