/*
Theme Name: MATTeR 2009 Design
Theme URI: http://www.midwesttrc.org/
Description: Updated site design initiated first quarter 2009.
Version: 1.0
Author: Brainstorm, Inc.
Author URI: http://brainstormrand.com/

*/

html {font-size:100%;margin : 0;padding : 0;}

body {
	margin : 40px 0 0 0;
	padding : 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #746755;
	background-color: #9ab1a4;
	text-align: center;
	background-image:url(images/bg_main.png);
}

body #ieroot {font-family: Arial, sans-serif;}

/* BASE STYLES */
img {border: 0;}
#hide, .hide {display:none;}

a:link,a:visited {color:#4f9798; text-decoration:none ;}
a:focus, a:hover, a:active {color: #4f9798;text-decoration:underline;}

hr {margin:20px 0;padding:0;color: #79abac; background-color:#fff;clear:both;width:525px;}

form {margin: 0;padding: 0;}

blockquote {clear:both;}

embed {float:right; margin:0 0 10px 10px;padding:0;border:0;}
.skipLinks {display: none;}


/* LAYOUT STYLES */

/* centers page */
#float-center {text-align: left; margin-left: auto; margin-right: auto; padding : 0;width: 913px;
}

/* Body content styles */
#float-center-inner {
		float:left;
		width: 913px;
		margin:0;
		padding:0px;		
}
	
		
/* HEADER Styles */
#header-wrap {
		margin:0;
		padding:0;
		width:913px;
		float:left;
		background-color:#f4f3df;
		background:transparent url(images/bg_header2.png) no-repeat top left;
		}
	#ieroot #header-wrap  {background:transparent url(images/bg_header2.gif) no-repeat top left;}/* adjust for lte IE6 */		

#header {
		margin:0 0 0 5px;
		padding:0;
		float:left;
		width:899px;
		height:76px;
		}
#header-left, #header-right {
		margin:0;
		padding:0;
}

#header-left {
		margin-top:24px;
		margin-left:29px;
		width:500px
}
	#ieroot	#header-left {margin-left:0px;margin-left:24px;}

#header-right {
		float:right;
		margin:-44px 9px 0 0;
		width:400px;
		height:50px;
		text-align:right;
		font-size:11px;
		color:#cfc4b4;
		font-family:'Trebuchet MS', Arial, sans-serif;
}
	
#header-right a:link, #header-right a:visited {color:#827a6f; text-decoration:none ;}
#header-right a:focus, #header-right a:hover, #header-right a:active {color: #4f9798;text-decoration:underline;}


	/* search form styles */
	#searchbox {
		width: 167px;
		float:right;
		text-align:left;}
		
input#searchBoxInput, input#s {
		height:17px;
		width:123px;
		border:0;
		font-family:'Trebuchet MS',verdana,arial,sans-serif;
		font-size:11px;
		color:#a1b8ae;
		margin-right:8px;
}

input.submit-button {
		height:auto;
		border:0;
}

#content-searchBox form input#s {
		height:17px;
		width:250px;
		border:solid 1px #999;
		font-family:'Trebuchet MS',verdana,arial,sans-serif;
		font-size:11px;
		color:#a1b8ae;margin-left:5px; 
}
	
	/* end search form styles */	

/* END HEADER Styles */














#content-wrap {
		margin:0;
		padding:0;
		float:left;
		width:913px;
		background:transparent url(images/bg_ds4.png) repeat-y top left;
		}
	#ieroot #content-wrap  {background:transparent url(images/bg_ds4.gif) repeat-y top left;}/* adjust for lte IE6 */

#content-wrap-foot {/* interior pages footer ds */
		margin:0;
		padding:0;
		float:left;
		width:899px;
		height:20px;
}
	#ieroot	#content-wrap-foot {border:0;}
	



.textwidget {margin:0 !important;padding:0 !important;}




