@charset "UTF-8";
/* Matt Steidle

mattsteidle.com

COLORS

#134871 - Blue

note -margin & padding [top, right, bottom, left ]

*/

* { margin: 0px; padding: 0px; }

html, body {
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
}
body {background:#CCC;}
h1, h2, h3, h4, h5, h6, p, form {
	margin:0 0 .7em
}
h1, h2 {
	text-align:center;
}

h3 .respond {
	padding-left: 24px;
}


a {
	text-decoration:none;
	color:#6eaedf;
}

a:hover {
	text-decoration: underline;
}

ul li .blog {
	padding: 0px 0px 0px 28px;
	text-align: left;
	list-style: none;
}

.green { color:#809949; float:right; position:absolute; text-decoration:none; text-indent: 6px; }
.green a:hover { color:#6eaedf; }

.green-date { color:#bedf77; float:right; position:absolute; text-decoration:none; font-size:12px; }


.more-link {
	float:left;
	position:absolute;
	text-align:left;
	display:inline;
	font-style: italic;
   
}

.excerpt {
	display:block;
	width:120px;
	padding-left:10px;
	padding-right:6px;
	
}



#wrapper {
	margin:0px auto;
	width:948px;
	background:#fff;/*  center column colur*/
	color: #134871;
	position:relative;
	margin-top:-122px;/* make space for footer*/
	z-index:0;
	min-height:100%;
	min-width:700px;
	max-width:1200px;
	border-left:1px solid #333; border-right:1px solid #333;
}
#header {
	background:url(images/header.jpg) no-repeat;
	clear:both;
	position:relative;
	z-index:6;
	width:948px;
	height:200px;
	border-top:122px solid #fff;/* soak up negative margin to make way for footer*/
	
}
#header h1 { font-size:0px; text-indent:-9999px; }

#header .upper-nav {
	font-family: Palatino, serif;
	position: absolute;
	display:inline;
	float:left;
	width: auto;
	height:35px;
	padding-top: 54px; 
	padding-left: 16px;
	text-align:right;
}

#header .upper-nav ul li { 
	
	list-style:none;
}

#header .upper-nav li a {
	background:url(images/header-button-arrow.jpg) no-repeat top right;
	display:block;
	width:160px;
	height:20px;
	font-size: 17px;
	text-decoration:none;
	color:#FFF;
	padding-right:25px;
	padding-top: 3px;
}

#header .upper-nav li a:hover {

	text-decoration:underline;
}


#footer {
	background:url(images/footer.jpg) no-repeat;
	color:black;
	min-width:700px;
	max-width:1200px;
	clear:both;
	margin:auto;
	position:relative;
	width:948px;
	height:121px;
	font-size: 11px;
	text-align:center;
	border-left:1px solid #333; border-right:1px solid #333;
	
}

#footer .flash {float: left; position: absolute; padding: 40px 0 0 380px;}
#footer .image { float: right; padding: 40px 40px 0 0; }

#footer a img {border: none; } 

/*if we float the middle column we avoid the ie6 3 pixel jog and also keep columns in normal source order (left,middle right) but we need to use a negative margin offset to make it all fit.*/
#middle {
	float:left;
	width:100%;
	margin-right:-499px;/* width of left and right columns */
}

#content {
	margin-right:499px;/* width of left and right columns */
	font-size: 12px;
}


#content p { padding: 5px 35px 0px 35px; }

.mission {
	font-family: Palatino, serif;
	display:block;
	width:400px;
	font-size: 16px;
	border-bottom: 1px solid #134871;
	margin-left: 35px;
	padding: 0px 0px 30px 0px;
	
}

#content .members {
	font-family: Palatino, serif;
	padding-top: 25px;
	padding-bottom:20px;
	display: block;
	width:240px;
	height:auto;
	
}

#content .members ul {
	font-size: 20px;
	list-style:none;
}
#content .members li {
	background:url(images/content-button-arrow.jpg) no-repeat right;
	padding: 0px 0px 0px 40px;
	
}
	

#content h2 {
	background:url(images/content-h2-bg.jpg) no-repeat right;
	width:412px;
	color:#FFF;
	text-align:left;
	text-indent: 10px;
	font-size:15px;
	padding: 2px 0px 0px 25px;
}

#content h2 a {
	color:#FFF;
	text-decoration:none;
}

