body {
	font: 100% Arial, Helvetica, sans-serif #000;
 	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
	color: #000;
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #ADABAC;
}

html { overflow: -moz-scrollbars-vertical !important; }

a:link {
	color: #DB0029;
}
a:visited {
	color: #DB0029;
}
a:hover {
	color: #333333;
}
a:active {
	color: #DB0029;
}
img {
	border: 0;
	}
p {
	font-size: 12px;
	line-height: 18px;
	margin: 1.2em 0em 1.2em 0em;
	}
ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	font-size: 20px;
	font-weight: normal;
	color: #333;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
}
.toptext {
	font-size: 11px;
	color: #000;
	margin: 0;
	}

/* PAGE LAYOUT */

#container { 
	width: 992px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#logo {
	width: 190px;
	height: 128px;
	border-bottom: 1px solid #FFF;
	float: left;
}
#header {
	width: 794px;
	height: 128px;
	border-bottom: 1px solid #FFF;
	float: right;
	}
#topNav {
	width: 774px;
	height: 23px;
	background-image: url(../images/top_nav_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding: 0 10px 0 10px;
	}
#topNav .red {
	color: #DB0029;
	}
#topNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#666666;
	text-decoration: none;
}
#topNav a:hover {
	color:#DB0029;
	text-decoration: underline;
}
#nav {
	margin: 0;
	padding: 0;
}
#nav ul {
	margin: 0;
	padding: 0;
	z-index: 16777271;
	position: relative;
}
#nav, #nav ul {
	padding: 0;
	list-style: none; 
	background-color: #DB0029;
}
#nav a {
	display: block;
	width: 123px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#FFF;
	text-decoration: none;
	text-align: center;
	padding: 0;
	background-color: #A7A7A7;
}

#nav a:hover {
	color:#FFF;
	background-color: #DB0029;
}

