/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */
@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

/* Site
-------------------------------------------------------------- */
	/* Put your site styles here */
body {
	background-color: #414141;
	margin: 0px;
	padding: 0px;
}

p.title {
	color: #3d5e78;
	font-size: 16px;
	margin-bottom: 5px;
}

p.title span {
	font-weight: bold;
}

SPAN.star {
	color: red;
	font-size: 10px;
	vertical-align: super;
}

span.success {
	color: green;
}

span.button {
	background-color: #535353;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px black;
}

span.button a {
	color: white;
	font-weight: bold;
	font-size: 11px;
}

.clickable {
	cursor: pointer;
}

.error {
	color: red;
}

span.nofee {
	font-size: 1.1em;
	font-weight: bold;
}

#body {
	margin: 0 auto;
	background-color: white;
	width: 900px;
}

#footer {
	margin: 0 auto;
	background-color: white;
	width: 900px;
	padding-top: 20px;
}

#page {
	margin: 0 auto;
	width: 940px;
}

#header {
	margin: 0 auto;
	margin-top: 0px;
	background-color: white;
	width: 900px;
}

#nav {
	padding-top: 25px;
	height: 60px;
	background-image: url(../images/header-back.gif);
	background-repeat: repeat-x;
}

#logo {
	float: left;
}

#main-photo {
	margin: 0px;
	padding: 0px;
	height: 331px;
	width: 940px;
	background-color: white;
}

.index-table-header {
	color: #3d5e78;
	font-size: 16px;
}

table.index-table-header {
	margin: 10px;
	margin-bottom: 0px;
}

div.index-table-header {
	margin-left: 5px;
	border-bottom: solid 1px #ddd;
}

.index-table-header td {
	width: 275px;
	border-bottom: 0px;
}

.index-table-header span {
	font-weight: bold;
}

#body-left {
	float: left;
	width: 600px;
	margin-right: 30px;
}

#body-right {
	float: left;
	width: 230px;
}

#serveCommunity {
	width: 230px;
	text-align: center;
	margin-top: 10px;
}

#school-logos {
	width: 230px;
	margin: 10px;
}

#school-logos td {
	width: 50%;
	border-bottom: 0px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

#no-fee-photo {
	float: left;
	width: 550px;
	padding-left: 150px;
	padding-top: 250px;
}

#search-box {
	float: left;
	margin-top: 30px;
	width: 191px;
	height: 249px;
	padding: 20px;
	background-image: url(../images/search-box.png);
	background-repeat: no-repeat;
}

#search-box table {
	width: 100%;
	font-size: 12px;
}

#search-box table td {
	border-bottom: 0px;
	font-weight: bold;
}

#search-box select,#search-box input {
	width: 120px;
}

#search-button {
	margin-left: 90px;
	margin-top: 25px;
}

#main-photo-cover {
	position: absolute;
	display: none;
	z-index: 10000;
	white-space: nowrap;
	width: 950px;
}

#currentAvailSnapshot {
	font-size: 12px;
	width: 100%;
	margin: 0px;
}

#currentAvailSnapshot tr {
	cursor: pointer;
}

#currentAvailSnapshot td {
	padding: 3px;
}

#currentAvailSnapshot .col1 {
	width: 60px;
}

#currentAvailSnapshot .col2 {
	width: 70px;
}

#currentAvailSnapshot .col3 {
	width: 230px;
}

#currentAvailSnapshot .moreAvailabilities {
	text-align: right;
	padding: 10px;
	padding-right: 25px;
}

/* Apartments */
#apartments-left {
	float: left;
	width: 470px;
}

#apartments-right {
	width: 420px;
	position: absolute;
}

table.apartments-table-body {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	width: 450px;
	margin: 0 auto;
}

table.apartments-table-body td {
	border-bottom: 0px;
}

tr.apartments-table-body-top {
	background-image: url(../images/apartments-table-top.gif);
	background-repeat: no-repeat;
	height: 7px;
}

tr.apartments-table-body-middle {
	background-image: url(../images/apartments-table-middle.gif);
	background-repeat: repeat-y;
}

tr.apartments-table-body-middle td {
	padding-left: 10px;
	padding-right: 10px;
}

tr.apartments-table-body-bottom {
	background-image: url(../images/apartments-table-bottom.gif);
	background-repeat: no-repeat;
	height: 9px;
}

table.apartmentResults {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

table.apartmentResults,table.apartmentResults tr,table.apartmentResults td
	{
	vertical-align: middle;
}

table.apartmentResults tr.apartmentTitleRow {
	background-color: #3d5e78;
	color: white;
}

table.apartmentResults tr.apartmentTitleRow td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
}

table.apartmentResults td.photo {
	padding: 8px;
	padding-bottom: 20px;
	width: 120px;
	text-align: right;
}

table.apartmentResults td.info {
	padding: 8px;
	padding-bottom: 20px;
}

table.apartmentResults td.info table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #373737;
}

table.apartmentResults td.info table td.addressRow,table.apartmentResults td.infoCell
	{
	font-weight: bold;
}

table.apartmentResults td.info table td.actionRow {
	text-align: right;
}

#apartmentDetails {
	display: none;
}

#generalMap {
	border: solid 1px #cccccc;
	width: 100%;
	height: 500px;
}

