* {margin:0; border:0; padding:0}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color:#F4F7F9}
html > body {font-size: 16px}

a {color: rgb(61,92,122); background-color: transparent; text-decoration: underline; padding: 0 1px 2px 1px}
a:hover {color: rgb(117,144,174); text-decoration: none}

ol, ul {margin: 1em 0 1.5em 1.5em; padding-left: 1em; line-height: 1.5em}
blockquote {margin-left: 2em}

table.contact {width:100%}
table.contact td {padding: 8px}
table.figures td, table.figures th {padding: 0.25em 1em 0.25em 0.2em}

.doNotDisplay {display: none !important}


/* ##### Main Copy ##### */

#main-copy {width:70%; max-width:50em; margin: 10.5em 0 0 25%; padding: 0.5em 10px; text-align: left}
#main-copy h1 {color: rgb(117,144,174); background-color: transparent; font: 170% "trebuchet ms", verdana, helvetica, arial, sans-serif; padding: 1ex 0 0 0}
#main-copy h2 {color: rgb(117,144,174); background-color: transparent; font:normal 145% "trebuchet ms", verdana, helvetica, arial, sans-serif; padding: 1ex 0 0 0}
#main-copy h3 {color: rgb(117,144,174); background-color: transparent; font:bold 120% "trebuchet ms", verdana, helvetica, arial, sans-serif; padding: 0 0 0.8ex 0}
#main-copy p {line-height: 1.75em; margin: 1em 0 1.5em 0}
#main-copy .highlight {font:bold 1.6em Arial, Helvetica, sans-serif; color:#9F4328; margin:0}
#main-copy li {line-height: 1.75em; margin: 1em 0 1.5em 0}
#main-copy li.tight {line-height: normal; margin: 0 0 0.5em 0}
#main-copy hr {color: rgb(117,144,174); background-color: rgb(117,144,174); height:1px}
#main-copy table.small {font-family: Arial, Helvetica, sans-serif; font-size: .85em}
#main-copy table.small td {padding:.15em .6em}
#main-copy table.large {font-family: Arial, Helvetica, sans-serif; font-size: 1em}
#main-copy table.large td {padding:.3em .6em; 	text-align:center}

tr.shaded {background-color:#C5D0E2}

.graph {width:240px; float:right; margin:1.3em 0 1em 2em; padding:1em; border: 1px solid #9090AA; font: .75em Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:white; white-space:nowrap}
.picture {	float:right; 	background-color: transparent; 	margin: 1.5em 0 .5em 2em}
.picture img {border: 1px solid #9090AA}
.quote {float:right; 	width:14em;	background-color:#FFFFFF; border: 1px solid #9090AA; 	padding: 0.25em 1em 1em 1em; margin: .5em 0 .5em 2em}
.small {font-size: 0.8em; line-height: 1.2em}

.sideBox {float:right;	width:14em;	background-color:#FFFFFF;	border: 1px solid #9090AA;	padding: 0.25em 1em 1em 1em;	margin: .5em 0 .5em 2em}
#main-copy .sideBox ul.rent-to-own li {line-height:1.2em; margin-bottom:0.5em}

#highlight {	border:1px solid #9090AA;	padding:2em; margin:2em; background-color:white}
#highlight td {padding: 10px}
#highlight input, #highlight textarea, #highlight select {border:1px solid #9090AA; padding:.2em; margin: 0.5em 0.5em 0 0.5em; font: 1em Verdana, Arial, Helvetica, sans-serif}
#highlight p.form {margin: 0.5em 0 0 0; 	text-align: right}

#math {border:1px solid #9090AA; padding:2em; margin:2em; background-color: #D5DCEA}


/* ##### Header ##### */

#header {position:absolute; width:100%; top:0; left:0; background-color: rgb(61,92,122); border-bottom: 1px solid #F4F7F9; z-index: 20}

.superHeader {color:white; background-color: #d2ddeb; text-align: right; padding: 0.5ex 10px}
.superHeader a {color: #556a7e; background-color: transparent; text-decoration: none; padding: 0 0.25ex 0 0}
.superHeader a:hover {color: black; background-color: transparent; text-decoration: none}

.midHeader {color: white; padding: 0 10px .5ex 10px; background:url(graphics/real-estate-investing.gif) repeat-x}

.headerTitle {font: 250% "trebuchet ms", verdana, helvetica, arial, sans-serif; padding-top: .7ex; margin-left: .5em}
.headerSubTitle {margin-top:1ex; padding-left:8em}
h1.headerSubTitle {font:italic 140% "trebuchet ms", verdana, helvetica, arial, sans-serif; color:#ebebc8; margin: 0 0 1ex 10em}
.headerLinks {text-align: right; padding: 0 0 2ex 0; position: absolute; right: 1.5em; top: 1.3em}
.headerLinks a {color: white; background-color: transparent; text-decoration: none; padding: 0 0 0.5ex 0; display: block}
.headerLinks a:hover {color: rgb(195,196,210); background-color: transparent; text-decoration: none}

.subHeader {color: white; font-family:Arial, Helvetica, sans-serif; background-color: rgb(117,144,174); padding: 0.5ex 10px; clear:both}
.subHeader a {color: white; font-weight: bold; background-color: transparent; text-decoration: none; padding: 0 0.25ex 0 0}
.subHeader a:hover {color: #CADAEC; background-color: transparent; text-decoration: none}
.subHeader a.standout:link, .subHeader a.standout:hover, .subHeader a.standout:active, .subHeader a.standout:visited {color:#FFDE88}

.subHeadRight {float:right}


/* ##### Side Menu ##### */

#side-bar {background-color: white; width: 20%; padding: 1ex; border: 1px solid rgb(204,204,204); position: absolute; left: 1.5ex; top: 11em; line-height:2.5em; white-space:nowrap}
[id="side-bar"] {position: fixed !important;  /* Makes the side menu scroll with the page. Doesn't work in MSIE */}

#side-bar a {text-decoration: none}
#side-bar:hover {border-color: rgb(117,144,174)}
#side-bar a:hover {text-decoration: underline}


/* ##### Footer ##### */

#footer {color: rgb(51,51,102); background-color: #C5D0E2; text-align: center; line-height: 1.25em; margin: 2em 0 0 0; padding: 1ex 10px; clear:left}
#footer a {color: rgb(0,68,204); background-color: transparent; text-decoration: underline}
#footer a:hover {text-decoration: none}