/* joshuaink 3 column format */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
  font-size: 80%;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* end of resets */

body,html {
  margin:0;
  padding:0;
  background:#04166E;
  color:#333;
  font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
}
body {
  min-width:960px;
  line-height: 125%;
}
/* styles for the you-are-here markers on top menu, blog and non-blog*/
body#swmoproperty a#topnavhome,
body#propertysearch a#topnavsearch,
body#real-estate-search a#topnavsearch,
body#customsearch a#topnavsearch,
body#otherboards a#topnavsearch,
body#localinfo a#topnavlocal, 
body#aurora-missouri a#topnavlocal,
body#miller-missouri a#topnavlocal,
body#monett-missouri a#topnavlocal,
body#mtvernon-missouri a#topnavlocal,
body#springfield-missouri a#topnavlocal,
body#verona-missouri a#topnavlocal,
body#southwest-mo-maps a#topnavlocal,
body#southwest-mo-restaurants a#topnavlocal,
body#southwest-mo-shopping a#topnavlocal,
body#blog a#topnavblog {
  text-decoration:underline; 
}

/* styles for the you-are-here markers on the side menu, non-blog */
body#aurora-missouri a#menuaurora,
body#miller-missouri a#menumiller,
body#monett-missouri a#menumonett,
body#mtvernon-missouri a#menumtvernon,
body#springfield-missouri a#menuspringfield,
body#verona-missouri a#menuverona,
body#southwest-mo-maps a#menumaps,
body#southwest-mo-restaurants a#menurestaurants,
body#southwest-mo-shopping a#menushopping,
body#springfield-mo-search a#menusprmls,
body#customsearch a#menucustomsearch,
body#otherboards a#menuotherboards
 {
  background-color: #CFD3E9;
  color: #04166E;
  font-weight: bold;
}
/* layout items common to all pages */
/* header */
#header {
	float:left;
	width:100%;
	height: 115px;
      position: relative;
	background-color: #051B8A;				 	
	background-repeat: no-repeat;					
	background-position: left;
	background-image: url('../images/bannerwhite.gif');
}

/* top navigation */
#navbar {
	position: relative;
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
	background-color:#28CF08;
	border-bottom: 0px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 0px solid #fff;
}	

#navbar li {
	list-style: none;
	float: left;
	color: #fff;
}

#navbar li a {
	display: block;
	padding: 7px 8px 6px 8px;
	text-transform: uppercase;
	text-decoration: none; 
	border-right: 1px solid #fff;
	color: #fff;
	background-color: #28CF08;
	font-weight: bold; 
	width: auto;
}

#navbar li.last a {
	border-right: none;
}
#navbar li a:link {
	color: #fff;
}
#navbar li a:visited {
	color: #fff;
}
#navbar li a:hover, #navbar li a:active {
	text-decoration: underline;
} 
/* footer */
#footer {
	clear:both;
	font-size: 80%;
	background:#EEE8AA;     		
	border-top: 5px solid #fff; 	 
	border-bottom: 2px solid #051B8A;
	text-align: center;			
	padding: 5px 0 5px 0;
}

#footerlinks li {
  display: inline;
  padding: 5px;
}	
#footerlinks li a {
  color: #333;
}
#footerlinks li a:hover, #footerlinks li a:visited {
  color:  blue;
}


/* layout of homepage */
#homewrap {
  width:960px;
  margin:0 auto;
  text-align:left;
  background:#fff; 
}

/* topcontent contains homepage introductory text and contact box */
#topcontent {
  width:100%;

}
/* maintext is the intro text section within topcontent currently at the top left of the home page */
#maintext {
  float: left;
  width: 58%;
  margin: 30px 30px 10px 30px;
  display: inline;  /* for IE6 margin bug */
}

/* contact information box on home page */
#contactboxhome {
  float:right;
  width: 32%;
  margin: 30px 30px 0 0;  
  padding-bottom: 15px;
  border: 2px solid #D1D1D1;
  background-color: #CFD3E9;
  
	
}

/* home page lower content boxes */

#boxholder { /* a div to hold and place the boxes */
  clear: both;
  width:  90%;
  height: 325px;
  max-height: 350px;
  overflow: hidden;
  float: left;
  margin: 10px 0 0 30px;
  padding-bottom: 10px;
}

.one, .two, .three {
  width: 260px;
  border-top: 4px solid #D1D1D1;
}

.three {
  float:right;
}
.one, .two {
  float: left;
  margin-right: 20px;
}

