/* 
site:		stlouisgreen.com
styles: 	Screen
author:		Drew Myler, evolvingpage.com
*/




/* SHELL */

/* ------- globals ------- */


* {
	margin: 0;
	padding: 0;
	}

body {
	background: #c7ab7d url(../img/bg_body.jpg) left top repeat;
	text-align: center;
	font: 75%/147% arial, verdana, sans-serif;
	color: #655336;
	}

	
ul, dl, ol, li, p, blockquote, fieldset {
	padding: 0;
	margin: 0 0 1em;
	}

ul {
	margin-left: 1em;
	}
	
ul ul {
	margin-top: 1em;
	}
	
ol {
	margin-left: 2em;
	}
	
blockquote {
	line-height: 1.3em;
	padding: 0;
	margin: 0 150px 25px 20px;
	font-size: 132%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	clear: both;
	}
	
blockquote p {
	margin-bottom: .5em;
	}
	
.lower blockquote cite {
	display: block;
	font-size: 92%;
	line-height: 1.2em;
	font-style: normal;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
	}
	
h1 {
	font-size: 212%;
	margin-bottom: .6em;
	}
	
h2 {
	font-size: 142%;
	margin-bottom: .35em;
	}
	
h3 {
	font-size: 127%;
	margin-bottom: .5em;
	}
	
h4, legend {
	color: #a6844a;
	/*border-bottom: 1px solid #ece1ce;*/
	text-transform: uppercase;
	font-size: 107%;
	font-weight: bold;
	margin: 0 0 .35em;
	padding: 0;
	}
	
legend {
	margin: 0;
	padding: 0 3px;
	}
	
a {
	text-decoration: none;	
	outline: none;
	color: #4b611c;
	}
	
a:hover {
	text-decoration: underline;
	color: #4b611c;
	}
	

a img {
	border: 0;
	}
		
.alignright, .alignleft {
	float: right;
	margin: 0 0 8px 8px;
	position: relative;
	}
	
.alignleft {
	float: left;
	margin: 0 8px 8px 0;
	}
	
.aligncenter {
	display: block;
	margin: 0 auto 1.25em;
	text-align: center;
	}
	
.sized {
	width: 97%;
	}
	
label {
	font-size: 92%;
	font-weight: bold;
	}
	
/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c\learfix:after { line-height: 0; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#skipto {
	display: none;
	}


/* ------- layout ------- */

#page {
	margin: 0 auto 15px;
	text-align: left;
	background: #ece1ce;
	border: 8px solid #fff;
	padding: 20px 0;
	width: 760px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 744px;
	}
	
#sponsors {
	background: #607632 url(../img/bg_sponsors.jpg) left bottom repeat-x;
	padding: 5px 0 7px;
	}
	
	
#mastHead {
	margin: 18px 0;
	position: relative;
	}
	
#search {
	margin: 25px 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	}
		
.width {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	position: relative;
	}

#mainColumn {
	float: right;
	margin: 0 12px 0 0;
	float: right;
	margin: 0 12px 0 0;
	display: inline; /* IE6 double margin bug */
  	width: 539px;
	}

#content {
	border: 1px solid #d6bb8e;
	background: #f5eee2;
	}
	
#sideColumn {
	float: left;
	margin-left: 12px;
	display: inline; /* IE6 double margin bug */
	width: 171px;
	}
	
.gutter {
	padding: 12px;
	}
	
#footer {
	width: 760px;
	text-align: right;
	margin: 0 auto 20px;
	font-size: 97%;
	clear: both;
	}
	
	
/* ------- specifics ------- */

#sponsors .width {
	width: 728px;
	}

#sponsors ul {
	list-style: none;
	margin: 0;
	float: left;
	color: #fff;
	font-size: 82%;
	font-weight: bold;
	text-transform: uppercase;
	width: 728px;
	}
	
#sponsors li {
	margin-bottom: .25em;
	}
	
#sponsors ul li#meet {
	float: left;
	}
	
#sponsors ul li#sponsor_us {
	float: right;
	}
	
#sponsors a {
	color: #fff;
	text-decoration: underline;
	}
	
#sponsors a:hover {
	text-decoration: none;
	}

#sponsors iframe, #sponsors img {
	clear: both;
	margin: 0 auto 17px auto;
	display: block;
	}
	
img#logo {
	float: left;
	}
	