/* LEFT SIDEBAR Styles */
#left-col-wrap {
		float:left;
		width:228px;
		margin:51px 0 0px 5px;
		padding:0 0 25px 0;
}
	#ieroot #left-col-wrap {
		margin-left:2px;
		padding-left:1px;
	}
	
	
/* Main Navigation - for both core & interior pages */
#main-nav-wrap {
		float:left;
		margin:5px 0 0 29px;
		padding:0;
		}
	#ieroot #main-nav-wrap {
		margin-left:14px;
	}

#main-nav {margin:0;padding:0;float:left;width:199px;color:#bfbd97;}
#main-nav ul {margin: 0;padding: 0;list-style: none;clear:both;}
#main-nav ul li {
		margin:0;
		padding:6px 0 7px 0 ;
		font-size: 14px;
		background-color:transparent;
		font-family: Helvetica, Arial, sans-serif;
		background:transparent url(images/nav_hr.png) no-repeat 0px 0px;
		list-style: none;
}
#main-nav ul.core-main-nav li {
		background:transparent url(images/core_nav_hr.png) no-repeat 0px 0px;
}
#main-nav ul#main-nav-list li.home-nav, #main-nav ul.core-main-nav li.home-nav, .hometab {
		background-image:none;
}
	
#main-nav ul li a {display:block;width:auto;margin:0;padding:0;text-decoration:none;}

#main-nav li a:link, #main-nav li a:visited {
		background-color:transparent;
		color:#55493b;
		text-decoration:none;
}

#main-nav li a:focus,
#main-nav li a:hover,
#main-nav li a:active {color:#729589;text-decoration:none;}

#main-nav li.nav-on a {color:#729589;}


/* interior subnavigation */
	#main-nav ul li ul {
		margin:0;padding: 0;list-style: none;clear:both;
	}
	#main-nav ul li ul li ul {
		margin:0 0 0 10px;padding: 0;list-style: none;clear:both;
	}
	
	#main-nav ul li ul li {
		margin:0;
		padding:3px 0 2px 0;
		font-size: 11px;
		line-height:1em;
		background-color:transparent;
		font-family: Helvetica, Arial, sans-serif;
		background:none;
}
	#ieroot #main-nav ul li ul li {
		border:solid 1px white;	
}

	#main-nav li ul li a:link, #main-nav li ul li a:visited,
	#main-nav li ul li ul li a:link, #main-nav li ul li ul li a:visited {
		background-color:transparent;
		color:#b68033;
		text-decoration:none;
}

	#main-nav li ul li a:focus,
	#main-nav li ul li a:hover,
	#main-nav li ul li a:active,
	#main-nav li ul li ul li a:focus,
	#main-nav li ul li ul li a:hover,
	#main-nav li ul li ul li a:active {color:#55493b;text-decoration:none;}
	
	#main-nav li ul li.nav-on a, #main-nav li ul li ul li.nav-on a {color:#5b5859;}
#main-nav li ul li.current_page_item a, #main-nav li ul li ul li.current_page_item a {color:#5b5859;}
/* END interior subnavigation */



/* core page adjustments  */
#main-nav.core-nav {margin:0;padding:0;float:left;width:268px;color:#bfbd97;}
#main-nav.core-nav ul {margin: 0;padding: 0;list-style: none;clear:both;}
#main-nav.core-nav ul li {
	margin:0;
	padding:6px 0 0 0 ;
	font-size: 14px;
	background-color:transparent;
	height:1.6em;
	font-family: Helvetica, Arial, sans-serif;
background:transparent url(images/nav_hr.png) no-repeat 0px 0px;
	}
#main-nav.core-nav ul.core-main-nav li {
background:transparent url(images/core_nav_hr.png) no-repeat 0px 0px;
	}
li.hometab {
background-image:none !important;
	}



#main-nav.core-nav ul li a {display:block;width:auto;margin:0;padding:0;text-decoration:none;}

#main-nav.core-nav li a:link, #main-nav.core-nav li a:visited {
	background-color:transparent;
	color:#55493b;
	text-decoration:none;}

