body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,p,blockquote,table,th,td,a,abbr,acronym,address,caption,cite,code,dfn,em,strong,th,var,hr{margin:0;padding:0;border:0;text-decoration:none;font-style:normal;font-weight:normal;text-align:left;border-collapse:collapse;border-spacing:0;list-style:none;}
input:focus,a:focus,textarea:focus{outline:0;}
html,body,textarea{font: 12px/18px Helvetica, "Trebuchet MS";}

/*

	onboardmidwest.com
      
    #a9a288 Light Brown (Background)
    #cc9933 Orange (Links)
    #d07345 Orange (Subnav Buttons)
    
    #999966 Grayish Green (Text, usually in green box)
    #908a75 Grey (Text on white(Map))
	#666633 Dark grey (Text, h1 maybe)    
    
    #b9d531 Green (Subnav Buttons)
    #ccff99 Green (Form Required fields outline)
    #99cc33 Bright green (Sidebar h3)
    #dcea98 Greenish Brown (copy area at page top)
    #cccc35 Greenish Brown (Subnav visited link)


    
*/

html {
    text-align: center;
    background: #a9a288 url(images/background.jpg) center 0 repeat-y;
}
body {
    background: transparent url(images/background-with-logo.jpg) center 0 no-repeat;
    text-align: left;
   /*font: 12px/18px "Trebuchet MS", Verdana;*/
    font-family: Trebuchet, "Trebuchet MS", Verdana, sans-serif;
    color: #999966;
}
div#container {
    width: 920px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
a, a:link {
    color: #cc9933;
    font-weight: bold; 
}
    a:hover {
        
    }
    a:active {
        outline: 0;
    }

strong { font-weight: bold; }
em { font-style: italic; }

h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin-bottom: 10px; 
}
h1 { font-size: 24px; } 
h2 { font-size: 14px; } /* subhead in body copy */
h3 { font-size: 18px;}
h4, h5, h6 { font-size: 12px; }

input, select, textarea {
    border: 2px solid #CCC;
}
input, textarea {
    font-size: 12px;
    padding: 4px;
}
input:focus, select:focus, textarea:focus {
    border-color: #DCEA98;
}
p.submit {
    text-align: right;
    width: 210px;
}
input.submit {
    border: 0;
    background: url(images/btn-submit.jpg) 0 0 no-repeat;
    color: #FFF;
    text-transform: uppercase;
    width: 95px;
    height: 25px;
    text-align: center;
    padding: 0;
}
form li {
    position: relative;
}
form li label {
    position: absolute;
    top: 4px;
    left: 6px;
}
form li {
    margin-bottom: 10px;
}
form li input {
    width: 200px;
}

h1#logo {
    float: left;
    width: 112px;
    margin-right: 34px;
}
    h1#logo a {
        margin: 40px 0 0 26px;
        display: block;
        text-indent: -999em;
        width: 86px;
        height: 274px;
        overflow: hidden;
        background: url(images/logo.gif) 0 0 no-repeat;
    }
    
div#nav {
    position: relative;
    padding-top: 28px;
    margin-left: 240px;
    /*padding: 10px 0;*/
    width: 678px;
}
    div#nav ul {
		height: 35px;
    }
    div#nav li {
       	float: left;
        width: auto;
		padding-right:10px;
    }
    div#nav li a {
			background: url(images/nav-5.jpg) 0 0 no-repeat;
            display: block;
            height: 46px;
            overflow: hidden;
            text-indent: -999em;
        }
        
           div#nav li.item1 a {
            width: 100px;
            background-position: 0 0;
        }
                div#nav li.item1 a:hover { background-position: 0 -50px; }
            
			div#nav li.item2 a {
            width: 131px;
            background-position: -110px 0;
        }
                div#nav li.item2 a:hover { background-position: -110px -50px; }
                
			div#nav li.item3 a {
            width: 132px;
            background-position: -250px 0;
        }
        
                div#nav li.item3 a:hover { background-position: -250px -50px; }
                
                div#nav li.item4 a {
            width: 125px;
            background-position: -393px 0;
        }
                div#nav li.item4 a:hover { background-position: -393px -50px; }
                
                div#nav li.item5 a {
            width: 140px;
            background-position: -523px 0;
            padding: 0px;
        }
                div#nav li.item5 a:hover { background-position: -523px -50px; }
                

