/* Copyright © 2009 Graphic Connection, Author David Vancura, all rights reserved */

/* structure */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
	}

body  {
	font-size:100%;
	line-height:1.125em;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #5C2005;
	}
	
#print_coupon body
	{
	background-color: #FFF;
	}
	

	
#container {
	width: 826px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:25px 0 0 0;
	text-align: left;
	} 


#header {position:relative;
	} 
	
#header_slice{
	z-index: 200;
	position:relative;
	}
	
	
#flash_header{
	z-index: 100;
	position:absolute;
	margin-top:-210px;
	margin-left:12px;
				  }
	
#left_slice {
	width: 15px; /* since this element is floated, a width must be given */
	background:url(../images/slices/left_slice.png);
	float: left;
	height: 327px;
	}
	
#right_slice {
	float: right; /* since this element is floated, a width must be given */
	width: 31px;
	height: 327px;
	background:url(../images/slices/right_slice.png);
	}
	
#center_div {
	padding:20px 20px 0px 20px;
	overflow: auto;
	height: 307px;
	background:#FFF url(../images/slices/center_shadow.gif) repeat-x top;
	} 
	
	
	
#footer {
	height: 63px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background:url(../images/slices/footer_slice.png) no-repeat;
	}
	
#footer p {
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.65em;
	color: #7E504C;
	text-align: center;
	line-height: 1.75em;
	padding-top: 2em;
	}
	
#footer a {
	color: #7E504C;
	}
	
#footer a:hover {
	color: #FFF;
	}


/* top tab nav */

	
a, :focus, img {
			 outline: none; /* kills iritating dotted border in Firefox */
			 border-style: none;  /* kills the border around linked images (CSS / XHTML code verification) */
			 text-decoration:none;
			}

ol, ul {
		list-style: none;
		}

		
ul#tab_nav {
	position:absolute;
	background-image: url(../images/navigation_header.png);
	z-index: 1800;
	margin-top: -44px;
	margin-left:34px;
	
		}


ul#tab_nav li {
		float:left;
		list-style-type:none;
		}
		
ul#tab_nav li a {
	height:30px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	outline:none;
		}

li#nav_home a,
li#nav_about a,
li#nav_services a,
li#nav_contact a
	{
	background:url(../images/navigation_header.png);
	}

li#nav_home a 						{ background-position:0px 0px; width:100px; left:0px}
li#nav_home a:hover					{ background-position:0px -30px; margin-top: -2px}
li#nav_home a:visited				{ background-position:0px 0px}
body#home a#active_home 			{ background-position:0px -60px}


li#nav_about a 						{ background-position:-100px 0px; width:100px; left:102px}
li#nav_about a:hover				{ background-position:-100px -30px; margin-top: -2px}
li#nav_about a:visited				{ background-position:-100px 0px}
body#about a#active_about 			{ background-position:-100px -60px}

li#nav_services a 					{ background-position:-200px 0; width:100px; left:204px}
li#nav_services a:hover				{ background-position:-200px -30px; margin-top: -2px}
li#nav_services a:visited			{ background-position:-200px 0px }
body#services a#active_services			{ background-position:-200px -60px}

li#nav_contact a 					{ background-position:-300px 0; width:100px; left:306px }
li#nav_contact a:hover				{ background-position:-300px -30px; margin-top: -2px}
li#nav_contact a:visited			{ background-position:-300px 0px }
body#contact a#active_contact				{ background-position:-300px -60px}
	


img.center 
	{
	display:block;
	margin:0 auto;
	clear: both;
	}
	
	
.credit_icons
	{
	display:block;
	margin:0 auto;
	clear: both;
	padding-top:12px;
	}
	
	/* common styles */

#center_div p {
	word-spacing: 0.05em;
	text-indent: 1em;
	padding-bottom: 0.8em;
	padding-top: 0.3em;
	font-size: 0.8em;
	line-height: 1.4em;
	letter-spacing: 0.03em;
	}
	
h1, h2, h3, h4, h5 
	{
	text-align: center;
	font-weight: bold;
	clear: left;
	}
		
		
h1 {
	font-size: 1.2em;
	padding-bottom: 0.7em;
	}
	
		
h2 {
	font-size: 1.1em;
	padding-bottom: 0.7em;
	}
	
		
h3 {
	font-size: 1em;
	padding-bottom: 0.7em;
	}
		
h4 {
	padding-bottom: 0.4em;
	font-size: 0.7em;
	text-align: center;
		}
		
h5 {
	word-spacing: 0.05em;
	text-indent: 1em;
	padding-bottom: 0.8em;
	padding-top: 0.3em;
	font-size: 0.7em;
	line-height: 1.4em;
	letter-spacing: 0.03em;
	text-align: center;
	font-weight: normal;
		}
		
#center_div p {
	word-spacing: 0.05em;
	text-indent: 1em;
	padding-bottom: 0.8em;
	padding-top: 0.3em;
	font-size: 0.8em;
	line-height: 1.4em;
	letter-spacing: 0.03em;
	}
	
		
	
		
			
.subhead 
	{
	margin-top: -1.0em;
	font-size: 75%;
	font-weight: normal;
	}
		

		
#bottom_navs h3 
	{
	color: #888;
	}
	
		
.bold {
	font-weight: bold;
	letter-spacing: 0.1em;
	   }
	   
.not_bold {
	font-weight: normal;
	   }
	   
.italic {
	font-style: italic;
	   }
	   
.underline {
	text-decoration: underline;
	   }
	   
.red_text {
	color: #F00;
	}
	
#indented_p 
	{
	padding-left:60px;
	margin-top:-120px
	}
	
.float_right
	{float: right;
	}
	
.float_left
	{float: left;
	}
	
.ol_1_column, 
.ol_2_column, 
.ol_wide
	{
	font-size: 0.85em;
	list-style-position: outside;
	list-style-type: square;
	}
	
li.ol_last {
	padding-bottom: 1.5em;
	}
	
.ol_1_column {
	padding-left: 22em;
	line-height: 1.4em;
	padding-bottom: 0.75em;
	padding-top: 0.5em;
	}
	
.ol_2_column {
	padding-left: 12em;
	line-height: 1.8em;
	margin-right:-2em;
	float: left;
	padding-right: 4em;
	padding-bottom: 2em;
	}
	
.ol_wide {
	padding-left: 5em;
	line-height: 1.5em;
	padding-bottom: 0.75em;
	padding-top: 0em;
	margin-top: -0.5em;
	}
	
.ol_wide li {
	padding-top: 0.8em;
	}
	
.bbb_logo
	{
	float: right;
	padding-left:20px;
	padding-top:25px;
	}
	
	
.associations
	{
	padding-right:20px;
	padding-top:25px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	}

	
	
#animated_button a 
	{
	position: absolute;
	top: 182px;
	right: 175px;
	z-index: 800;
	}
	

.about_pic
	{
	float: right;
	padding-left:20px;
	padding-top:10px;
	}


#op_map, #merriam_map, #olathe_map
		{
	display: block;
	margin-right: 200px;
	margin-left: 200px;
		}


#seo_text 
	{
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 18px;
	padding-top: 1.3em;
	}
	
#seo_text p
	{
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.5em;
	color: #7E504C;
	text-align: center;
	line-height: 1.75em;
	}
	
#auction_ad 
		{
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
		}