.blue {
    background-color: #9FC1D3;
}
.red {
    background-color: #CE0004;
    color: white;
}
.red a {
    color: white;
}
.orange {
    background-color: #E57F00;
}
.black {
    background-color: #2F2A2C;
}
.grey1 {
    background-color: #F1EDED;
}
.grey2 {
    background-color: #D1CBCB;
}
.zebra {
    background-color: #EDEDED;
}
.warning {		/* for old browsers, otherwise don't display! */
	display: none;
}
.transparent {
    opacity:.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}
.transparentwhite {
    background-image:url('../images/white.png');
}
html, body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
a {
    color: #CE0004;
}
body {
    background-color: white;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 68%;
    color: #2F2A2C;
}
table {
    border-collapse: collapse;
    zoom: 1;
}
* {
	margin: 0;
	padding: 0;
}
.rushes {
    background-image:url('../images/rushesborderless.gif');
    height: 51px;
    text-align:right;
    zoom: 1;
}
.leftrushes {
    text-align:left;
}
html>body #wrap {height:100%; min-width: 880px;} /* 100 % height */
#header {
	width:100%;
	height:51px;
    zoom: 1;
}
html>body #header {
	position:fixed;
	z-index:400; /* Prevent certain problems with form controls */
	    zoom: 1;
}
html>body #content-wrap {
height:100%;
    zoom: 1;
} /* 100 % height */

html>body #content {
padding:51px 0 0 0;
    zoom: 1;
    	min-width: 880px;
} /* give the content some breathing space */

#footer {
    zoom: 1;
	width:100%;
    height: 38px;
	text-align:right;
	background-image:url('../images/wynbrookred.gif');
	background-repeat: no-repeat;
	background-position:0;-4px;
	z-index:5500;
}

#header #navbar {
    position: absolute;
    right: 0px;
    bottom: -1.7em;
    z-index:400;
    padding-right: 3px;
    padding-left: 3px;
    width: 100%;
    font-size: 10.5px;
    line-height: 1.7em;
    height: 1.7em;
    zoom: 1;
}

#header #navbar a {
    color: white;
    padding: 12px 6px;
    text-decoration: none;
}

#footer .pad {
    padding: 10px;
    zoom: 1;
    // height: 40px;
    z-index:6000;
}

html>body #footer {
	position:fixed;
	bottom:0px;
	z-index:5400; /* Prevent certain problems with form controls */
    zoom: 1;
}

#photo {
	position:absolute;
    overflow: visible;
	bottom: 34px;
	height: 59%;
	left: 0px;
	z-index:1;
    zoom: 1;
}
#photo_map {
	position:absolute;
    overflow: visible;
	bottom: 34px;
	height: 59%;
	left: 0px;
	z-index:1;
    zoom: 1;
}

.photoadjust {
    top: 25.2%;
}
.justbottom {
position:absolute;
     bottom:0px;
     margin-bottom:-4%;
}

#photo img {
/*    margin-top:-6%;*/
}

#photoMask {
	position:absolute;
    overflow: visible;
	bottom: 34px;
	height: 59%;
	left: 0px;
	z-index:2;	
}
#photoMask img {
	margin-top:-6%;
}

#title {
    zoom: 1;
    position: relative;
    left: 0px;
    top: 18px;
    z-index: 101;
    height: 80px;
}
.col1 {
    z-index: 200;
    background-image:url('../images/white.png');
    width: 210px;
    position: absolute;
    left: 517px;
    top: 154px;
    zoom: 1;
}
.col2 {
    z-index: 200;
    background-image:url('../images/white.png');
    width: 210px;
    position: absolute;
    left: 750px;
    top: 154px;
    zoom: 1;
}
.col2b {
    z-index: 200;
/*    background-image:url('../images/white.png'); */
    width: 338px;
    position: absolute;
    left: 517px;
    top: 154px;
    height: 100%;
    zoom: 1;
}
.maps {
    z-index: 200;
    position: absolute;
    left: 517px;
    width: 430px;
    top: 164px;
    zoom: 1;
}
.tins {
    z-index: 200;
    position: absolute;
    right: 30px;
    width: 240px;
    bottom: 25%;
    zoom: 1;
}
.tinsapt {
    bottom: 10%;
}
#mapImage {
    border: 1px dotted grey;
}
#accordionDiv {
    position: absolute;
    right: 3.5em;
    top: 25%;
    width: 440px;
    z-index: 300;
    zoom: 1;
}
#accordionDiv p {
    margin-top:0;
    font-size: 0.9em;
    padding: 2px 3px;
    zoom: 1;
}
#accordionDiv h3 {
    padding: 3px;
    font-size: 1.1em;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    zoom: 1;
}
#accordionDiv table a {
    color: #CE0004;
}
.accordionHeader {
    cursor: pointer; 
    zoom: 1;
}
#accordionDiv table {
    width: 100%;
    zoom: 1;
}
#accordionDiv table th {
    text-align:left;
    background-color: #2F2A2C;
    color: white;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
#accordionDiv table tr.fixedHeader {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(document.getElementById("panel1").scrollTop);
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* Filter out Opera 5.x/6.x and MacIE 5.x */                                                


th:first-child+body table[class].fixedHeader tr {
	display: block;
}

div#rollOver {
    position: fixed;
    left: -400px;
    top: -300px;
    zoom: 1;
}

h1 {
    font-weight: normal;
    color: #CE0004;
    font-size: 1.8em;
    position: absolute;
    right: 38px;
/*    width: 478px; */
    z-index: 350;
    top: 20%;
    zoom: 1;
}

p {
    margin-top: 1.5em;
    padding:0 2px;
    line-height: 1.3em;
    font-size: 1.12em;
    zoom: 1;
    font-family: Georgia, "Times New Roman", Times, serif;
}

ul {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.col1title {
	position: absolute;
	top: -32px;
	left:1px;
}
.col2btitle {
	position: absolute;
	top: -32px;
	left:4px;
}

div.hangingright {
    position: absolute;
    width: 322px;
    top: 26%;
    right:22px;
    z-index: 200;
}

.apartmentline {
    padding:4px;
}
.apartmentline * {
    color: #CE0004;
    line-height:1.3em;
}
.apartmentline h3 {
    border-top: 1px dotted #CE0004;
}
pre {
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 11px;
}
li {
    list-style-position: outside;
    list-style-image: url('../images/bullet.png');
    margin-bottom:0.3em;
    zoom: 1;
    line-height: 1.4em;
}
h6 {
    font-size: 110%;
    margin-left: 3px;
    margin-top:5px;
    margin-bottom:0px;
}
.mapsheader {
	position:absolute;
	top: -40px;
	left: 0px;
}
.spec {
	margin-left:-2px;
}
.moveupslightly {
    width: 100%;
    text-align: center;
    margin-top:5%;
    margin-left: -20px;
}
h4 {
	font-size: 13px;
	margin-top:1em;
}