.two, .three {
  margin-left: 20px;
}

/* layout of subpages */
#subpagewrap {
  width:960px; 
  margin:0 auto;
  text-align:left;
  background-color:#fff; 
}
/* includes local images, ataglance box and the general text section */
#subpagemain {
  display:inline;  /* should fix IE6 float problems */
  width:70%; 
  float:right;
  padding:0px 30px;
  background:#fff;
  margin: 30px 0 20px 0px;
  border-left: 1px solid #D1D1D1;	
}
#details {

}
/* subpage main text */
#textarea {

}
/* local images that are across the top of town pages */
#localimagebox {
  width: 425px;
  margin-bottom: 10px;
  float:left;
}
#img1 {
  float:left;
}
#img2 {
  float:right;
}
/* "at a glance" box inside text area of local info pages */
.box2 {
  background-color: #E7E9F4;
  border: 1px solid #3749A1;
  padding: 3px 10px 13px 10px;
  margin-left: 10px;
  width: 210px;
  float: right;
}

/* tabular town info in the "at a glance" box */
table.ataglance {
  font-size: 90%;
  width: 95%;
}
table.ataglance .col1 {
  padding-left: 3px;
}

table.ataglance .col2 {
  text-align: right;
}
table.last {
  margin-bottom: 10px;
}

/* Sidebar area currently on the left of subpages */
#side2 {       
	float: left;
	width:20%; 
	background: #fff;
	margin: 30px 0;
	padding: 0 0 30px 18px;
}
/* side menu, style the div box that menu items sit in */
#sidemenu {
	width: 100%;
	float:left;
      display: inline;  /* for IE6 margin bug */
	padding: 0;
	margin: 0 0 20px 0;	
	background-color: #fff;
	color: #fff;
}
/* Sidebar placemarker text, reiterates the main section title from top nav, but is not a link */
.placemarker {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.placemarker p{
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 7px 0px 7px 10px;  
  color: #333;
  border-top: 4px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
}

/* Side menu first level items, non-blog pages...home, property search, etc. */
/* Based on listaparts taming lists and maxdesign's test11 */
#sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	width:100%;
}
#sidemenu h3 {
	padding: 5px 0 5px 10px;  
	background-color: #3749A1;
	color: white;
}
#sidemenu li{
	margin: 0;
	padding: 0;
	background-color: #E7E9F4;
	color: #04166E;
}
#sidemenu li.last {
	border-bottom: none;

}
#sidemenu li a{
	display: block;
	font-size: 90%;
	margin: 0;
	padding: 5px 0 5px 2em;   
	border-bottom: 1px solid #fff;
	color: #051B8A;
	text-decoration: none;
}
#sidemenu li a:hover, #sidemenu li a:active {
	background-color: #CFD3E9;
	font-weight: bold;
	color: #04166E;
}	


/* h styles */

h1 {
	font-size: 175%;
	font-weight: bold;
	padding: 0;
}

#subpagemain h1 {
	text-align: left;
	padding-bottom: 1em;
}

#details h1 {
	text-align: center;
	padding: .5em 0;
	display: block;
	background-color: #E7E9F4;
	color: #3749A1;
	border-bottom: 2px solid #3749A1;
	border-top: 2px solid #3749A1;
	margin-bottom: .5em;
}
#sitemap h1 {
	text-align: center;
	margin-top: 1em;
}

/* this header class is for the Springfield MLS page.  For some reason the iframe won't take a bottom margin.  */
.topmargin {
	margin-top: 20px;
}

h2 {
	display: block;
	border-bottom: 1px solid #D1D1D1;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0px 5px 1px;
	text-transform: uppercase;
      margin-bottom: 10px;
}
.box2 h2 {
      padding: 5px 0 3px 0;
      margin-bottom: 4px;
      margin-top: 7px;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
      margin: 0;
}
.box2 h3 {
      padding-top:5px;
}
h4 {
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	padding: 0 0 0 0px;
      margin: 0;

}

/* blog header styles */
#blog h1 {
	text-align: center;
	font-size: 175%;
	padding: 0 0 .25em 0;
	
}
#blog h2 {
	display: block;
	font-size: 125%;
	font-weight: bold;
	padding: 0 0 .5em 0;
	margin: 0;
	border: none;
	text-transform: none;
	color: #051B8A;
}
#blog h2.pagetitle
 {
	text-align: center;
}
#blog h2 a, .blog h2 a:visited {
	color: black;
	}