#content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	width:680px;
	color:#993300;
	text-align:left;
	font-size:19px;
	font-weight:100;
	padding: 5px 5px 15px 25px;
        display: inherit;
}


#content img {
	float: right;
	margin-right: 0px;
	margin-top: 15px;
        margin-left: 5px;
}

#content a img {
	border: none;
}
/*------------ INTERIOR PAGES -------------------------*/

#content-interior {
	margin-right:220px;/* width of left and right columns */
	padding-top:80px;
	padding-left: 10px;
	font-size: 12px;
	overflow:visible;
}

#content-interior p {  padding: 5px 35px 0px 28px;  }

#content-interior h2 a {
	color:#FFF;
	text-decoration:none;
}

#content-interior h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	width:680px;
	color:#809949;
	text-align:left;
	font-size:30px;
	font-weight:100;
	border-bottom:1px solid #134871;
	padding: 3px 0px 15px 25px;
}

#content-interior h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	width:680px;
	color:#993300;
	text-align:left;
	font-size:19px;
	font-weight:100;
	padding: 5px 5px 15px 25px;
        display: inherit;
}

#content-interior h4 {
	font-family: Arial, Helvetica, sans-serif;
	width:680px;
	color:#993300;
	text-align:left;
	font-size:13px;
	font-weight: bold;
	padding: 5px 0px 15px 25px;
        display: inline;
}

#content-interior h5 {
	font-family: Arial, Helvetica, sans-serif;
	width:680px;
	color:#809949;
	text-align:left;
	font-size:12px;
	font-weight: bold;
	padding: 0px 0px 20px 25px;
        display: inline;
}

#content-interior h6 a {
font-family: Georgia, "Times New Roman", Times, serif;
	width:680px;
	color:#6eaedf;
        text-decoration:underline;
	text-align:left;
	font-size:16px;
	font-weight:100;
	padding: 0px 0px 15px 25px;
        display: inline;
}
#content-interior h2 a {
	color:#FFF;
	text-decoration:none;
}

#content-interior h1 .blog {
	color:#809949;
	text-align:left;
	padding: 2px 0px 0px 25px;
}


#content-interior h1 a {
	font-size:18px;
	font-weight:100;
	color:#6eaedf;
	text-decoration: none;
}

#content-interior h1 a:hover {
	text-decoration: underline;
}

#content-interior ul {
	list-style: none;
	}
	
#content-interior ul {
	padding: 0px 0px 10px 70px;
}

#content-interior ul li {
	padding: 5px;
}

#content-interior img {
	float: right;
	margin-right: 0px;
	margin-top: 15px;
        margin-left: 5px;
}

#content-interior a img {
	border: none;
}

#left-sidebar {
	width: 212px;
	position: relative;
	float: left;
	margin-top: 10px;
	z-index: 2;
	font-size: 11px;
	color: #FFF;
	margin-bottom: 100px;
}

#left-sidebar p { padding:20px 10px 10px 10px; }

#left-sidebar h2 { 
	background: url(images/left-sidebar-h2-bg.jpg) no-repeat center;
	width: 190px;
	height: 26px;
	color: #FFF;
	text-align: left;
	padding: 10px 0px 0px 25px;
	
}

#left-sidebar ul li {
	list-style:none;
	color:#FFF;
	padding: 0px 10px 0px 18px;
}

#left-sidebar ul li a {
	display:block;
	width: 100px;
	height: auto;
	padding: 0px 0px 0px 6px;
	text-decoration:none;
	color:#6eaedf;
}

#left-sidebar ul li a:hover {
	text-decoration:underline;
}

#left-sidebar a img {
	width: 150px;
	height: 100px;
	padding-left: 30px;
	border: none;
}

#right-sidebar {
	width:287px;
	position:relative;
	float:right;
	z-index:2;
	font-size:11px;
}

#right-sidebar p { padding:10px; }

#right-sidebar h2 { 
	background: url(images/right-sidebar-h2-bg.jpg) no-repeat center;
	width: 249px;
	height: 17px;
	color: #FFF;
	font-size:15px;
	text-align:left;
	padding: 1px 0px 0px 40px;
}
#right-sidebar ul li {
	list-style:none;
	padding: 0px 10px 0px 2px;
}

#right-sidebar ul li a {
	display:block;
	width: 160px;
	height: auto;
	padding: 0px 0px 0px 40px;
	text-decoration:none;
	color:#6eaedf;
}