div.addressArea {
	color: #333;
	background-color: #f3f3c2;
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.descriptionArea {
	color: #333;
	background-color: #f3f3c2;
	padding: 5px;
	margin-bottom: 5px;
}

table.basicApartmentInfo {
	width: 100%;
	color: #333;
}

table.basicApartmentInfo td {
	border: 0px;
	margin: 0px;
	padding: 2px;
	vertical-align: top;
}

table.basicApartmentInfo td.title {
	width: 135px;
}

table.basicApartmentInfo td.content {
	
}

table.basicApartmentInfo td.feature {
	
}

div.searchFieldsBox {
	padding-bottom: 3px;
}

div.searchActionBox {
	padding-bottom: 3px;
	text-align: right;
}

table.listingInquiryForm {
	width: 100%;
	margin-top: 15px;
}

table.listingInquiryForm td {
	vertical-align: top;
}

table.listingInquiryForm td.title {
	font-weight: bold;
}

table.listingInquiryForm td.actions {
	text-align: right;
	padding-right: 20px;
}

table.listingInquiryForm td.col1 {
	width: 115px;
}

table.listingInquiryForm td.col2 {
	
}

table.listingInquiryForm #listingInquiryName,table.listingInquiryForm #listingInquiryPhone,table.listingInquiryForm #listingInquiryEmail
	{
	width: 175px;
}

table.listingInquiryForm #listingInquiry {
	width: 245px;
	height: 100px;
}

div.listingPhotosContainer {
	
}

table.listingPhotos td {
	border-bottom: 0px;
}

table.index-table-body {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	width: 625px;
}

table.index-table-body td {
	padding-left: 7px;
	padding-top: 4px;
	border-bottom: 0px;
}

tr.index-table-body-top {
	background-image: url(../images/index-table-top.gif);
	background-repeat: no-repeat;
	height: 7px;
}

tr.index-table-body-middle {
	background-image: url(../images/index-table-middle.gif);
	background-repeat: repeat-y;
}

tr.index-table-body-middle div.feature {
	padding: 3px;
}

tr.index-table-body-bottom {
	background-image: url(../images/index-table-bottom.gif);
	background-repeat: no-repeat;
	height: 7px;
}

div.index-table-body-left {
	float: left;
	width: 310px;
}

div.index-table-body-right {
	float: left;
}

span.index-avail {
	font-size: 14px;
}

/* About Us */
#about-us-highlight {
	margin: 0px;
	padding: 0px;
	height: 328px;
	width: 940px;
	background-image: url(../images/main-photo-background.gif);
	background-repeat: no-repeat;
}

#aboutUs-body {
	float: left;
	width: 550px;
	padding-left: 40px;
	padding-top: 20px;
}

#aboutUs-body p.body {
	font-size: 14px;
	line-height: 1.7;
	text-indent: 1cm;
}

#aboutUs-photo {
	float: left;
	width: 300px;
	padding-left: 50px;
	padding-top: 35px;
}

#aboutUs-body-left {
	float: left;
	width: 400px;
	margin-right: 30px;
	margin-top: 20px;
	margin-left: 70px;
	margin-bottom: 20px;
}

#aboutUs-body-right {
	float: left;
	width: 300px;
	margin-top: 20px;
}

table.aboutUs-table-body {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	width: 275px;
	margin: 0 auto;
}

table.aboutUs-table-body td {
	border-bottom: 0px;
}

table.aboutUs-table-body div.title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

table.aboutUs-table-body div.content {
	font-size: 14px;
}

tr.aboutUs-table-body-top {
	background-image: url(../images/aboutus-table-top.gif);
	background-repeat: no-repeat;
	height: 7px;
}

tr.aboutUs-table-body-middle {
	background-image: url(../images/aboutus-table-middle.gif);
	background-repeat: repeat-y;
}

tr.aboutUs-table-body-middle td {
	padding-left: 10px;
	padding-right: 10px;
}

tr.aboutUs-table-body-bottom {
	background-image: url(../images/aboutus-table-bottom.gif);
	background-repeat: no-repeat;
	height: 9px;
}

table.aboutUs-table-body table.contactInfo {
	margin-top: 10px;
	width: 100%;
}

table.aboutUs-table-body table.contactInfo td {
	padding-bottom: 0px;
}

/* Contact Us */
#aboutUs-body p.errors {
	margin-bottom: 5px;
	font-size: 11px;
}

#contactFormContainer {
	width: 450px;
}

#contactFormContainer td {
	border: 0px;
}

#contactFormContainer div.title {
	padding-left: 10px;
	color: #575757;
	font-weight: bold;
}

#contactFormContainer div.field {
	padding-top: 5px;
}

#contactFormContainer div.field textarea {
	padding-top: 5px;
	margin: 0px;
	height: 125px;
	width: 250px;
}

#contactFormContainer td.actions {
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
}

#contactUs-photo {
	float: left;
	width: 200px;
	padding-left: 70px;
	padding-top: 25px;
}

#header .tabs {
	margin-left: 340px;
	width: 610px;
}

#header .tabs li {
	margin-right: 1px;
}

#header .tabs a {
	padding: 5px 15px;
	color: #575757;
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

#header .tabs a.selected {
	background-color: #e1e1e1;
}

#header .tabs a:hover {
	background-color: #e1e1e1;
}

#footer .tabs {
	margin: 0 auto;
	width: 700px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#footer .tabs li {
	margin-right: 1px;
}

#footer .tabs li:first-child {
	border-left: solid 1px #3d5e78;
}

#footer .tabs a {
	color: #3d5e78;
	border-right: solid 1px #3d5e78;
	padding-left: 50px;
	padding-right: 50px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#footer .tabs a.selected {
	text-decoration: underline;
}

#footer .tabs a:hover {
	text-decoration: underline;
}

#footer-separator {
	height: 8px;
	background-color: #3d5e78;
	margin-top: 10px;
}

#footer table {
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: #3d5e78;
}

#footer table td {
	border: 0px;
	padding: 10px;
	margin: 0px;
	vertical-align: middle;
}

#footer table td.designpower {
	width: 150px;
}

#footer table td.copyright {
	text-align: right;
}

#YGLLogo {
	width: 175px;
}