#blog h2 a:hover {
	text-decoration: underline;
	}

#blog h3 a, .blog h3 a:visited {
	text-decoration: none;
	}

#blog h3 a:hover  {
	text-decoration: underline;
}

#blog h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
#blog h6 {
	text-align: center;
	padding-bottom: 1em;
	font-size: 125%;
	
}
/* paragraph styles */
p {
	margin: 0 0 1em 0;
}

#maintext p {
	padding: 0px 10px 0 0px;
}

#subpagemain p {
	padding: 0 20px 0 0px;
}
#boxholder p {
	padding: 0;
}

#footer p {
	line-height: 115%;
	margin: 2px 0 0 0;
	padding: 0px;
}
.center {
	text-align: center;
      
}

.bold {
	font-weight: bold;
}

.indent {
      margin-left: 10px;
}
.small {
	font-size: 70%;
      margin: 0;
	line-height: 100%;
}

/* personal photo and contact info in contactbox*/
#personalinfo {
	float:left;
	width:100%;
}

#personalinfo p{
	margin: 0; 
	text-align: center;
	color: #333;
	font-size: 120%;
	font-weight: bold;	
	padding-bottom: 5px;
}
#myphoto {
	display: inline;  /* for IE6 margin bug */
	float: right;
	margin: 20px 20px 10px 0px;
}
#uclogo {
	display: block;
	float:left;
	margin-bottom: 10px;
	margin-top: 30px;
	padding-left: 10px;
}



/* image styles */

/* header image collage */
#header3pics {
	float: right;
	width: 510px;
}

/* main image in home page text */
#featureimage {
	float: right;
	width: 200px;
	margin: 0 15px 0px 30px;
}

/* featured property photo, home page */
#listingpic {
	display: block;
	margin: 0 auto;
	padding: 0;
	margin-top: 2px;
	margin-bottom: 10px;
	border: 2px solid #D1D1D1;
}

/* for the Springfield MLS iframe only */
#subpagemain iframe {
	margin: 0;
}

iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* for lists in text */
ul.square {
	list-style-type: square;
	margin: 0 0 1.25em 6em;
}
ul.squarelessindent {
	list-style-type: square;
	margin: 0 0 1.25em 4em;
}
ul.squarelessindent li {
	padding-right: 50px;
}

ul.circle {
	list-style-type: circle;
	margin: 0 0 0 3em;
}




/* for all links not otherwise colored*/

a:link {
      color: blue;
}
a:visited {
	color: purple;
}
a:hover, a:active {
	color: red;
}


/* custom property search form styling, used on main site's customsearch page only */

form.customsearch fieldset {
	border: 2px solid #051B8A;
	padding: 10px;
	margin: 20px;
}
form.customsearch legend {
	padding: 0 2px 0 2px;
	font-weight: bold;
	font-size:90%;

}
#formcol1 {
	width:48%;
	float:left;
}

#formcol2 {
	width:48%;
	float:left;
}
form.customsearch label {
	font-size: 90%;
}
form.customsearch p {
	font-size: 100%;
}
form.customsearch label.singlecol {
	display: block;
	width: 210px;
	float: left;
}

form.customsearch label.formleftcol {
	display: block;
	width: 115px;
	float: left;
}
form.customsearch label.formrightcol {
	display: block;
	width: 85px;
	float: left;
}
form.customsearch .submitarea {
	padding:5px;
	text-align:center;
}
form.customsearch .submitarea input{
	padding:5px;

}

/* vertical line between the mainpage feature boxes */
.vr { 
  float:left;
  width:1;
  height:250px;
  border-right: 1px dotted #9E9E9E;
}

/* button in instant search box on main page */
#btnholder {
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
}
#btn {
  width: 7em;
  display: block;
  margin-left: 70px;
  background-color: #B7BEDD;
}
#btn a{
  height: 100%;
  width: 100%;
  display: block;
  text-align: center;   
  background-color:#B7BEDD;
  border-top: 2px solid #CFD3E9; 
  border-right: 2px solid #04166E; 
  border-bottom: 2px solid #04166E; 
  border-left: 2px solid #CFD3E9; 
  padding:5px 15px 5px 15px;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  color:#04166E;  
}

#btn a:hover { 
  border-top: 2px solid #051B8A; 
  border-right: 2px solid #CFD3E9; 
  border-bottom: 2px solid #CFD3E9; 
  border-left: 2px solid #051B8A;

}
#readmore {
  float: right;
  padding-right: 5px;
}