#right-sidebar ul li a:hover {
	text-decoration:underline;
}

	

/*The following  2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container and set at 100% height. This ensures that they grow with the parent container. Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */
#left-sidebar-color {
	width:213px;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/sidebar-bottom.jpg) no-repeat bottom #134871;/* left column color*/
	z-index:1;
	clear:both;
	
}
#right-sidebar-color {
	position:absolute;
	height:100%;
	right:0;
	background:#FFF;/* right column color*/
	z-index:1;
	width:287px;
	bottom:0;
	clear:both;
	
}
* html #l, * html #r {
	height:999em;
	bottom:-1px
}
p {
	padding:5px;
}/* some breathing space*/
/* clear without structural mark-up */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#inner {
	width:948px;
	overflow:hidden;
	position:relative;
	z-index:3;
}

<!--[if (lte IE 6)|(gte IE 8)]>
<style type="text/css">
#wrapper {height:100%;display:table;}/* ie8 fix for sticky footer */
* html #content{height:1%}
* html #wrapper,* html #footer { 
    /* We use a CSS expression for the INITIAL width ref:http://www.stevesouders.com/hpws/event-handler.php */
    width: expression(setElemWidth(this) );
}
</style>
<![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript">
// apply min-width to the wrapper and footer elements for ie6 - set your ids here
function setMinWidth() {
    var aElement1 = document.getElementById("wrapper");
    var aElement2 = document.getElementById("footer");

	aElement1.runtimeStyle.width = ((d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1200 ? "1200px" : d.clientWidth < 700 ? "700px" : "auto") );
	aElement2.runtimeStyle.width = ((d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1200 ? "1200px" : d.clientWidth < 700 ? "700px" : "auto") );

}
// Set the width of an element
function setElemWidth(elem) {
 // Replace the CSS expression with a static value.
    elem.runtimeStyle.width = ((d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) &&
(d.clientWidth > 1200 ? "1200px" : d.clientWidth < 700 ? "700px" : "auto"));
}

// This only sets the size AFTER a resize event.
if ( -1 != navigator.userAgent.indexOf("MSIE") ) {
    window.onresize = setMinWidth;
}

/*------------NAVIGATION ---------------*/

div#main_navi{
	font-family: Arial, Helvetica, sans-serif;
	height: 37px;
	width: auto;
	padding-top:122px;
	}
	div#main_navi ul.left{
		float: left;
		list-style-type: none;
		padding: 2px 0 0 5px;
		}
		div#main_navi ul li{
			background:#809949;
			position: relative;
			float: left;
			text-transform: uppercase;
			}
			div#main_navi ul.left li a{
				border:1px solid #FFF;
				float: left;
				overflow: hidden;
				color: #FFF;
				font-size: 12px;
				text-align:center;
				text-decoration: none;
				line-height: 18px;
				width: 132px;
				height: 22px;
				padding-top: 8px;
				}
			div#main_navi ul.left li a:hover{
				color: #FFF;
				text-decoration: underline;
				
				}
	/*---------------------header dropdown menu 20090803---------------------------------------*/
			div#main_navi ul.left li ul{
				display: none;
				position: absolute;
				left: 0;
				width: 120px;
				margin-top: 30px;
				height: auto;
				border-top: 0;
				list-style-type:none;
				
				}
			div#main_navi ul.left li ul li{
				width: 152px;
				overflow: visible;
				}
			div#main_navi ul.left li ul li a{
				background:#FFF;
				text-decoration: none;
				text-align:left;
				text-indent: 2px;
				font-size: 10px;
				color: #809949;
				border: 1px solid #809949;
				padding: 6px 10px 0px 10px;
				
				}
				div#main_navi ul.left li ul li a:hover {
					text-decoration:underline;
					color: #809949;
				}
		/*---------------------header dropdown menu 20090803---------------------------------------*/
	div#main_navi ul.right{
		float: right;
		list-style-type: none;
		padding: 0px 10px 0 0;
		}
		div#main_navi ul.right li a{
				float: left;
				overflow: hidden;
				color: #fff;
				font-size: 10px;
				line-height: 20px;
				margin: 0 0 0 10px;
				text-decoration: none;
				text-indent: 2px;
				text-transform: uppercase;
				}
			
/*-----------Facebook/twitter NAVIGATION ---------------*/