#main-nav.core-nav li a:focus,
#main-nav.core-nav li a:hover,
#main-nav.core-nav li a:active {color:#729589;text-decoration:none;}

/* END Main Navigation */

#rss-button, #rss-button .textwidget {
	float:left;
	margin:0 0 9px 27px;
	padding:7px 0 0 0;
}
	#ieroot #rss-button, #ieroot .textwidget #rss-button{
		margin-left:14px;
	}
	
#lc-photo, .textwidget #lc-photo{
		float:left;
		margin:0;
		padding:0;
}
	#ieroot #lc-photo, #ieroot .textwidget #lc-photo{
		margin-left:0px;
	}
	
#lc-photo-core, .textwidget #lc-photo-core {
		margin:2px 0 35px 0;
		padding:0;
		width:155px;
}


#tech-assist-button, .textwidget #tech-assist-button {
	float:left;
	margin:0px 0 25px 27px;
	padding:0px 0 0 0;
}
	#ieroot #tech-assist-button, #ieroot .textwidget #tech-assist-button  {
		margin-left:14px;
	}



#left-col-wrap h2.widgettitle {
		float:left;
		margin:0 0 0px 28px;
		padding:7px 0 0 0;
		font-size: 12px;
		background-color:transparent;
		font-family: Helvetica, Arial, sans-serif;
		font-weight:normal;
}
	#ieroot h2.widgettitle {
		margin-left:14px;
	}
	
#left-col-wrap .textwidget {
		float:left;
		clear:both;
		margin:0 0 9px 28px;
		padding:7px 0 0 0;
		background-color:transparent;
		color:#7d7160;
		font-size: 10px;
}
	#ieroot .textwidget {
		margin-left:14px;
	}

/* END LEFT SIDEBAR Styles */







/* RIGHT SIDEBAR Styles */
#right-col-wrap {
		float:left;
		width:671px;
		margin:15px 0 0 0;
		padding:0 0 20px 0;
}

#content {
		float:left;
		margin:0;
		padding:0;
		width:671px;
		background:transparent url(images/content_box_lines.png) repeat-y top left;
}

#content-head {
		float:left;
		background:transparent url(images/content_box_head.png) no-repeat top left;
		width:671px;
		height:11px;
		margin:0;
		padding:0;
}

#content-left {
		float:left;
		width:482px;
		margin:0;
		padding:0;
}

#content-photo {
		margin:0 0 0 11px;
		padding:0 0 5px 0;
}

#content-body {
		margin:0 20px 10px 20px;
		padding:0;
		color:#746755;
		position:relative;
}
	#ieroot #content-body {
			position:static;
	}
	
#content-body  img.top-photo {
		margin:0 0 0 -9px;
		padding:0 0 5px 0;
}

#content-body a:link {color:#473a2c; text-decoration:underline ;}
#content-body a:visited {color:#4f9798; text-decoration:underline ;}
#content-body a:focus, #content-body a:hover, #content-body a:active {color: #4f9798;text-decoration:underline;}

#content-body h1 {font-size:18px;color:#b68033;font-weight:normal;margin:10px 0;padding:0;}
#content-body h2 {font-size:14px;color:#b68033;font-weight:normal;margin:10px 0;}
#content-body h3 {font-size:12px;color:#b68033;font-weight:normal;margin:10px 0 8px 0;padding:0;}
#content-body h4 {font-size:10px;color:#b68033;font-weight:bold;margin:10px 0;padding:0;}

#content-body .post {
		float:left;
		margin:0;
		padding:0;
		width:100%;
}

#content-body .entry {margin:0;
		padding:202px 0 0 0;
		}
		
		#ieroot #content-body .entry {margin:0;
		padding:202px 0 0 0;
		}
		
#content-body #single-page.entry, #content-body #gen-post .entry {
		margin:0;
		padding:0;
		}