div#subnav {
    padding-top: 4px;
    margin-bottom: 10px;
}
div#subnav a {
    display: block;
    background: #b9d531;
    color: #996600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 10px 3px 20px;
    width: 180px;
}
    div#subnav a:hover, div#subnav a.current {
        color: #FFF;
        background: #d07345;
    }
    div#subnav li {
        margin-bottom: 4px;
    }
        
div#wedge {
    width: 720px;
    overflow: hidden;
    text-indent: -999em;
	height: 18px;
}

div.home {
	background: url(images/ContentContainerTop.home.png)  no-repeat;
}
.home.content.headline h1{
	color: #666633;
}   
div.who {
	background: url(images/ContentContainerTop.who.png)  no-repeat;
}
div.goal {
	background: url(images/ContentContainerTop.goal.png)  no-repeat;
}
div.media {
	background: url(images/ContentContainerTop.media.png)  no-repeat;
}
div.involved {
	background: url(images/ContentContainerTop.involved.png)  no-repeat;
}  
div.contact {
	background: url(images/ContentContainerTop.home.png)  no-repeat;
}     
div.privacy {
	background: url(images/ContentContainerTop.home.png)  no-repeat;
} 
div.sitemap {
	background: url(images/ContentContainerTop.home.png)  no-repeat;
}
div.blog {
	background: url(images/ContentContainerTop.blog.png)  no-repeat;
	position: relative;
	left: -1px;
}          
div.content {
    width: 690px;
    float: left;
    /*text-indent: 4em; */
    
	background: url(images/ContentContainerMiddle.png) repeat-y 0px 0px; 
}
div.bottom {
    position: relative;
    left: 1px; /* until I fix that image file*/
    height: 40px;
	background: url(images/ContentContainerBottom.png) repeat-y 0px 0px; 
}

.headline {
	position:relative;
	left: 32px;
	top: 20px;
    width: 620px; 
	background-color: #dcea98;
}
.headline h1{
	position:relative;
	padding: 18px 0 0 14px;
}
.headline h4{
	color: #999966;
	padding: 0 0 20px 14px;
	font-size: 14px;
}
.headline p{
	font-size: 24px;
	position:relative;
	padding: 14px;
	line-height: 28px;
}

.intro{
	color: #666633;
}



.main{
	padding: 24px 0 2px 24px;
	margin: 24px 24px 2px;
}
.main h2{
	font-weight: bold;
}
.main p{
	padding-bottom:10px;
}
.map h1{
	color: #999999;
	display: inline;
}
.map h3{
	color: #99cc33;
	display: inline;
	margin-bottom: 10px;
}
        
        
.sidebar{
	float: left;
    top: 338px;
    left: 25px;
    width: 230px;
	padding: 380px 0 10px 0;
}
.sidebar-item{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.sidebar h1{
	color: #999999;
	display: inline;
}
.sidebar img{
	position:relative;
	top: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
}
.sidebar h3{
	font-size: 14px;
	color: #99cc33;
	margin: 2px;
	letter-spacing: 1px;
}
.twitter-feed-headline{
	font-size: 12px;
	color: #99cc33;
	display:block;
	margin: 16px 2px 2px;
	letter-spacing: 1px;
}
.twitter-item {
    font-size: 14px;
    color: #000;
}
.twitter-item a.permalink {
    color: #999;
    font-size: 12px;
}
    .twitter-item a.permalink:hover {
        color: #C93;
    }
.sidebar h4{
	color: #999966;
	margin: 0px;
	font-weight: bold;
}
        
.footer {
    clear: both;
	overflow: hidden;
	width: 906px;
	height: 80px;
	padding-bottom: 20px;
}	
.footer-content{
	position:relative;
}	
	.footer-content img{
		margin-bottom: 20px;
}
    .copyright {
        width: 500px;
        position: relative;
        z-index: 2;
   		margin-top: 7px;
    }
	.copyright ul{
		position:relative;
		top: -18px;
		left:  220px;
	}	
		.copyright ul li{
			float: left;
			list-style: none;	
		}
	.copyright p {
		
	}

.azul7{
		position:absolute;	
		top: 18px;
		text-align: right;
		width: 900px;
		z-index: 1;
		margin-top: 10px;
}
	.azul7 p{
		display: inline;
		text-align: right;
		text-indent: 0;
		margin-right: 10px;
	} 
    .azul7 img{
		display: inline;
		left: 260px;
		vertical-align: middle;
		margin: 0;
	} 
  
        
#map-container {
    margin-top: 10px;
    position: relative;
    left: -16px;
}
    #map-top {
        position: absolute;
        top: 0;
        width: 620px;
        height: 15px;
        background: url(images/map-overlay.png) 0 0 no-repeat;
    }
    #map-center-left, #map-center-right {
        position: absolute;
        top: 15px;
        width: 15px;
        height: 430px;
        background: url(images/map-overlay.png) -620px 0 repeat-y;
    }
        #map-center-right {
            left: 605px;
            background-position: -1225px 0;
        }
    #map-bottom {
        position: absolute;
        top: 445px;
        width: 620px;
        height: 15px;
        background: url(images/map-overlay.png) -1240px 0 no-repeat;
    }