ul#right-nav {
	list-style: none;
	padding:10px 0px 32px 33px;
	
	}	
	ul#right-nav li a {
		font-size: 12px;
		display: block;
		height:25px;
		text-decoration:none;
		padding:4px 0px 0px 40px;
		}
		ul#right-nav li a:hover {
			text-decoration:underline;
		}
		ul#right-nav li.facebook a {
			background:url(images/facebooklogo.jpg) no-repeat left;
			width:200px;
			}
		ul#right-nav li.twitter a {
			background:url(images/twitterlogo.jpg) no-repeat left;
			width:200px;
			}
		ul#right-nav li.linked-in a {
			background:url(images/linked-in.jpg)  no-repeat left;
			width:200px;
			}
		ul#right-nav li.home a {
			background:url(images/home_icon.jpg) no-repeat left;
			width:200px;
			}	

/* -----------------------------------------------------------------

---------------------------- WP ------------------------------------

----------------------------------------------------------------- */



	.info-sidebar { padding:0px 10px 15px 22px;  border:0; width: auto; color:#fff; overflow: hidden; font-size:1.2em; line-height:1.4em;}

	.info-sidebar a { text-transform:none;}

	

	.pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; color: #fff; text-align:center; padding:0px 0px 0px 0px;/* margin:0px 0px -20px 0px;*/}



/*--- Navigations ---*/

	.navigation { padding:5px 2px 6px 2px; clear:both; height:100%; overflow:hidden;}

	.navigation .alignleft { float: left; width:45%; text-align:left; padding:0px 0px 0px 0px;}

	.navigation .alignright { float: right; width:45%; text-align:right; padding:0px 0px 0px 0px;}

	

	.pd-nav { padding:0; margin:0;}

	.pd-nav .alignleft { padding:0; margin:0;}

	.pd-nav .alignright { padding:0; margin:0;}

	

	.pd-title {padding-bottom:0;}

	

	.marg { margin-bottom:10px;}



/*--- Begin Images ---*/

	p img {

		padding: 0;

		max-width: 100%;}

	

	img.centered {

		display: block;

		margin-left: auto;

		margin-right: auto;}

	

	img.alignright { float: right;display:inline;

		padding: 0;

		margin: 3px 0px 10px 20px;}

	

	img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}

	

/*------*/

	.postmetadata { font-size:1.2em; clear:both; padding:12px 0px 10px 2px;}

	.postmetadata a {/*color:#3B7ECC;*/}

	.postmetadata a:hover {text-decoration:none;}

	

	/*------*/

	#tag_cloud .widget-bottom-left {padding-bottom:15px;}

	#tag_cloud .widget-heading {margin-bottom:15px;}

	#tag_cloud a {padding-left:3px;}

	

	/*--- Popup styles ---*/

	#commentspopup {}

	#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}

	#commentspopup .page-padding {padding:0 5px;}

	#commentspopup .page-width {width:538px; margin:0 auto;}

	#commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}

	#commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}

	#commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}

	#commentspopup .header-padding {padding:39px 0 0 89px;}

	#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-10000em; width:141px; height:27px;}

	#commentspopup h1:hover {text-decoration: none; cursor:pointer;}

	#commentspopup .description {width:141px; height:9px; text-indent:-10000em; margin-top:2px;}

	#commentspopup .description2 {width:249px; height:27px; text-indent:-10000em; margin-top:19px;}

	#commentspopup .border-bottom-left {padding:17px 37px 10px;}

	#commentspopup p {font-size:12px;}

	

	

/*--- Begin Typography & Colors ---*/

	small {	font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

	small * {font-size: 0.9em;}

	small p {font-size: 0.9em;}

	

	select { width: 130px;}

		

	#commentform {font-size:1.2em;}

	

	#commentform input {

		margin: 5px 5px 1px 0;}

	

	#commentform {

		margin: 5px 10px 0 0;}

		

	#commentform textarea {

		width: 100%;

		padding: 2px;}

		

	#respond:after {

			content: "."; 

			display: block; 

			height: 0; 

			clear: both; 

			visibility: hidden;}

		

	#commentform #submit {

		margin: 0 0 10px auto;

		float: right;}

		

	#respond p { padding:0px 0px 10px 0px; text-indent:0;}

	#respond form p { padding:0px 0px 10px 0px; text-indent:0;}

	