#content-body .no-top-photo {
		margin:0;
		padding:0 0 0 0;
		}
	#ieroot #content-body .no-top-photo {
		margin-top:0 !important;
		padding-top:0 !important;
		}
		
#content-body .entry img.top-photo {
		margin:0 0 0 -9px;
		padding:0 0 5px 0;
		position:absolute;
		top:0;
		left:0;
}
	#ieroot #content-body .entry img.top-photo {
			margin:-209px 0 0 -9px;
			padding:0 0 5px 0;
			position:absolute;
			top:auto;
			left:auto;
			z-index:500;	
	}

#content-body .post h2 {font-size:18px;color:#b68033;font-weight:normal;margin:10px 0;position:absolute;top:172px;left:0;}
	#ieroot #content-body .post h2 {z-index:1000;top:auto;
			left:auto;margin-top:174px;}
			
#content-body h2.pagetitle {font-size:18px;color:#b68033;font-weight:normal;margin:10px 0;}
#content-body .post h2.no-top-photo {position:relative;top:10px;left:0;margin-bottom:20px;}

#content-body .post #single-page h2, #content-body #gen-post h2 {position:relative;top:10px;left:0;margin-bottom:20px;}

#content-body p {
		margin:0 0 10px 0;
		color:#746755;
		font-size:11px;
}

#content-body small {
		font-size:10px;
		margin:0;
		padding:0;
}

#content-body .postmetadata {
		margin:0;
		padding:2px 0 0 0;
}

#content-body .page {
	margin:0 0 20px 0;
	padding:0;
}

.navigation {
		margin:20px 0;
		float:left;
		width:99%;
		clear:both;
}

.navigation .alignleft {
		width:49%;
		float:left;
		font-size:10px;
}

.navigation .alignright {
		width:49%;
		float:right;
		font-size:10px;
}

.navigation .alignright {
		text-align:right;
}


#content-body blockquote {
		margin:10px;
}

#content-body ul, #content-body ol {
		
		font-size:10px;
		color:#746755;
}

#content-body ul {margin: 10px 80px 10px 20px; padding: 0 0 0 10px; list-style: square;}

#content-body ul li {margin : 0; padding: 0 0 5px 0;}
	#content-body ul ul, #content ul ul ul {margin: 5px 0 0 10px; padding: 0 0 0 10px; list-style: square;}
	#content-body ul ul li, #content ul ul ul li  {margin : 0; padding: 0 10px 5px 0;}

#content-body ol {margin: 10px 80px 15px 22px; padding: 0 0 0 0;}
#content-body ol li {margin: 0; padding: 0 0 5px 0; list-style-type:decimal;}
	#content-body ol ol, #content ol ol ol {margin: 5px 0 0 10px; padding: 0 0 0 10px;}
	#content-body ol ol li, #content ol ol ol li {margin : 0; padding: 0 10px 5px 0;}
	
#content-body ul.nomarker *, #content-body ol.nomarker * {list-style-type:none !important;}


#content-right {
		float:left;
		margin:184px 0 0 0;
		padding:0;
		width:189px;
		background:transparent url(images/bg_rt_col_box2.png) no-repeat 2px 37px ;
}

#content-right h2 {
		font-size:18px;
		color:#b68033;
		font-weight:normal;
		margin:8px 0;
		padding:0 5px 0 12px;
}

#content-right h3 {
		font-size:14px;
		color:#729589;
		font-weight:normal;
		margin:0 5px 0 12px;
}

#content-right p {
		margin:5px 5px 5px 12px;
		padding:0 0 0 0;
		color:#7d7160;
		font-size: 10px;
}

#content-right p.img {
		margin:5px 0 5px 0px !important;
		padding:0 !important;
}

#content-foot {
		float:left;
		background:transparent url(images/content_box_foot.png) no-repeat top left;
		width:671px;
		height:13px;
		margin:0;
		padding:0;
		clear:both;
}
	#ieroot #content-foot {
		background-color:white;
}
/* END RIGHT SIDEBAR Styles */










