body
{
font-family: "trebuchet ms";
line-height: 18px;
background-color: black;
}

body, td, th
{
font-size: 11px;
}

div
{
text-align: left; /* This is because I had to wrap the whole body in a CENTER tag to get the container to center in IE. */
}

#container
{
width: 761px;
background-color: #fff;
}

#nav
{
margin-bottom: -6px;  /* This is to fix something that broke because of an IE hack. This value is overridden in the IE stylesheet. */
}

#nav img
{
border: none;
}

#content
{
background: url('/design/plain/images/sidebar_shadow.gif');
background-repeat: repeat-y;
}

#left, #right
{
float: left;
}

#left
{
background: url('/design/plain/images/sidebar_bkgd.gif');
background-repeat: no-repeat;
width: 200px;
height: 215px;
}

#left a
{
display: block;
padding-bottom: 8px;
padding-top: 8px;
text-decoration: none;
color: black;
font-weight: bold;
x letter-spacing: 0.06em;
text-transform: uppercase;
font-size: 11px;
line-height:1em;
}

#left a:hover
{
color: #7E6D4B;
}

#right
{
width: 550px;
}

#right_inner, #left_inner
{
margin: 25px 15px 15px 15px;
}

#left_inner
{
text-align: right;
}

th
{
text-align: left;
}

.containsDataTable table
{
border-top: solid 1px rgb(200,200,200);
margin-bottom: 1em;
}
.containsDataTable td, .containsDataTable th
{
border-bottom: solid 1px rgb(200,200,200);
padding: 4px 15px 4px 0px;
}

td.label
{
font-weight: bold;
}

#navLinks
{
margin-bottom: 1em;
}

.imageleft, .imageright
{
margin-bottom: 1em;
}

.imageright
{
float: right;
margin-left: 1.5em;
}
.imageleft
{
float: left;
margin-right: 1.5em;
}

#listings
{
border-top: solid 1px black;
}

#listings td
{
padding: 10px 10px 10px 0;
vertical-align: top;
border-bottom: solid 1px black;
}

#listings td img
{
border: solid 1px black;
}

h1
{
font-size: 18px;
}

h2, h3, h4
{
margin-top: -3px;
margin-bottom: 3px;
}

h3
{
font-size: 14px;
}

h4
{
font-size: 11px;
}


.portfolio_item
{
clear: both;
border-bottom: solid 1px black;
border-top: solid 1px black;
padding: 15px 0 0px 0;
margin-top: -1px;
}

a
{
color: rgb(135, 17, 51);
}

a:hover
{
color: rgb(206, 186, 146);
}

li
{
margin-bottom: 0.5em;
}

#commercial_full img
{
border: solid 1px black;
}

#listing_meta
{
margin-bottom: 1em;
}

#left a.sub
{
color: rgb(93, 114, 39);
font-size: 10px;
text-transform: none;
padding:0;
line-height: 14px;
}

#left a.sub:hover
{
color: rgb(165, 167, 115);
}

#lease_option div, #site_and_building_data div
{
float: left;
margin-right: 40px;
}

#lease_option
{
margin-top: 2em;
}

.listing_line
{
clear: both;
border-bottom: solid 1px black;
padding: 15px 0 5px 0;
width: 530px;
}

.listing_line .block
{
float: left;
}

.listing_line .image
{
width: 135px;
margin-right: 10px;
}

.listing_line .image img
{
border: solid 1px black;
}

.listing_line .description
{
width: 200px;
margin-right: 10px;
}

.listing_line .page_description
{
width: 340px;
}

.listing_line .spaces
{
width: 150px;
}

.portfolio_item .imageleft
{
border: solid 1px black;
}

#footer
{
background: url('/design/plain/images/footer.gif');
background-repeat: no-repeat;
background-position: -1px 0;
background-color: #fff;
width: 761px;
height: 28px;
}

hr.break /* I usually use <br clear="all"> to clear floats, but for some reason, IE wasn't responding to that.  Hence this rule. */
{
clear: both;
visibility: hidden;
height: 0px;
margin: 0;
}


#lot_data
{
border-top: solid 1px rgb(200,200,200);
}

#lot_data th
{
padding-right: 15px;
}

#lot_data th, #lot_data td
{
padding-top: 3px;
padding-bottom: 3px;
border-bottom: solid 1px rgb(200,200,200);
}

#lot_listing
{
width: 100%;
}

#lot_listing td
{
border-bottom: solid 1px rgb(200,200,200);
padding: 4px 15px 4px 0px;
}

#lot_listing tr.control_break td
{
padding: 4px;
font-weight: bold;
background-color: rgb(248, 245, 239);
}

.lot_section
{
text-align: center;
}

.lot_section h3
{
text-align: left;
border-top: 1px solid black;
margin-top: 1em;
}

.lot_section table
{
margin: 0 auto;
}

.addition_line
{
margin-bottom: 2em;
}

.addition_line h3
{
margin-bottom: 3px;
}

.class-file
{
margin-top:29px;
}