ul#nav {
	position: absolute;
	right: 0;
	bottom: 0;
	list-style: none;
	margin: 0 0 -10px;
	text-transform: uppercase;
	font-size: 97%;
	font-weight: bold;
	}
	
ul#nav li {
	float: left;
	margin: 0 40px 0 0;
	line-height: 28px;
	}
	
ul#nav li#get_listed {
	margin-right: 0;
	}
	
ul#nav li a {
	color: #fff;
	}
	
ul#nav li a:hover, ul#nav li.here a {
	color: #3e5906;
	text-decoration: none;
	}
	
ul#nav li#get_listed a {
	padding: 5px 20px;
	background: #a0ba1b;
	border: 2px solid #fff;
	}
	
ul#nav li#get_listed a:hover {
	background: #3e5906;
	color: #fff;
	}
	
#mainColumn a {
	text-decoration: underline;
	}
	
#mainColumn a:hover {
	text-decoration: none;
	}
	
#sideColumn h2#find {
	width: 63px;
	height: 14px;
	background: url("../img/find.gif") left top no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 9px;
	}
	
#sideColumn ul#snav {
	margin: 0 0 25px;
	list-style: none;
	text-transform: uppercase;
	font-size: 92%;
	}
	
#sideColumn #snav li, #sideColumn #snav li a, #sideColumn #snav li a span, #home .third h2, #home .third h2 a, #home .third h2 a span {
	width: 171px;
	display: block;
	color: #fff;
	}
		
#sideColumn #snav li {
	margin-bottom: .75em;
	}
	
#search .searchterms {
	color: #655336;
	padding: 1px 0 1px 2px;
	width: 155px;
	margin-bottom: 5px;
	font-size: 11px;
	}
	
#search input, .mid input {
	font-size: 11px;
	}
	
#search h3 {
	color: #a0ba1b;
	background: url(../img/bg_searchh3.gif) left center repeat-x;
	}
	
#search span {
	display: inline;
	background: #ece1ce;
	padding: 0 3px 0 0;
	}
	
#home .third h2 {
	font-size: 92%;
	text-transform: uppercase;
	margin-bottom: 1em;
	font-weight: bold;
	}
	
#sideColumn #snav li a, #home .third h2 a {
	background: #a0ba1b url(../img/btn_top.gif) center top no-repeat;
	}
	
#sideColumn #snav li a span, #home .third h2 a span {
	background: url(../img/btn_bottom.gif) center bottom no-repeat;
	padding: 2px 6px 3px;
	width: 171px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 159px;
	}
	
#home .third h2 a span {
	padding: 5px 6px 6px;
	}
	
#sideColumn #snav li a:hover, #sideColumn #snav li.here a, #home .third h2 a:hover {
	background: #3e5906 url(../img/btn_here_top.gif) center top no-repeat;
	text-decoration: none;
	cursor: pointer;
	}
	
#sideColumn #snav li a:hover span, #sideColumn #snav li.here a span, #home .third h2 a:hover span {
	background: url(../img/btn_here_bottom.gif) center bottom no-repeat;
	text-decoration: none;
	}
	
	
#featured {
	margin: 0 0 20px;
	}
	
#featured h3 {
	color: #a6844a;
	border-bottom: 1px solid #d6bb8e;
	text-transform: uppercase;
	font-size: 87%;
	margin-bottom: 15px;
	padding-bottom: 3px;
	}
	
#featured img {
	display: block;
	margin: 0 auto 15px;
	}
	
#sideColumn iframe {
	margin: 10px auto 25px;
	display: block;
	}

	
.action {
	padding-left: 31px;
	background: url(../img/ico_arrow.gif) left bottom no-repeat;
	text-transform: uppercase;
	font-size: 87%;
	min-height: 25px;
	position: relative;
	margin-bottom: 10px;
	}
	
.action a {
	color: #a6844a;
	line-height: 13px;
	position: absolute; 
	text-decoration: none;
	bottom: 0;
	font-weight: bold;
	}
	
#mainColumn .action a {
	text-decoration: none;
	}
	
.action a:hover {
	text-decoration: none;
	color: #655336;
	}

#sideColumn .action a {
	font-weight: normal;
	}

.action.back {
	margin-top: 15px;
	width: 400px;
	}