/* HOMEPAGE/Core specific styles */
	/* main message area: content + large photo */

#content.core-content {
		margin:0;
		padding:0;
		width:593px;
		background:transparent url(images/core_content_box_lines2.png) repeat-y top left;
}

#core-content-head {
		background:transparent url(images/core_content_box_head.png) no-repeat top left;
		width:593px;
		height:12px;
		margin:0;
		padding:0;
}
#core-content-foot {
		background:transparent url(images/core_content_box_foot.png) no-repeat top left;
		width:593px;
		height:12px;
		margin:0;
		padding:0;
		float:left;
}

#content.core-content #motto {
		margin:0 0 0 17px;
		padding:0;
}

#content.core-content #core-photo {
		margin:0 0 0 17px;
		padding:0;
}

#content.core-content #tabs-wrap {
		margin:0 0 0 17px;
		padding:0;
}


#content.core-content #tabs-wrap #tool-tabs {
		margin:0;
		padding:0;
		clear:both;
		background-color:transparent;
		width:561px;
		background:#ecebcb url(images/core_tabs_bg_mahe.jpg) no-repeat 0px 0px;
		float:left;
		position:relative;
}
	#ieroot #content.core-content #tabs-wrap #tool-tabs {padding-top:8px;}
	
	
/*  ++++ more styles associated with the tabs are located in /scripts/ui.tabs.css ++++  */

	/* TAB 1 styles */
#your-toolkit {	
	float:left; 
	width:543px;
	background:transparent url(images/core_tool-kit_bg4.png) no-repeat 0px 0px;
	min-height:190px;
	margin:-8px 0 0 0;
padding-top:8px;
}

#your-toolkit-left {
		float:left;
		width:179px;
		margin:0;
		padding:0;
}

#your-toolkit-left h1 {
		width:170px;
		margin:2px 0 10px 0;
		padding:0;
		color:#c36a0f;
		font-size: 12px;
		font-family:'Trebuchet MS', Arial, sans-serif;
}

#your-toolkit-left h2 {
		width:170px;
		margin:5px 0 5px 0;
		padding:0;
		color:#506668;
		font-size: 12px;
		
}

#your-toolkit-left p {
		width:170px;
		margin:10px 0;
		padding:0;
		color:#5b5859;
		font-size: 11px;
}

#your-toolkit-left p a {
		display:block;
		width:96%;
		padding:0;
		margin:0;
		color:#5b5859;
		background:transparent url(images/core_tabs_link_arrows.png) no-repeat right 3px ;
}


	/*  Toolkit Right - first tab - */
#your-toolkit-right {
		float:left;
		width:364px;
		margin:0;
		padding:25px 0 0 0;
		border-top:solid 0px #dbdbdf;
		
}

#your-toolkit-right h2 {
		width:148px;
		margin:5px 0 5px 21px;
		padding:0;
		color:#506668;
		font-size: 12px;		
}


#your-toolkit-right p {
		width:170px;
		margin:10px 0 0 21px;
		padding:0;
		color:#5b5859;
		font-size: 11px;
		float:left;clear:both;
}

#your-toolkit-right p img {
	float:left;
	margin:0 10px 5px 0;
	padding:0;
}

#your-toolkit-right p a {
		display:block;
		width:auto;
		padding:0;
		margin:0;
		color:#5b5859;
		background:transparent url(images/core_tabs_link_arrows.png) no-repeat right 3px;
}
	/* END TAB 1 styles */

	
	/* TAB 2 styles */
#tool-tabs #events {
	float:left;
	margin:0;
	width:543px;
	padding-top:0;
	font-size: 11px;
	background:transparent url(images/core_tool-kit_bg-a.png) repeat-y 0px 0px;
	min-height:190px;
	margin:-8px 0 0 0;
	padding-top:8px;
}

#tool-tabs #events #events-left {
		float:left;
		width:190px;
		margin:0;
		padding:0;
		border-top:solid 0px black;
}

