body
{
font-family: arial, verdana, sans-serif;
background-color: white;
margin-left: auto;
margin-right: auto;
}

#sitemap
{
width: 85%;
height: 20px;
text-align: right;
margin-left: auto;
margin-right: auto;
font-size: 80%;
}

#topper
{
width: 100%; padding: 0px;
margin-left: auto;
margin-right: auto;
background-color: white;
text-align: center;
}

.horiznav
{
width: 100%; 
padding: 0px; 
background-color: #5659d2;
background-image: url('images/graphics/bluebg.jpg');
height: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
border: 1px solid black;
}

.navtext
{
font-size: 95%;
margin-top: 5px;
color: white;
}

#maintable
{
width: 95%;
background-color: white;
margin-left: auto;
margin-right: auto;
}

.optiontables
{
width: 225px;
height: 176px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

.optiontab
{
height: 20px;
width: 225px;
background-image: url('images/graphics/bluetab.gif');
background-repeat: no-repeat;
text-align: center;
padding: 0px;
font-weight: bold;
}

.optionbody
{
height: 158px;
width: 225px;
padding: 0px;
text-align: center;
}

#optioncontainer
{
width: 90%;
padding: 5px;
margin-left: auto;
margin-right: auto;
}

.optioncola
{
width: 228px;
text-align: center;
vertical-align: top;
padding: 15px;
}

.optoincolb
{
width: auto;
vertical-align: top;
padding: 5px;
border: 1px solid black;
}

.optioncoltext
{
width: 225px;
text-align: left;
font-size: 80%;
}

#centeringdiv
{
width: 80%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.threeclayout
{
width: 95%;
padding: 12px;
text-align: left;
}

.threeclayoutleft
{
width: 33%;
vertical-align: top;
}

.threeclayoutmiddle
{
width: 34%;
vertical-align: top;
}

.threeclayoutright
{
width: 33%;
vertical-align: top;
}


a.yellow:link, a.yellow:visited
{
color: white;
font-family: arial, verdana, sans-serif;
font-weight: normal;
text-decoration: none;
}

a.yellow:focus, a.yellow:hover, a.yellow:active
{
color: yellow;
font-family: arial, verdana, sans-serif;
text-decoration: underline;
}

a:link, a:visited
{
color: blue;
font-family: arial, verdana, sans-serif;
text-decoration: underline;
}

a:focus, a:hover, a:active
{
color: blue;
font-family: arial, verdana, sans-serif;
font-weight: normal;
text-decoration: underline;
}

a.tablink:link, a.tablink:visited
{
color: black;
font-family: arial, verdana, sans-serif;
text-decoration: none;
font-weight: bold;
}

a.tablink:focus, a.tablink:hover, a.tablink:active
{
color: black;
font-family: arial, verdana, sans-serif;
font-weight: bold;
text-decoration: underline;
}



h1
{
font-size: 175%;
font-family: times, serif;
color: #686868;
text-align: center;
}

h2
{
font-family: arial, verdana, sans-serif;
font-size: 125%;
font-weight: bold;
color: #686868; 
}

h3
{
font-family: arial, verdana, sans-serif;
font-size: 115%;
font-weight: bold;
color: #686868;
}

p
{
font-family: arial, verdana, sans-serif;
font-size: 100%;
color: black;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.25em;
margin-right: 0.25em;
}


p.imp
{
font-family: arial, verdana, sans-serif;
font-size: 70%;
color: black;
}

p.smemp
{
font-family: arial, verdana, sans-serif;
font-size: 80%;
font-weight: bold;
margin-left: 70px;
margin-right: 70px;
}

.liststyle ul
{
font-family: arial, verdana, sans-serif;
list-style-type: square;
margin: 0;
padding: 0;
text-align: left;
}

.liststyle li
{
padding: 0;
list-style-type: square;
font-size: 85%;
}

.listingslayout
{
width: 100%;
padding: 5px;
}

.listingslayouta
{
width: 20%;
border: 1px solid black;
font-size: 90%;
background-image: url('images/graphics/brushed.png');
background-repeat: repeat;
vertical-align: top;
}

.listingslayoutb
{
width: 80%;
border: 1px solid gray;
vertical-align: top;
}

.red
{
color: #800000;
font-weight: bold;
}

#FeaturedHome
{
width: 500px;
padding: 3px
margin: 8px;
background-color: #C0C0C0;
background-image: url('images/graphics/brushed.png');
border: 1px solid #686868;
text-align: center;
}

.featuredtd
{
border: 1px solid black;
text-align: center;
}

#OpenHousePic
{
width: 300px;
height: 300px;
background-image: url('images/graphics/openhousecartoon.jpg');
}

#Agents
{
width: 100%; 
background-color: #f2f2f2;
border: 1px solid black;
}

.agentcells
{
border: 1px solid gray;
text-align: center;
background-color: #ffffff;
vertical-align: top;
width: 25%;
}

img.agentimg
{
margin: 2px; 
border: 1px solid black;
height: 100px; 
width: 75px;
}

img.agentimgh
{
margin: 2px;
border: 1px solid black;
height: 90px;
width: 110px;
}

.agenttitle
{
padding: 5px;
border: 1px solid black;
background-color: #FFFFCC;
vertical-align: top;
}