.action.back a {
	position: relative;
	line-height: 25px;
	font-size: 112%;
	}
	
#footer p {
	margin-bottom: .15em;
	}

#footer a {
	color: #fff;
	font-weight: bold;
	}
	
/* ------- calendar ------- */
	
#calendar td {
	background: #fff;
	font-size: 97%;
	line-height: 1.2em;
	padding: 5px;
	}
	
dt {
	float: left;
	width: 75px;
	font-weight: bold;
	}
	
dd {
	float: left;
	width: 400px;
	}
	

	
/* ------- company listing pages ------- */

#overview {
	float: left;
	width: 342px;
	}

#contact {
	float: right;
	position: relative;
	border: 1px solid #ece1ce;
	background: #fff;
	padding: 10px;
	width: 159px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 137px;
	}	
	
#contact img {
	display: block;
	margin: 0 auto 10px;
	}
	
#contact p {
	font-size: 92%;
	line-height: 1.4em;
	}
	
#contact .action {
	margin: 0;
	}
	
#contact .action a {
	position: relative;
	line-height: 25px;
	font-size: 107%;
	color: #97b403;
	}
	
#contact .action a:hover {
	color: #655336;
	}

	
/* ------- homepage styles ------- */

#home #page {
	margin-bottom: 0;
	}


#home #mainColumn {
	float: left;
	margin: 0 0 0 12px;
	line-height: 1.4em;
	}
	
#home #sideColumn {
	float: right;
	margin: 7px 12px 0 0;
	}
	
#home .third {
	float: left;
	width: 171px;
	margin: 0 12px 25px 0;
	}	
	
#home .third.last {
	margin-right: 0;
	}
	
#home .third img {
	border: 1px solid #fff;
	}
	
#home .third a {
	text-decoration: none;
	}
	
#home h1#source {
	width: 707px;
	height: 19px;
	background: url("../img/source.gif") left top no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 5px 0 20px 12px;
	padding: 0;
	}

#home .mid {
	position: relative;
	margin: 0 auto;
	color: #655336;
	font-weight: normal;
	float: left;
	width: 260px;
	}
	
#home .mid .padding {
	padding: 0 5px 10px;
	}
	
#home .mid.right {
	float: right;
	}
	
#home .blog {
	clear: both;
	}

#home .mid h3, #home .blog h3 {
	text-transform: none;
	font-size: 132%;
	font-weight: normal;
	background: url(../img/bg_searchh3.gif) left center repeat-x; 
	color: #94b101;
	margin-bottom: .5em;
	}
	
#home .mid h3 span, #home .blog h3 span {
	background: #ece1ce;
	padding: 0 5px 0 0;
	}

#home .mid p {
	font-size: 112%;
	}

.nonp {
	clear: both;
	margin-top: 2em;
	padding: 0 5px;	
	border-top: 1px solid #d6bb8e;
	line-height: 1.3em;
	}

#home .nonp h3 {
	margin: 0 0 .25em; 
	padding-top: 5px; 
	text-transform: none;
	font-weight: bold;
	border-bottom: none;
	font-size: 107%;
	color: #655336;
	}
	
#home .blog ul {
	list-style: none;
	margin: 15px 0 0 0;
	}
	
#home .blog a {
	text-decoration: none;
	}
	
#home .blog a:hover {
	text-decoration: underline;
	}
	
#home .blog li {
	margin-bottom: 20px;
	}
	
#home .blog .date {
	width: auto;
	background: none;
	float: none;
	text-align: left;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #a18351;
	}
	
#home .blog .headline {
	font-weight: bold;
	font-size: 14px;
	}

#home .mid .margin h4 {
	text-transform: none;
	margin-bottom: .25em;
	}
	
#home .mid .margin p {
	font-size: 92%;
	}

#home .mid .searchterms {
	color: #a0ba1b;
	margin-bottom: -1px;
	margin-right: 3px;
	font-size: 12px;
	}
	
#home .mid .margin {
	margin-left: 50px;
	line-height: 1.3em;
	}

#home .date {
	width: 40px;
	background: #fff;
	text-align: center;
	float: left;
	}
	
#home .date h4 {
	color: #a0ba1b;
	margin: .25em 0 0;
	}
	
#home .date h5 {
	color: #655336;
	font-size: 122%;
	font-weight: bold;
	}