#tool-tabs #events #events-left h2 {
		width:160px;
		margin:5px 0 5px 0;
		padding:0;
		color:#506668;
		font-size: 12px;
		font-family:'Trebuchet MS', Arial, sans-serif;	
}

#tool-tabs #events ul {margin: 10px 0 10px 10px; padding: 0; list-style: none;}

#tool-tabs #events ul li {margin : 0; padding: 0 20px 5px 0;}
	#tool-tabs #events ul ul, ul ul ul {margin: 5px 0 0 5px; padding: 0 0 0 10px; list-style: none;}
	#tool-tabs #events ul ul li, ul ul ul li  {margin : 0; padding: 0 10px 5px 0;}
	
	
#tool-tabs #events #events-right {
		float:left;
		width:350px;
		margin:0;
		padding:0px 0 20px 0;
		border-top:solid 0px #dbdbdf;	
}

#wp-calendar {padding:0 15px 0 0;}

#tool-tabs #events #events-right h2 {
		width:148px;
		margin:5px 0 5px 21px;
		padding:0;
		color:#506668;
		font-size: 12px;		
}

	/* END TAB 2 styles */
	
	/* TAB 3 styles */
#tool-tabs #MAHE {
	float:left;
	margin:0;
	padding:0 0 25px 0;
	font-size: 11px;
}

#tool-tabs #MAHE h2 {
		width:365px;
		margin:5px 0 5px 21px;
		padding:0;
		color:#506668;
		font-size: 12px;
		font-family:'Trebuchet MS', Arial, sans-serif;	
}

#tool-tabs #MAHE p {
		width:365px;
		margin:10px 0 0 21px;
		padding:0;
		color:#5b5859;
		font-size: 11px;
		float:left;clear:both;
}

#tool-tabs #MAHE ul {margin: 10px 0 10px 0px; padding: 0 0 0 10px; list-style: none;}

#tool-tabs #MAHE ul li {margin : 0; padding: 0 20px 5px 0;}
	#tool-tabs #MAHE ul ul, ul ul ul {margin: 5px 0 0 5px; padding: 0 0 0 10px; list-style: none;}
	#tool-tabs #MAHE ul ul li, ul ul ul li  {margin : 0; padding: 0 10px 5px 0;}
	/* END TAB 3 styles */

/* END toolkit styles */



#left-col-wrap.core-left {
		float:left;
		width:298px;
		margin:51px 0 0px 5px;
		padding:0 0 25px 0;
}
		

#right-col-wrap.core-right {
		float:left;
		width:593px;
		margin:15px 0 0 0;
		padding:0;
}

#content.core-right {
		margin:0;
		padding:0;
		width:593px;
		background:transparent url(images/content_box_lines.png) repeat-y top left;
}
/* end HOMEPAGE/Core specific styles */














/* ======== FOOTER styles ======== */
#footer-wrap {
	margin:0;
	padding:0;
	float:left;
	width:913px;
	height: 57px;
	font-size:10px;
	color:#7d7b61;
	clear:both;
	background:transparent url(images/bg_footer.png) no-repeat top left;
}
	#ieroot #footer-wrap  {background:transparent url(images/bg_footer.gif) no-repeat top left;}/* adjust for lte IE6 */

#footer {float:left;width:800px;margin:0 0 0 34px;padding:18px 0 0 0;}
	#ieroot #footer {margin:0 0 0 17px;}

#footer p.grant-info {
	margin:0;
	padding:2px 0 0 0;
	color:#999966; /*#cccc99;*/
}
	
#footer a:link, #footer a:visited  {color:#7d7b61;text-decoration:none;}
#footer a:focus, #footer a:hover, #footer a:active {text-decoration:underline;color:#7d7b61;}
#footer-right {
	float:right;
	width:205px;
	margin:0;
	padding:12px 20px 0 0;
	text-align:right;
	font-size:9px;
}