#map {
    width: 620px;
    height: 460px;
}
.main ul li{
	list-style: disc;
	padding-left: 4px;
}
.main ul{
	padding-top: 10px;
	padding-left: 20px;
}
.main h3{
	font-size: 14px;
	color: #99cc33;
	margin-bottom: 4px; 
}
.main form ul, .main form ul li {
    list-style: none;
    padding: 0;
}
.col1 ul{
	
}
.col1{
	position: relative;
	width: 30%;
	float: left;
	margin-right: 10px;
}
	.col1 h2{
		font-size: 14px;
		color: #99cc33;
		margin-bottom: 4px;
		letter-spacing: 1px;
}
.col2, .col2full{
	position: relative;
	width: 30%;
	float: left;
}
	.col2 h2, .col2full h2{
		font-size: 14px;
		color: #99cc33;
		margin-bottom: 4px; 
		letter-spacing: 1px;
	}
.col2full {
    width: 60%;
}
.col3{
	position: relative;
	width: 30%;
	float: left;
	left: 22px;
}
	.col3 h2{
		font-size: 14px;
		color: #99cc33;
		margin-bottom: 4px; 
		letter-spacing: 1px;		
	}
.clear{
	display:block;
	clear: both;
	height: 0;
	overflow:hidden;
}
.download{
	margin-bottom:-46px;
}
.download-text{
	display:block;
	left:45px;
	position:relative;
	top:-38px;
	width:110px;
}
/* Blog styling */
.bloginfo{
    
}
    .bloginfo h2{
        font-size: 14px;
    	color: #99cc33;
    	margin-bottom: 4px;
		letter-spacing: 1px;
}
    .bloginfo li{
    	margin-bottom: 4px;
 	    padding-bottom: 4px;
    }
.entry{
	
	padding-bottom: 10px;
}
p.submit-comment{
	padding-top:10px;
	text-align: right;
	width:210px;
	width:491px;
}
p.required{
	text-align: right;
	padding-right:20px;
}
p.comment-field-required{
	text-align: right;
	padding-right:125px;
	margin-top: -8px;
}

a.file, a.icon {
    background-image: url(images/icons.gif);
    background-repeat: no-repeat;
    padding: 3px 0 3px 20px;
}
    a.pdf {
        padding-left: 16px;
        background-position: -1px -192px;
    }
    a.flickr {
        background-position: 0 -128px;
    }
    a.youtube {
        background-position: 0 -32px;
    }
    a.linkedin {
        background-position: 0 -64px;
    }
    a.twitter {
        background-position: 0 -160px;
    }
    a.feed {
        background-position: 0 -222px;
    }