#home .lower {
	background: url(../img/bg_lower.gif) right top no-repeat;
	padding: 20px 0 15px;
	margin-bottom: 5px;
	font-size: 107%;
	}

#home .border {
	}

#home .half {
	width: 354px;
	float: left;
	margin: 0 0 0 20px;
	}
	
#home .half.last {
	margin-right: 0;
	}
	
#home .lower h2.bump {
	margin-left: 20px;
	margin-right: 150px;
	}
	
#home .half.last h2 {
	}
	
#home .half p {
	margin-bottom: .4em;
	font-size: 112%;
	}

#home .lower a {	
	text-decoration: underline;
}
	
#home #sideColumn .action a {	
	font-weight: bold;
	}
	
#home .lower a:hover {
	text-decoration: none;
	color: #655336;
	}
	
#home .lower h2 {
	font-size: 147%;
	margin-bottom: .4em;
	color: #fff;
	background: url(../img/bg_searchh3.gif) left center repeat-x; 
	color: #94b101;
	margin-bottom: .5em;
	}
	
#home .lower h2 span {
	background: #ece1ce;
	padding: 1px 5px 1px 2px;

	}
	
#home #footer {
	border-top: 2px solid #b89966;
	padding-top: 10px;
	}

/* ------- listings ------- */

.action.level {
	clear: both;
	border: 1px solid #ece1ce;
	background: #fff url(../img/ico_arrow.gif) left center no-repeat;
	margin-bottom: 1.5em;
	}
	
.action.level p {
	line-height: 25px;
	margin-bottom: 0;
	}


dl.levels {
	margin-bottom: 1.25em;
	}
	
dl.levels dt {
	width: 125px;
	color: #a6844a;
	font-weight: normal;
	text-align: right;
	}
	
dl.levels dd {
	width: 300px;
	margin-left: 15px;
	display: inline;
	}

.listing {
	background: #fff;
	padding: 10px 10px 0;
	margin-bottom: 3em;
	font-size: 92%;
	line-height: 1.4em;
	border: 1px solid #ece1ce;
	}
	
.listing h3 {
	margin-bottom: .15em;
	font-size: 112%;
	}
	
.listing a {
	color: #a0ba1b;
	font-weight: bold;
	
	}
	
.listing a:hover {
	color: #4b611c;
	}
	
.listing p {
	margin-bottom: 1.5em;
	}

.jumplinks {
	clear: both;
	font-size: 92%;
	line-height: 1.5em;
	margin-bottom: 2em;
	}
	
.jumplinks p {
	margin-bottom: 0;
	}
	
.jumplinks a {
	color: #a18351;
	}
		
p.alpha {
	border-bottom: 1px solid #d6bb8e;
	padding-bottom: 2px;
	}
	
#jobs .listing {
	font-size: 92%;
	}
	
#jobs #mainColumn .listing span {
	color: #d6bb83;
	font-weight: bold;
	font-size: 92%;
	}
	
/* ------- get listed form ------- */

#form #mainColumn ul {
	margin: 0;
	list-style: none;
	}
	
#form #mainColumn ul li {
	float: left;
	margin: 0;
	}
	
#form #mainColumn ul li p {
	margin-bottom: .75em;
	}
	
#form #mainColumn ul.type {
	margin-bottom: 1.5em;
	border: 1px solid #ece1ce;
	padding: 6px 0;
	background: #fff;
	}
	
#form #mainColumn ul.type li {
	width: 33%;
	text-align: center;
	border-right: 1px solid #ece1ce;
	}
	
#form #mainColumn ul.type li.last {
	border-right: none;
	}
	
#form #mainColumn ul.threecol li {
	width: 31%;
	margin: 0 2% 0 0;
	}

#form #mainColumn ul.threecol.time li {
	width: 16%;
	}
	
#form #mainColumn ul.threecol.time li.start {
	margin-left: 15px;
	}

#form #mainColumn ul.threecol li#state {
	width: 8%;
	}

#form #mainColumn ul.twocol li {
	width: 40%;
	margin: 0 3% 0 0;
	display: inline;
	}
	
#form h4 {
	}
	
 #form fieldset {
	margin-bottom: 2em;
	border: 1px solid #d6bb8e;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	padding: 10px;
	}
	
.accessibility {
	display: none;
	}
	
div.hr {
	clear: both;
	}
	
div.hr hr {
	display: none;
	}