﻿/* CSS Document */

*{margin: 0px; padding: 0px;}
a, a:visited{text-decoration: none; color: #361d19; font-weight: bold;}
a:hover{text-decoration: underline; color: #94000d;}
body{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #aa7843;}
sup{font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
h3{font-size: 30px;}
h4{font-size: 15px;}
h5{font-size: 12px;}
h6{font-size: 11px;}
img{border: 0px;}
p{line-height: 16px; padding-top: 10px; text-align: justify; font-size: 12px;}
ul{list-style-type: none;}

#shell{position: relative; width: 760px; margin: 0px auto;}
#main_content{width: 760px; margin: 0px auto; position:relative; height: 100%;}
#top_banner{background-color: #94000c; position: relative; margin: 0px auto; height: 100px; width: 760px;}
.apt_name{position: absolute; left: 0px; font-family: Arial, Helvetica, sans-serif; width: 570px; height: 100px; color: #fbfbfb; padding: 20px 0px 0px 20px;}
.logo{position: absolute; right: 0px; margin-top: 0px;}
.url_name{color: #FFFFFF; font-size: 22px;}
#content_area{position: relative; width: 760px; height: 100%;}
.title{position: relative; padding-top: 10px; text-align: center; height: 22px; color: #FFFFFF; background-color: #a39b2c;}
.name{font-weight: bold; font-size: 12px;}


/* ---------------- Nav Specific ----------------------- */
#horizontal_nav{position: relative; width: 760px; height: 36px; margin: 0px; border-top: 8px solid; border-top-color: #efca75; border-bottom: 0px solid; border-bottom-color: #FFFFFF; background-color: #361d19;}
#horizontal_nav a, #horizontal_nav a:visited{color: #FFFFFF; text-decoration: none; font-size: 11px;}
#horizontal_nav a:hover{text-decoration: none; color: #94000d;}
#horizontal_nav ul{position: absolute; width: 760px; margin: 0px; padding: 0px; top: 10px;}
#horizontal_nav .link1,.link2,.link3,.link4,.link5,.link6,.link7{position: absolute; list-style-type: none; font-weight: normal; width: 104px; text-align: center;}
#horizontal_nav .link1{left: 1px;}
#horizontal_nav .link2{left: 109px;}
#horizontal_nav .link3{left: 217px;}
#horizontal_nav .link4{left: 326px;}
#horizontal_nav .link5{left: 435px;}
#horizontal_nav .link6{left: 545px;}
#horizontal_nav .link7{left: 653px;}


/* ---------------- Column 1 Specific ----------------------- */
.column1{width: 216px; vertical-align: top; background-color: #efca75; color: #000000;}
#column_left{width: 216px; float:left;}
#column_left ul{padding-top: 10px; padding-left: 15px; line-height: 16px; list-style-type: none; font-size: 11px;}
.group{width: 216px; padding-bottom: 10px;}
.office_times{width: 190px; border: 0px; border-collapse: collapse; margin: 0px auto; font-size: 11px;}
.office_times td{padding: 0px 0px 3px 0px;}
.hours{float: right;}
.column1_link a{background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 18px; text-decoration: none; color: #361d19; font-size: 12px; line-height: 20px;}
.column1_link a:hover{background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 14px; margin: 0px 0px 0px 4px; text-decoration: none; color: #94000d;}


/* ---------------- Column 2 Specific ----------------------- */
#photo_middle .photo img{}
.column2{width: 328px; vertical-align: top; background-color: #FFFFFF; color: #000000;}
#column_middle{float: left; width: 328px;} 
.column2stretch{width: 544px; vertical-align: top; background-color: #FFFFFF;}
.group3{width: 306px; margin: 0px auto; padding-top: 10px;}
.column2_link a{background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 18px; text-decoration: none; color: #361d19; font-size: 12px; line-height: 20px;}
.column2_link a:hover{background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 14px; margin: 0px 0px 0px 4px; text-decoration: none; color: #94000d;}
.floor_link a{background-image: url(images/arrow_white.gif); background-repeat: no-repeat; background-position: left; padding-left: 18px; text-decoration: none; color: #FFFFFF; font-size: 12px; line-height: 20px;}
.floor_link a:hover{background-image: url(images/arrow_white.gif); background-repeat: no-repeat; background-position: left; padding-left: 14px; margin: 0px 0px 0px 4px; text-decoration: none; color: #FFFFFF;}


/* ---------------- Column 3 Specific ----------------------- */
.column3{width: 216px; vertical-align: top; background-color: #efca75; color: #000000;}
#column_right{float:right; width: 216px;} 
.specials{padding: 8px;}
.specials:hover{background-color: #361d19; color: #FFFFFF;}
.group4{width: 306px; margin: 0px auto; padding-top: 5px;}
.column3_link a{background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 18px; text-decoration: none; color: #361d19; font-size: 12px; line-height: 20px;}
.column3_link a:hover{background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left; padding-left: 14px; margin: 0px 0px 0px 4px; text-decoration: none; color: #94000d;}


/* ---------------- Footer Specific ----------------------- */
#footer{width: 760px; margin: 0px auto; padding: 0px; position:relative; clear:both;}
.footer_info{background-color: #361d19; position: relative; bottom: 0; margin: 0px; padding-top: 5px; width: 760px; height: 40px; color: #FFFFFF;}
#footer .copy{width: 740px; margin: 0px auto;}
.copyright{width: 700px;}
.copyright a,.copyright a:visited{text-decoration: none; color: #FFFFFF; font-size: 12px;}
.copyright a:hover{text-decoration:underline; color: #FFFFFF; font-size: 12px;}


/* ---------------- Amenities Page Specific ----------------------- */
.amenities{width: 250px; border: 0px; border-collapse:collapse; text-align:left; margin: 0px auto; position:relative;}
.amenities td{vertical-align:text-top;}
.amenities ul{line-height: 24px; list-style-type: square; list-style-position:inside; color: #000000;}
.amenities li{color: #000000;}
ul .black{color:#000000;}


/* ---------------- Floorplans List Page Specific ----------------------- */
.floorplan_list{width: 315px; border: 0px; border-collapse:collapse; text-align:left; margin: 0px auto; position:relative;}
.floorplan_list .select:hover{background-color: #ffffcc;}
.floorplan_list td{padding: 5px 0px;}
.floorplan_links{padding-left: 15px;}
.orange{border-bottom: 1px solid #361d19;}


/* ---------------- Floorplans List Page Specific ----------------------- */
#form_table{border: 0px; width: 315px;}


/* ---------------- Calendar Page Specific ----------------------- */
#column_middle_cal{float: left; width: 542px; background-color: #FFFFFF;} 
.group3_cal{width: 480px; margin: 0px auto; padding-top: 10px; color: #000000;}


/* ---------------- Photo Gallery Page Specific ----------------------- */
#photos_table td{padding: 8px;}
#photos_table{margin: 0px auto;}


/* ---------------- Virtual Tours Page Specific ----------------------- */
.tours{width:475px; margin:0px auto;}
.tours_list{width: 150px; margin: 0px auto;}


/* ---------------- E-Brochure Page Specific -------------------------- */
.brochure_group{width: 760px; border-bottom: 1px solid #FFFFFF; background-color: #efca75; color: #000000;}
.brochure_group2{width: 500px; margin: 0px auto; padding-top: 10px; padding-left: 10px; color: #000000;}
.brochure_footer_info{background-color: #361d19; position: relative; bottom: 0; margin: 0px; padding-top: 5px; width: 760px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-align: center;}
.brochure_footer_info a{color: #FFFFFF;}
.brochure_title2{position: relative; border-bottom: 1px solid #FFFFFF; height: 10px; color: #000000; background-color: #000000;}
#brochure_column_middle{float: left; width: 500px;}
#brochure_content_area{position: relative; width: 760px; background-color: #FFFFFF;}
#brochure_column_right{float:right; width: 250px;}
#brochure_shell{position: relative; width: 760px; background-color: #FFFFFF; margin: 0px auto;}


/* ---------------- Meet the Staff Page Specific ----------------------- */
.meet_staff{width: 300px; border: 0px; border-collapse: collapse; margin: 0px auto; font-size: 11px;}
.meet_staff td{padding: 3px 0px;}
.staff_title{font-weight: 700; text-align: center; border-bottom: 1px solid #000000;}
.staff_name{font-weight: bold; font-size: 11px;}


/* ---------------- Resident Links Page Specific ----------------------- */
.link_category{font-weight: 700; text-align: center; border-bottom: 1px solid #000000;}
.tableAvailabilities{border: 1px solid #361d19;}
.tableAvailabilities th{background-color: #361d19; color: #FFFFFF;}