/*--- Begin Calendar ---*/

	#wp-calendar { empty-cells:show; width: 155px; font-size:1.1em;}

	

	#wp-calendar th { padding:3px 0; text-align:center; color:#fff;}

	#wp-calendar td { padding:3px 0; text-align:center; color:#fff;}

	

	#wp-calendar a { display: block; font-weight:bold;}

	#wp-calendar #next a { padding-right: 10px;	text-align: right; font-weight: normal;}

	#wp-calendar #prev a { padding-left: 10px;text-align: left; font-weight: normal;}

	

	#wp-calendar caption { text-align: center; color:#fff;   font-weight:bold; font-size:1.3em; padding:0px 0px 6px 0px;}

	

	

/* Begin Various Tags & Classes */

	acronym, abbr, span.caps {

		cursor: help;

		}

	

	acronym, abbr {

		border-bottom:1px dashed #999;

		}

	

	blockquote {

		border:1px solid #000;

		background:#222632; padding:15px 10px 10px 20px; margin:5px 0; color:#fff;

		}

	

	blockquote cite {

		margin: 5px 0 0;

		display: block;

		}

	

	

/* Captions */

	.aligncenter,

	div.aligncenter {

		display: block;

		margin-left: auto;

		margin-right: auto;}

	

	.wp-caption {

		border: 1px solid #ddd;

		text-align: center;

		background-color: #f3f3f3;

		padding-top: 4px;

		margin: 10px;

		-moz-border-radius: 3px;

		-khtml-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;}

	

	.wp-caption img {

		margin: 0;

		padding: 0;

		border: 0 none;}

	

	.wp-caption p.wp-caption-text {

		font-size: 11px;

		line-height: 17px;

		padding: 0 4px 5px;

		margin: 0;}

	

	

/* Begin Comments*/

	.alt { padding: 10px; font-size:1.2em; padding:0px 20px 0px 0px;}

	

	.commentlist {/* font-size:1.2em;*/ color:#ff;

		/*padding:0px 18px 0px 20px;*/

		text-align: justify;

		}

	.commentlist a {}

	.commentlist span { color:#fff;}

	

	ol.commentlist  li {

		margin:6px 0px 6px 0px;

		padding: 5px 10px 3px;

		/*list-style: none;*/

		background:#222632;

		border:1px solid #000;

		}

		

	.commentlist li .avatar { 

		float: right;

		border: 1px solid #eee;

		padding: 2px;

		background: #fff; /*margin:0px 20px 15px 0px;*/

		}

	

	.commentlist p { font-size:1.2em; color:#fff;

		margin: 10px 5px 10px 0;

		}

	

	#commentform p {

		margin: 5px 0;

		padding-left:15px;

		}

	

	.nocomments {

		text-align: center;

		margin: 0;

		padding: 0;

		}

	

	.commentmetadata {

		margin: 0;

		display: block;

		}
		
		/*Cforms Stuff*/

.cform { 
	width: 450px; 
	padding-left: 20px;
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:10px 0 0 0;
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	padding: 0 2px; 
	font:normal 20px Times; 
	color:#000066;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:0 10px!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}


.cform input,
.cform textarea,
.cform select { 
	margin:0 0 10px 0;
	padding:3px;
	background: #C5DAED; 
	border:none;
	border-top: 1px solid #f0f0f0; 
	vertical-align:top;
	color:#000099;
	font-weight:bold;
	letter-spacing:1px;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#134871; 
	color:white;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#000099;
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:415px; 
}
.cform select {
	width:421px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:6.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	height: 6em;
	overflow:auto;
}

.cform  input.cf_date {
	width:395px;
}

.cform input.sendbutton	{ 
	color:#134871;
	width:100px;
	padding:5px; 
	margin: 0px 18px 4px 0pt;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}
.cform input.sendbutton:hover { 
	color:#b0d1e3;
}

/*  Other: link love                                  */
/*                                                    */
.linklove {
	font-size: 0px;
}
.linklove a,
.linklove a:visited {
	font-size: 0px;
	
}
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	font-size:12px;
	text-align:right;
	vertical-align:top;
	width:421px;
}
/*------COMMENTS-------*/

ol comments { 
	border: 1px solid #134871; 

	-moz-border-radius:5px;

  	-webkit-border-radius:5px;

 	border-radius:5px; 
}

.comment-author {
	padding-left: 22px;
	
}

.comment-date { color:#bedf77; float:right; position:absolute; text-decoration:none; font-size:12px; padding-left: 8px; }