#nav li {
	float: left;
	width: 123px;
}
#nav li ul {
	position: absolute;
	width: 123px;
	left: -999em;
}
#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul ul {
	margin: -27px 0 0 123px;
}
#nav li:hover, #nav li.hover {
    position:static;
    }
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#nav .topLevel, #nav .topLevelHome, #nav .topLevelServices {
	width: 123px;
	padding: 7px 0 6px 0;
	color:#FFFFFF; 
	font-size:12px;
	text-align:center;
	background-image: url(../images/menu_back.jpg);
}
#nav .topLevel:hover {
	color:#FFFFFF;
	background-image: url(../images/menu_back_over.jpg);
}
#nav .topLevelHome:hover {
	color:#FFFFFF;
	background-image: url(../images/menu_back_home_over.jpg);
}
#nav .topLevelServices:hover {
	color:#FFFFFF;
	background-image: url(../images/menu_back_services_over.jpg);
}
#nav .topLevelSelected {
	color:#FFFFFF; 
	background-image:url(../images/menu_hover_bg.jpg);
	font-size:12px;
}
#nav .topLevelSelected:hover {
	background-image:url(../images/menu_hover_bg.jpg);
}
#nav .secondLevel { 
	width: 117px;
	padding: 7px 3px 6px 3px;
	line-height: 14px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin-left: -1px;
	color: #000;
}
#nav .secondLevel:hover {
	color: #FFF;
}
#navBottom {
    width: 984px;
	height: 5px;
	background-image:url(../images/nav_bottom_trim.gif);
	background-repeat: repeat-x;
}
#mainHome { 
	margin: 0; 
	padding: 12px 16px; 
	width: 952px;
	background-color: #FFF;
	background-image: url(../images/home_main_bg.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#mainHome a { 
	color: #FFF;
}
#mainSubpage { 
	margin: 0; 
	padding: 12px 16px; 
	width: 952px;
	background-color: #FFF;
	background-image: url(../images/home_main_bg.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#mainListings { 
	margin: 0; 
	padding: 12px 16px; 
	width: 952px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#searchProperties { 
  display: block;
  width: 265px;
  height: 69px;
  background: url("../images/button_search_properties2.jpg") no-repeat 0 0;
  margin: 0 0 14px 0;
}
#searchOpenHouses { 
  display: block;
  width: 265px;
  height: 69px;
  background: url("../images/button_search_open_houses.jpg") no-repeat 0 0;
  margin: 0 0 14px 0;
}
#searchNewConstruction { 
  display: block;
  width: 265px;
  height: 69px;
  background: url("../images/button_search_new_construction.jpg") no-repeat 0 0;
  margin: 0 0 14px 0;
}
#searchGoldStarHomes { 
  display: block;
  width: 265px;
  height: 69px;
  background: url("../images/button_search_gold_star_homes.jpg") no-repeat 0 0;
}
#searchProperties:hover, #searchOpenHouses:hover, #searchNewConstruction:hover, #searchGoldStarHomes:hover { 
  background-position: 0 -69px;
}
#searchProperties span, #searchOpenHouses span, #searchNewConstruction span, #searchGoldStarHomes span {
  display: none;
}
#searchNewConstructionRed { 
  display: block;
  width: 240px;
  height: 39px;
  background: url("../images/search_new_construction.gif") no-repeat 0 0;
}
#searchGoldStarHomesRed { 
  display: block;
  width: 240px;
  height: 39px;
  background: url("../images/search_gold_star_homes.gif") no-repeat 0 0;
}
#searchNewConstructionRed:hover, #searchGoldStarHomesRed:hover { 
  background-position: 0 -39px;
}
#searchNewConstructionRed span, #searchGoldStarHomesRed span {
  display: none;
}
#picsDowntown { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_downtown.jpg") no-repeat 0 0;
}
#picsParks { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_parks.jpg") no-repeat 0 0;
}
#picsAquatic { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_aquatic.jpg") no-repeat 0 0;
}
#picsArts { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_arts.jpg") no-repeat 0 0;
}
#picsKU { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_ku.jpg") no-repeat 0 0;
}
#picsBaker { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_baker.jpg") no-repeat 0 0;
}
#picsHaskell { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_haskell.jpg") no-repeat 0 0;
}
#servicesResidential { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_residential.jpg") no-repeat 0 0;
}
#servicesCommercial { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_commercial.jpg") no-repeat 0 0;
}
#servicesRelocation { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_relocation.jpg") no-repeat 0 0;
}
#servicesMortgage { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_mortgages.jpg") no-repeat 0 0;
}
#servicesTitle { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_title.jpg") no-repeat 0 0;
}
#servicesHomeowners { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_homeowners.jpg") no-repeat 0 0;
}
#servicesAuction { 
  display: block;
  width: 170px;
  height: 110px;
  background: url("../images/button_auction.jpg") no-repeat 0 0;
}
#picsDowntown:hover, #picsParks:hover, #picsAquatic:hover, #picsArts:hover, #picsKU:hover, #picsBaker:hover, #picsHaskell:hover, #servicesResidential:hover, #servicesCommercial:hover, #servicesRelocation:hover, #servicesMortgage:hover, #servicesTitle:hover, #servicesHomeowners:hover, #servicesAuction:hover { 
  background-position: 0 -110px;
}
#picsDowntown span, #picsParks span, #picsAquatic span, #picsArts span, #picsKU span, #picsBaker span, #picsHaskell span, #servicesResidential span, #servicesCommercial span, #servicesRelocation span, #servicesMortgage span, #servicesTitle span, #servicesHomeowners span, #servicesAuction span {
  display: none;
}
#viewBuilders { 
  display: block;
  width: 240px;
  height: 160px;
  background: url("../images/button_view_builders2.jpg") no-repeat 0 0;
}
#viewNeighborhoods { 
  display: block;
  width: 240px;
  height: 160px;
  background: url("../images/button_view_new_neighborhoods2.jpg") no-repeat 0 0;
}
#viewBuilders:hover, #viewNeighborhoods:hover { 
  background-position: 0 -160px;
}
#viewBuilders span, #viewNeighborhoods span {
  display: none;
}
#goldHome {
	width: 390px;
	text-align: center;
	padding: 0 16px;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.goldSlideShow {
	width: 390px;
	height: 293px;
	background-color: #FFFFFF;
}
#rightHomeTop {
	width: 265px;
	height: 7px;
	background-image: url(../images/right_home_top_bg.gif);
	}
#rightHome {
	width: 224px;
	height: 278px;
	padding: 13px 20px;
	background-color: #3C3B39;
	color: #999999;
	line-height: 18px;
	}
#rightHomeBottom {
	width: 265px;
	height: 7px;
	background-image: url(../images/right_home_bottom_bg.gif);
	}
#sidebar1 {
	padding: 10px 5px 20px 0;
}
#sidebar1 ul {
  	list-style-type:none;
	padding: 10px 0 0 0;
	margin:0px;
}
#sidebar1 li {
	line-height: 14px;
	width: 140px;
	margin: 0 0 12px 0;
	background-image: url(../images/left_menu_bullet_graphic.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-top: 4px;
	padding-left: 12px; 
}
#sidebar1 a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #DB0029;
}
#sidebar1 a:hover {
	color: #333;
	text-decoration: underline;
}
#subMain {
	border: 1px solid #CCC;
	width: 739px;
	height: 318px;
	overflow: auto;
	padding: 20px;
}
#subMain .pageSection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #DB0029;
}
#subMain .pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666666;
}
#subListings {
	border: 1px solid #CCC;
	width: 912px;
	height: 318px;
	overflow: auto;
	padding: 20px;
}
.privacy {
	font-size: 10px;
	}
.privacy a {
	color: #000066;
	}
