

/*---CLEAR---*/

* { margin: 0; padding: 0; border: 0; }
img { vertical-align: top; }


/*---PAGE LAYOUT---*/

body {
 background: url("layout-bg.jpeg") 50% 0% repeat-x #665942;
 font-family: Georgia, serif;
 color: #211b10;
 text-align: center;
}

#main {
 width: 940px;
 margin: 0 auto;
 padding: 30px 0 0 0;
 text-align: left;
}

#leftcol {
 float: left;
 width: 181px;
 padding-bottom: 24px;
}
#portrait { height: 221px; }
#contacthead { height: 42px; }
#navhead { height: 59px; }
#searchhead { height: 59px; }
.leftcolcontent {
 background: url("layout-left-mid.png") 0% 0% repeat-y #fdfdfa;
}
span.leftbrokerage { font-size: 80%; }

#rightcol {
 float: right;
 width: 746px;
 padding-bottom: 24px;
}
#nameplate { height: 184px; padding-left: 0px; background-color: #ffffff; }

#contentbox {
 background: url("layout-contentbox-mid.png") 0% 0% repeat-y #ffffff;
 padding: 18px 0 0 25px;
 zoom: 1.0; /* IE6 fix */
}
.contentpanel {
 float: left;
 width: 220px;
 padding: 0 10px 1em 1px;
}
.contentpanel img { margin-left: 10px; }
.contentbreak { clear: both; }

#articlesbrokerage { height: 39px; }

#brokeragebox {
 background: url("layout-brokerage-mid.png") 0% 0% repeat-y #fdfdfa;
 width: 746px;
 padding: 8px 0 10px;
}

#brokeragebottom { }

.ribbontop { position: absolute; left: 50%; top: 0px; }
#ribbontop1 { margin-left: -421px; }
#ribbontop2 { margin-left: -192px; }
#ribbontop3 { margin-left: 56px; }
#ribbontop4 { margin-left: 303px; }


/*---CONTENT STYLES---*/

h1, h2, h3 {
 font-family: Tahoma, sans-serif;
 color: #72644a;
 line-height: 1.0;
 font-weight: bold;
}
#contentbox h1 { padding-left: 10px; font-size: 170%; }
#contentbox h2 { padding: 0.6em 37px 0.2em 10px; font-size: 130%; line-height: 1.1; }
#contentbox h3 {
 padding: 0.8em 37px 0.2em 10px;
 font-size: 100%;
 font-weight: bold;
 line-height: 1.2;
}
#contentbox .contentpanel h2 { line-height: 1.1; padding: 3px 0 5px 10px; }
h1.feature { padding-bottom: 0.2em; }

p { line-height: 1.3; }
p.note { font-size: 80%; font-style: italic; }
#leftcol p.note { font-size: 80%; }
#contentbox p.welcomemessage {
 font-size: 90%;
 font-style: italic;
 border-bottom: solid 1px #808080;
 margin-right: 37px;
 padding-right: 0px;
 margin-left: 10px;
 padding-left: 0px;
 margin-bottom: 1em;
}
#contentbox p { padding: 0 37px 0.5em 10px; }
#contentbox p.calltoaction {
 margin: 1em 37px 0 10px;
 padding: 5px 10px;
 font-family: Tahoma, sans-serif;
 font-size: 110%;
 font-weight: bold;
 border-top: solid 3px #72644a;
 border-bottom: solid 3px #72644a;
 background-color: #f4f2f0;
}
#contentbox p.relatedtopics {
 font-size: 90%;
 padding: 0.5em 37px 1em 10px;
}
#searchhomesform p { padding: 0 0 0.5em 0; }

.contentpanel p { font-size: 90%; }
#brokeragebox p {
 padding: 0 24px;
 margin-bottom: 0.5em;
 font-size: 85%;
 color: #72644a;
}
#leftcol p {
 font-size: 90%;
 padding: 4px 20px 6px;
}
p.breadcrumbs { font-size: 90%; padding-bottom: 0.8em; }
p#commandbar {
 margin: 0.5em 37px 0 10px;
 padding: 5px;
 font-size: 90%;
 border-top: solid 1px #72644a;
 border-bottom: solid 1px #72644a;
 background-color: #f8f6f2;
 text-align: center;
}
p#commandbar a { color: #383020; }
p#commandbar a:hover { background-color: #383020; color: #ffffff; }
p#contactbar {
 margin-top: 1em;
 font-size: 95%;
 text-align: center;
 font-style: italic;
}

a { color: #0070b0; }
a:hover {
 background-color: #006ea5;
 color: #ffffff;
}
a:visited { color: #204870; }
a:visited:hover {
 background-color: #204870;
 color: #ffffff;
}

table { margin: 0 37px 0.5em 10px; }
tr { vertical-align: top; }
tr.alt { background-color: #f4f2f0; }
th { padding: 0.2em 0.5em 0.2em 0; font-weight: bold; }
td { padding: 0.1em 0.5em 0.1em 0; }

#searchhomesform th { padding: 0.2em 0.5em 0.8em 0.5em; text-align: right; }
#searchhomesform td { padding: 0.2em 0.5em 0.8em 0.5em; }

#topictable th { padding: 0.2em 0.5em 0.8em 0.5em; text-align: right; }
#topictable td { padding: 0.2em 0.5em 0.8em 0.5em; }

ul { font-size: 90%; padding: 0.5em 0 0.5em 1.5em; } 
li { padding: 0 0 0.4em; }

#leftcol ul { padding: 4px 20px 6px 20px; }
#leftcol li { list-style-type: none; }
ul#nav li { padding: 0 0 0.2em; }

#rightcol ul { margin: 0 37px 0 10px; }

ul.articles { padding: 0.5em 0 0.5em 0; font-size: 100%; }
ul.articles li { list-style-type: none; font-family: Tahoma, sans-serif; font-weight: bold; }

ul.articlessmall { padding: 0.5em 0; }
ul.articlessmall li { list-style-type: none; }

ul.learnmore { padding: 0 0 0.5em 0; }
ul.learnmore li { list-style-type: none; font-family: Tahoma, sans-serif; font-weight: bold; }

ul.searchresult { padding: 0 0 0.5em 0; }
ul.searchresult li { list-style-type: none; }

#searchhomesform ul { padding: 0.5em 0 0.5em 0; font-size: 100%; }
#searchhomesform li { list-style-type: none; }

#searchhomesform p.examples { font-style: normal; font-size: 90%; color: #312b20; }

dl { padding: 0 0 1em; }
dl.searchdefs { padding: 0 0 0.5em 0; }
dt { font-weight: bold; padding: 0 37px 0 10px; font-family: Tahoma, sans-serif; }
dd { padding: 0 37px 0.5em 10px; font-size: 90%; }

blockquote { font-size: 90%; margin: 0.8em 1.2em; }

img.headimage { float: right; margin: 0 37px 18px 10px; }

span.dictalias { font-style: italic; font-size: 95%; }

/*---FORMS---*/

input, textarea {
 border: solid 1px black;
 margin: 4px 0;
 font-weight: bold;
 color: #72644a;
}
input.submit {
 background-color: #006ea5;
 color: #ffffff;
 border: solid 2px #a0a0a0;
 padding: 0 2px;
 font-weight: bold;
 font-family: Tahoma, sans-serif;
}
input.submit:hover { background-color: #b0becd; color: #000000; }

#leftcol input.searchphrase { width: 136px; }
.contentpanel input.searchphrase { width: 200px; }

select { border: solid 1px black; }
option { padding-right: 10px; }

