html {
margin: 0;
padding: 0;
border: 0;
}
body {
background-color: #cccccc;
padding: 2px;
font-family: verdana, arial, Garamond;
font-size: 12px;
min-width: 800px;
max-width: 1080px;
}
body.wide {
width: 900px;
}
body.widePlaza {
width: 920px;
/* Because Plaza has so many types of apartments */
}
div.wbody {
background: #ffffff url("/img/bg.png") repeat-y;
border: 3px solid #B8B8B8;
min-height: 600px;
position: relative;
}
div.logo {
position: absolute;
top: 5px;
left: 0px;
text-align: center;
width: 163px;
}
div.box {
background-color: #006699;
margin-left: 191px !important;
margin-left: 187px;
padding: 0px;
margin-bottom: 0px;
height: 76px !important;
height: 72px;
}
div.box h1 {
font-size: 22px;
font-family: Georgia, verdana, arial;
font-weight: normal;
padding-left: 10px;
color: #ffffff;
padding-top: 25px;
margin: 0;
}
div.box h1:first-letter {
font-size: 28px;
}
div.date {
background-color: #000000;
width: 100%;
padding: 2px 0px 3px 0px;
text-align: right;
}
span.date {
color: #ffffff;
font-family: verdana, arial, Garamond;
font-size: 11px;
padding: 0px 15px 0px 0px;
}
div.main {
margin-left: 191px !important;
margin-left: 187px;
text-align: center;
padding: 0px 0px 100px 2px;
}
#roseroom {
padding-left: 5px;
}
#roseroom a:link, #roseroom a:visited {
color: #A61111;
}
/* Menu Style */
div.menu {
position: absolute;
top: 97px;
left: 4px !important;
left: 2px;
width: 163px;
text-align: center;
margin-left: 0;
/* padding: 15px 0px 0px 0px; */
}
div.nav div {
font-weight: bold;
text-align: center;
font-size: 14px;
font-family: Garamond, Georgia, Rockwell;
background-color: #006699;
color: #ffffff;
padding: 1px 0px 1px 0px;
}
div.menu ul {
margin: 5px 0px 5px 3px;
padding: 0px 0px 0px 3px;
text-align: left;
}
div.menu li {
list-style-type: none;
display: inline;
}
div.menu div.nav a:link, div.menu div.nav a:visited {
text-decoration: none;
color: #006699;
display: block;
padding: 0px 0px 0px 0px;
}
div.menu div.nav a:hover {
color: #006699;
background-color: #ffffcc;
}
#mLinks a:link, #mLinks a:visited {
color: #006699;
}
/* End Menu Style */
img.noborder {
border: 0;
}
h2 {
font-size: 16px;
color: #006699;
text-align: left;
padding: 0px 0px 0px 20px;
font-weight: bold;
/* font-family: Garamond, Georgia, Rockwell; */
}
h2.headline {
text-align: center;
padding: 0px;
margin: 2px;
}
#roseroom h2.headline {
color: #A61111;
font-family: "Monotype Corsiva", verdana, arial, Garamond;
font-size: 22px;
font-weight: normal;
}
h2.headline1 {
color: #000000;
font-size: 14px;
text-align: center;
font-family: verdana, arial, Garamond;
}
h2.headline2 {
font-size: 14px;
text-align: left;
font-family: verdana, arial, Garamond;
padding-top: 10px;
}
h2.headline3 {
font-size: 14px;
font-family: verdana, arial, Garamond;
padding-top: 10px;
text-align: center;
}
#roseroom h2.headline2 {
color: #A61111;
}
#roseroom h2.h2 {
color: #A61111;
text-align: center;
}
div.main p {
padding: 0px 30px 0px 30px;
}
div.mpic {
border: 1px solid #A8A8A8;
width: 435px;
margin-left: auto;
margin-right: auto;
}
img.main_pic {
display:block;
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 0;
height: 269px;
width: 415px;
}
h3 {
font-size: 14px;
color: #006699;
}
h4 {
font-size: 14px;
color: #006699;
text-align: left;
}
#roseroom h3 {
color: #A61111;
}
h5 {
font-size: 10px;
color: #006699;
}
#roseroom h5 {
color: #A61111;
}
h5.close {
margin-top: 2px;
}
address.copy {
font-size: 11px;
padding-top: 20px;
}
/* Apartment Page Table */
table.boxes {
text-align: left;
padding-right: 10px;
margin: 0px 10px 0px 10px;
}
table.boxes td {
background-color: #F0F0F0;
padding-bottom: 4px;
border: 2px solid #E8E8E8;
}
table.boxes td:hover {
background-color: #D8D8D8;
}
table.boxes h3 {
text-align: center;
margin: 2px 0px 0px 0px;
font-size: 14px;
}
table.boxes address.copy {
text-align: center;
margin: 2px 0px 8px 0px;
padding: 0;
}
table.boxes a:link, table.boxes a:visited {
color: #006699;
}
table.boxes a:hover {
color: #003366;
}
/* End Apartment Page Table */
img.apic {
height: 200px;
width: 200px;
border: 2px solid #B8B8B8;
}
h3.smaller {
font-size: 14px;
padding: 10px;
}
a:link, a:visited {
color: #006699;
}
a:hover {
color: #003366;
}
/* Table on specific apartment pages */
table.apartments tr.highlight td{
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
}
table.apartments tr.highlight td.clear{
background-color: #ffffff;
border: 0px none;
}
td.tab2 {
font-weight: bold;
}
ul{
text-align: left;
}
span.star {
font-size: 10px;
}
.tab4 {
font-size: 11px;
}
/*End table on specific apartment page */
div.space {
height: 100px;
}
.smallspace {
height: 20px;
}
table.links {
text-align: left;
}
.small {
font-size: 10px;
}
table.workorder {
text-align: left;
}
div.spacer {
padding-bottom: 300px;
}
p.lcontact {
font-size: 10px;
color: #ffffff;
}
p.lcontact a:link, p.lcontact a:visited {
color: #ffffff;
text-decoration: underline;
}
p.lcontact a:hover {
color: #ffffcc;
}
div.forms{
padding-left: 20px;
text-align: left;
}
.vtop {
vertical-align: top;
}
div.letter {
padding-left: 10px;
text-align: left;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.mpics {
border: 2px solid #E8E8E8;
text-align: center;
background: #F0F0F0;
font-weight: bold;
padding: 3px;
margin-top: 2px;
}
.mpics2 {
border: 2px solid #E8E8E8;
text-align: center;
background: #F0F0F0;
font-weight: bold;
padding: 3px;
margin: 2px auto;
width: 200px;
}
#apartments a:link, #apartments a:visited {
font-weight: bold;
}
.mpics:hover {
background-color: #D8D8D8;
}
.leaf {
text-align: center;
padding: 0;
margin: 0;
}
.leftSide {
width: 50% !important;
width: 40%;
float: left;
position: relative;
}
.rightSide {
width: 50% !important;
width: 40%;
float: right;
position: relative;
}
.leftSide ul, .rightSide ul {
list-style-type: none;
width: 100%;
}
.leftSide li, .rightSide li{
width: 80%;
text-align: right;
}
li.rrtitle {
font-weight: bold;
text-align: center;
}
.rrlist {
float: left;
}
ul.rrnormal {
list-style-type: circle;
}
.rrnormal li {
text-align: left;
}
#roseroom p{
padding: 0;
margin: 0;
}
.rrpic {
margin-top: 5px;
margin-bottom: 5px;
border: 2px solid #000000;
}
p.rrspace {
margin-bottom: 10px;
}
.clearit {
display: block;
clear: both;
}
.rrcenter {
text-align: center;
list-style-type: none;
}
.rrsmall {
font-size: 10px;
font-style: italic;
}
/************** Thumbnail and picture page styles ********************/
.lpic {
margin-top: 10px;
}
.cthumb {
margin-top: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 550px;
}
.thumbs {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.ithumb {
height: 155px;
width: 150px;
}
.ithumbfl {
float: left;
margin: 3px;
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
padding: 10px 10px 5px 10px;
width: 150px;
}
.ithumbfl:hover {
background-color: #D8D8D8;
}
.alt {
text-decoration: none;
font-weight: bold;
text-align: center;
width: 140px;
margin: 0 auto;
}
.mpicsContain {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 350px;
height: 30px;
padding-top: 10px;
}
.mpicsLeft {
float: left;
width: 150px;
padding-right: 20px;
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
}
.mpicsRight {
width: 150px;
padding-left: 20px;
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
float: right;
}
/************* Search Form Styles *************************/
#searchForm {
margin-left: auto;
margin-right: auto;
width: 350px;
text-align: left;
padding: 5px;
}
#searchForm p {
padding: 0px 0px 2px 0px; 
margin: 0px;
clear: both;
}
.ftitle, .fin {
display: block;
float: left;
}
.ftitle {
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
width: 100px;
text-align: left;
font-weight: bold;
padding: 5px;
}
.fin {
padding: 5px;
}
.sAmenities {
width: 150px;
text-align: right;
display: block;
float: left;
}
.right {
text-align: right;
}
/************** Search Results Styles **************************/
.sapartment {
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
padding: 3px;
text-align: left;
margin: 10px 5px 5px 50px;
z-index: 2;
}
.sapartment h3 {
text-align: center;
margin: 2px 0px 0px 0px;
font-size: 14px;
}
.sapartment address.copy {
text-align: center;
margin: 2px 0px 8px 0px;
padding: 0;
}
.sCriteria {
position: absolute;
top:100px !important;
top: 96px;
right: 3px !important;
right: 7px;
text-align: center;
width: 120px;
background-color: #ddddcc;
padding: 0px 0px 4px 4px;
z-index: 1;
}
.sCriteria div {
text-align: left;
font-size: 10px;
}
.sCriteria span.c {
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}
.r {
position: relative;
text-align: left;
width: 100%;
}
.num {
position: absolute;
top: 10px;
left: 5px;
font-size: 32px;
color: #CECFC6;
}
.warning {
color: #cc0000;
}
.eLeft {
font-weight: bold;
width: 200px;
display: block;
}
.employment {
text-align: left;
padding: 10px;
}
.employment div {
padding: 10px;
}
.ubx {
margin-left: 10px;
margin-right: 10px;
}
.ubx img {
padding: 8px;
border: 2px solid #E8E8E8;
background-color: #F0F0F0;
}
.ubl {
float: left;
width: 150px;
height: 223px;
position: relative;
}
.ubr {
float: right;
width: 150px; 
height: 111px;
position: relative;
}
.ctal {
float: left;
position: relative;
}
.ctar {
float: right;
position: relative;
}
.fleft {
float: left;
width: 50%;
position: relative;
}
.fright {
float: right;
width: 50%;
position: relative;
}
.nocircles {
list-style-type: none;
}
.jobType {
display: block;
font-weight: bold;
float: left;
width: 280px;
position: relative;
}
.flpic {
position: relative;
float: left;
padding: 10px;
}
.flpic img {
width: 208px;
height: 156px;
}
.imgbd {
padding: 8px;
border: 2px solid #E8E8E8;
background-color: #F0F0F0;
}
.faq {
padding: 0 5px;
}
.faq p {
text-align: left;
}
.rrlinks li {
list-style-type: none;
border: 1px solid #E8E8E8;
margin-right: 50px;
margin-bottom: 10px;
text-align: center;
}
.rrlinks li:hover {
border: 2px solid #E8E8E8;
}
.contact {
background-color: #006699;
padding: 10px 2px;
width: 400px;
margin: 0 auto;
}
.ihistory {
width: 60%;
float: right;
text-align: left;
position: relative;
}
.floatleft {
float: left;
position: relative;
padding-left: 4%;
}
.indexthumb {
float: left;
margin: 3px;
background-color: #F0F0F0;
border: 2px solid #E8E8E8;
padding: 1px 3px;
height: 190px;
width: 160px;
}
.indexthumb:hover {
background-color: #D8D8D8;
}
.indexthumb h3 {
text-align: center;
font-size: 12px;
margin: 0;
height: 28px;
}
.indexthumb address.copy {
text-align: center;
margin: 2px 0px 8px 0px;
padding: 0;
font-size: 10px;
}
.indexthumb .apic {
height: 120px;
width: 120px;
}
.cindexthumb {
margin-top: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 95%;
}
.indexthumb a:link, .indexthumb a:visited {
text-decoration: none;
}