.headline { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
}
.textbox1 {
	height: 15px;
	width: 130px;
	margin-top: 1px;
	margin-bottom: 5px;
	background: #FFF;
	color: #000;
	left: 0;
	border: none;
	top: 0;
}
.textbox2 {
	height: 15px;
	width: 272px;
	margin-top: 1px;
	margin-bottom: 5px;
	background: #FFF;
	color: #000;
	left: 0;
	border: none;
	top: 0;
}
.textbox3 {
	height: 70px;
	width: 272px;
	margin-top: 1px;
	margin-bottom: 5px;
	background: #FFF;
	color: #000;
	left: 0;
	border: none;
	top: 0;
}
.photo { 
	margin: 0;
	padding: 0 0 10px 10px; 
	border: 0;
}
.title { 
	margin: 0;
	padding: 0 0 7px 0; 
	border: 0;
}
.subhead {
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
}
.subheadGrey {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}
.subheadGrey a {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.subheadGrey a:hover {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.subheadGreyLarge {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-size: 24px;
	font-weight: bold;
}
.subheadRed{
	color: #DB0029;
	font-size: 14px;
	font-weight: bold;
}
.subheadRedStats{
	color: #DB0029;
	font-size: 18px;
	font-weight: bold;
}
.subheadStats {
	font-size: 24px;
	font-weight: bold;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
}
.subheadSchools {
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
}
.photo-pad {
margin-left:15px; 
margin-bottom:15px;
}
.photo-pad-left {
margin-right:15px; 
margin-bottom:15px;
}
.photo-pad-outline {
margin-left:15px; 
margin-bottom:15px;
padding: 4px;
border: 1px solid #CCCCCC;
}
.photo-pad-outline-left {
margin-right:15px; 
margin-bottom:15px;
padding: 4px;
border: 1px solid #CCCCCC;
}
.tableFormat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
.tableText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
	border-bottom: 1px solid #CCC;
	}
.tableText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
.tableSchool {
	border: 10px solid #EEEEEE;
	}
.backToTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
.floor-plan-outline {
padding: 10px;
border: 1px solid #CCCCCC;
}
.indent {
margin-left: 15px;
}
#checklist {
	padding: 0;
}
#checklist ul {
  	list-style-type:none;
	padding: 0;
	margin: 0;
}
#checklist li {
	line-height: 14px;
	width: 500px;
	margin: 0 0 5px 0;
	background-image: url(../images/bullet_checkmark.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-top: 4px;
	padding-left: 16px; 
}
#staff {
	padding: 0;
}
#staff ul {
	padding: 0;
	margin: 5px 0 0 0;
}
#staff li {
	margin: 0 0 0 15px;
	padding-top: 4px;
	padding-left: 5px; 
}
.extraSpace {
line-height: 20px;
}
.doubleSpace {
line-height: 30px;
}
.floatRight {
float: right;
padding: 15px 0 15px 15px;
}
.greyText {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
}
.captionText {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Old Code */
#sidebar {
	color: #000000;
	text-align: center;
	width: 200px;
	}

#sidebar select {
	font: 9px arial;
	}
#greysearch {
	background-color: #D2D2D2;
	color: #000000;
	padding: 10px;
	}
.bold {
	font-size: medium;
	font-weight: bold;
	}
#content {
	background-color: #FFFFFF;
	width: 500px;
	overflow: hidden;
	}
#article {
	background-color: #FFFFFF;
	padding: 20px;
	width: 100%;
	}
.small {
	font-size: 9px;
}

/* IDX Code
----------------------------------------------- */

.IDX-galleryHeader {
line-height:28px; 
color:#DB0029;
}
#IDX-slideshow { 
padding: 0;
margin: 0;
}
#IDX-addressLine { /* delete this if not using IDX slideshow */
display:none;
line-height: 1px;
}
#IDX-cszLine { /* delete this if not using IDX slideshow */
display:none;
line-height: 1px;
}
#IDX-priceLine { /* delete this if not using IDX slideshow */
display:none;
line-height: 1px;
}
#IDX-detailsAgentInfo {
padding: 15px;
}
.IDX-detailsSectionTitle {
line-height:40px; 
padding: 20px 0 0 0;
margin: 0;
}
.IDX-bioPhoto {
text-align: right;
}
.IDX-bioText {
padding: 10px 0 0 0;
}
.IDX-bioDetails {
padding-top: 10px;
}

/* Footer
----------------------------------------------- */
#footerTop {
    width: 984px;
	height: 6px;
	background-image:url(../images/footer_top_trim.gif);
	background-repeat: repeat-x;
}
#footer {
  	width:952px;
  	margin:0 auto;
 	padding: 9px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	color: #666666;
  	background-color: #FFF;
  }
#footer a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #DB0029;
}
#footer .email {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	color: #666666;
	}
#footer a:hover {
	text-decoration: underline;
	color: #666666;
}
#footerMenu {
	width: 485px;
	padding: 3px 20px 0 20px;
	text-align: right;
}
#footerBottom {
	width: 992px;
	height: 11px;
	background-image: url(../images/footer_bottom.gif);
}
