/*
Theme Name: IN WITH FOR
Theme URI: http://wordpress.org/
Description: In WITH FOR V1 DEC 2009
Author: Chris Vanstone
Author URI: http://www.inwithfor.org
Tags: Really good

	

*/



a:visited, a:link {
	color:#0099ff;
	text-decoration: none;
}

 a:hover, a:active {
	color:#0099ff;
	text-decoration: underline;
	z-index: 20;
}






body {
	padding: 0;
	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 */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 0.94em;
	background-color: #CCC;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	z-index: 10;
}


.iwf {
	background-color: #FFF;
}

.iwf img {
border:none;
}

.iwf h1{
line-height: 1.2;
	font-size: 225%;
	font-weight: bold;
	padding:0px;
	margin:0px;
}
.iwf h2{
	font-weight:bold;
	font-size:110%;
	padding:0px;
	margin:0px;
}
.iwf h3{
	margin:0px;
	font-size:100%;
	padding:0px;
}
.iwf h6{
	margin:0px;
	font-size:50%;
	padding:0px;
	line-height:normal;
}
.iwf p {
	margin-top:0;
	text-align: left;
}

.iwf #container {
	width: 1024px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	padding: 0;
}
.iwf #oneandtwoandthree {
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	margin: 0;
	padding-left: 0px;
	width: 1024px;
}

.iwf #oneandtwoandthreewhite {
	text-align: left;
	float: left;
	width: 1024px;
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.iwf #oneandtwoandthreepad {
	padding:16px;
}
.iwf #oneandtwo {
	width: 650px;
	text-align: left;
	float: left;
	margin: 0;
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
}

.iwf #oneandtwo p{
	padding-bottom: 8px;
}

.iwf #one {
	width: 320px;
	text-align: left;
	float: left;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-right: 0px;
	padding-left: 16px;
	font-size: 90%;
}
.iwf #two {
	width: 320px;
	text-align: left;
	float: left;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 16px;
	font-size: 90%;
}
.iwf #three {
	width: 325px;
	text-align: left;
	float: right;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 0px;
	margin-top: -68px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.iwf #threecol {
	width: 320px;
	text-align: left;
	float: right;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 90%;
}

.iwf #project {
	height:650px;
	margin-top:48px;
}

.iwf #three_alt {
	width: 325px;
	text-align: left;
	float: RIGHT;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-right: 0px;
	padding-left: 16px;
}

.iwf h1{
line-height: 1.2;
	font-size: 225%;
	font-weight: bold;
	padding:0px;
	margin:0px;
}
.iwf h2{
	font-weight:bold;
	font-size:110%;
	padding:0px;
	margin:0px;
}
.iwf h3{
	margin:0px;
	font-size:100%;
	padding:0px;
}
.iwf h6{
	margin:0px;
	font-size:50%;
	padding:0px;
	line-height:normal;
}

#home {
	background-image: url(/wp-content/themes/inwithfor/images/xiwf%20artwork/top%20background/background_opening-slogan.gif);
	background-position: center;
	height:600px;
	
}

#header {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 992px;
	height: 484px;
	}
	
	#homeheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/fpv3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}
	
	#smallheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 120px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/blank.gif);
	background-repeat: repeat;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
	
		#whyheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/why_slogan_background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#whoheader, #bioheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/who_slogan_background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#howheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/how_slogan_background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#whatheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/what_graph_background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#whatheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/what_graph_background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#wepromoteinterestheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/promote_tpo_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#webuildcapacityheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/capacity_leipzig_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
		#weenablechangeheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/change_enable_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
			#whereheader {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	width: 100%;
	height: 484px;
	background-image: url(/wp-content/themes/inwithfor/images/tops/blank.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
	
	
	#header2 {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 80px;
	padding-top: 2px;
	padding-right: 16px;
	padding-left: 16px;
	width: 992px;
	}
	
	#header2 a:link, #header2 a:active, #header2 a:hover, #header2 a:visited{
	color: #999;
	text-decoration: none;
	}
	#spacer {
		width:16px;
		height:100px;
		float:left;
	}
	
	
	#boxes {
		height:100px;
	
	}
	
	#box1 {
	margin-top: 10px;
	background-color: #1FBFFF;
	width:251px;
	float:left;
	}
	#box2 {
	margin-top: 10px;
	background-color: #FC5C00;
	width:252px;
	margin-left:6px;
	float:left;	
	}
	
	#box3 {
	width:224px;
	float:right;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 8px;
	}
	
	#box4 {
	background-color: #F0F;
	float:right;
	margin-bottom: 16px;
	color: #FFF;
	line-height: normal;
	text-align: left;
	background-image: url(/wp-content/themes/inwithfor/images/aboutimage.png);
	height: 175px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 13px;
	margin-right: 0px;
	}
	
	#box4 h2{
	font-size:18px;
	color:#FFF;
	text-align: left;
	letter-spacing: 0.04em;
	padding-top: 0px;
	font-weight: bold;
	margin-left: 0px;
	}
	
	#box4projects {
	background-color: #090;
	float:right;
	margin-bottom: 8px;
	color: #FFF;
	line-height: normal;
	text-align: left;
	background-image: url(/wp-content/themes/inwithfor/images/projects.png);
	height: 175px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 0px;
	}
	
	#box4projects h2{
	font-size:20px;
	color:#FFF;
	text-align: left;
	letter-spacing: 0.04em;
	padding-top: 6px;
	font-weight: bold;
	}
	
	#box4blog {
	float:right;
	margin-bottom: 16px;
	color: #000;
	text-align: left;
	padding-top: 24px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-right: 0px;
	width: 100%;
	}
	
	#box4blog h2{
	font-size:20px;
	color:#FFF;
	text-align: left;
	letter-spacing: 0.04em;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-left: 0px;
	}
		#box4blog h3{
	letter-spacing: 0.04em;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	font-size: 15px;
	}
	
		#box4blog .post{
	background-color: #FFF;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #009AE7;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	#box4page {
	float:right;
	margin-bottom: 16px;
	color: #000;
	line-height: 1.35;
	text-align: left;
	background-repeat: no-repeat;
	background-position: bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	font-size: 15px;
	padding-right: 0px;
	margin-top: 16px;
	}
	
	#box4page h2{
	font-size:20px;
	color:#000;
	text-align: left;
	letter-spacing: 0.04em;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-left: 0px;
	}
	
	#box4page h3{
	color:#FFF;
	letter-spacing: 0.04em;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	}
	
	#box4page .post{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	background-color: #FFF;
	}

	#box4twitter {
	float:left;
	margin-bottom: 16px;
	text-align: left;
	margin-top: 61px;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	}
	
	#box4tags {
	float:left;
	margin-bottom: 16px;
	text-align: left;
	margin-top: 30px;
	color:#999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	}
	
		#box4tags h2{
	font-size:20px;
	text-align: left;
	letter-spacing: 0.04em;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-left: 0px;
	}
	
	.wp-tag-cloud {
	margin: 0px;
	padding: 0px;
	}
	
	
	
	
	.tagbox {
	background-color: #CCC;
	line-height: 1.9;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	}
	

	#box4tags a:link, #box4tags a:visited{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #999;
	background-color: #F6F6F6;
	border: 0px;
	border: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	}
	
	#box4tags a:hover, #box4tags a:active{
	color: #FFF;
	text-decoration: none;
	background-color: #FF0000;
	}
	
	
	<!-- Twitter styles -->
	
.tw-text {
	
		
	}
	
	.tw-time {
		font-size: 0.84em;
		line-height: 100%;
		font-style:italic;
		color:#E4E4E4;
		margin:0px;
	}
	
.tw-content{
	background-color:#F6F6F6;
	margin-bottom:5px;
	padding:4px;
	color:#848484;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	font-size: 0.94em;
	}
	
	
	.tw-content a:link, .tw-content a:visited{
	color:#848484;
	text-decoration: none;
	}
	
	.tw-content a:active, .tw-content a:hover{
	color: #0099ff;
		text-decoration: underline;
	}
	
	
	.tw-content p{
	margin:5px;
	}
	
	
	.tweetandtag{
	line-height: 1.2;
	font-size: 225%;
	font-weight: bold;
	color:#999;
	padding:0px;
	margin-bottom:5px;
	}
	
	#box4example {
	float:right;
	margin-bottom: 16px;
	color: #333;
	text-align: left;
	line-height: 130%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 288px;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	background-color: #FFF;	
	}
	
	#why #box4example, #how #box4example, #who #box4example {
	background-color:#ffffff;		
	}
 #weenablechange #box4example, #what #box4example, #wepromoteinterest #box4example, #webuildcapacity #box4example {
	background-color:#ffffff;
	border: 1px solid #999;
	}
		

	
		#where #box4example {
	background-color:#66ccff;		
	}
	
	#box4example h2{
		font-size: 110%;
	}
	
	#box4search {
	text-align: left;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 312px;
	float: right;
	}
	
	#box4search .box {
	background-color: #ffffff;
	border: thin solid #999;
	width: 150px;
	margin-right:4px;
	height: 22px;
	font: 15px;
	color: #999;
	padding-left: 4px;
	}
	
	#box4search .button {
	height: 24px;
	background-color: #ffffff;
	color: #666;
	font-size: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	}
	
	#blogtitle{
	font-size:20px;
	color:#000;
	text-align: left;
	letter-spacing: 0.04em;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: bold;
	}


	
.iwf .pagetitle {
	color:#FFF;
	margin-bottom: 32px;
	font-weight: normal;
	font-size: 20px;
	margin-top: 0px;
	text-align: left;
	padding-top: 32px;
	padding-bottom: 20px;
	padding-left: 16px;
	background-color: #009AE7;
	width: 650px;
	margin-left: -16px;
	padding-right: 16px;
}

#post_title {
	
}

#why #post_title,#why h1, #why h2{
	color:#F60;
}

#who #post_title, #who h1, #who h2, #bio #post_title, #bio h1, #bio h2{
		color:#339933;
}

#how #post_title, #how h1, #how h2{
	color:#ff0033;
}

#what #post_title, #what h1, #what h2{
	color:#ff0066;
}
#what #one h2, #what #one h1 {
	color:#ff0066;
}
#what #two h2, #what #two h1{
	color:#ff0033;
}
#what #threecol h2, #what #threecol h1{
	color:#F60;
}

#what #one img, #what #two img, #what #threecol img {
border:none;
}


#what #one .flag, #what #two .flag, #what #threecol .flag{
border:none;
margin-top:4px;
}

#where #post_title, #where h1, #where h2{
	color:#0099ff;
}

#wepromoteinterest #post_title, #wepromoteinterest h1, #wepromoteinterest h2{
	color:#ff0066;
}

#webuildcapacity #post_title, #webuildcapacity h1, #webuildcapacity h2{
	color:#ff0033;
}
#weenablechange #post_title, #weenablechange h1, #weenablechange h2{
	color:#F60;
}

#comment_top {
	border-top-color: #900;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;	
}


#comment_mid {
	border-top-color: #1DB6F4;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	background-color: #F3F3F3;
	padding: 16px;
	font-size: 15px;
	color: #999;
	background-image: url(/wp-content/themes/inwithfor/images/comment_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#post_top .large {
	font-size: 24px;
	}
	
#post .small {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	#post .small a:visited, #post .small a:link, #post .small .alignright a:visited, #post .small .alignright a:link{
	color:#FFF;
	text-decoration: none;
	background-color: #999;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin: 0PX;
	}
	
 #post .small a:hover, #post .small a:active, #post .small .alignright a:hover, #post .small .alignright a:active{
	color:#FFF;
	text-decoration: none;
	background-color: #F60;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin: 0px;
}
	
	
	
	#post {
	background-color: #FFF;
	margin-bottom: 0px;
	width: 100%;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
	margin-left: -16px;
	border: 1px solid #CCC;
}

#post_after {
	margin-bottom: 32px;
	width: 100%;
	background-image: url(/wp-content/themes/inwithfor/images/box-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -1px;
}


	
#post_top .alignright {
float:right;
text-align:right;
}

#post_bottom .small {
	font-size: 18px;
	}
	


#post_after h1 {
	font-size:24px;
}
#post_after .author{
	font-weight:bold;
	font-size:14px;
}

	
	#post_mid h1 {
	font-size:18px;
	}

#post_mid {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left:50px;
	padding-right:50px;
}
.wcg #undernav {
	padding: 30px 0px 0px 0px;
	font-size: 12px;
	margin-top: 0px;
	color: #999999;
	line-height: 1.4em;
}





/* Begin Images */
p img {
	padding: 0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin: 0;
	}
	
	.alignrightandup {
	float: right;
	margin-top:-29px;
	}

.alignleft {
	float: left;
	margin: 0;
	}
/* End Images */


#frontpage {
	height: 300px;
	padding-left: 0px;
	padding-top: 100px;
	background-color: #1FBFFF;
}



#strapline {
	border:0px;
	float:right;
	margin-top:20px;
	margin-right:16px;
	font-size: 12px;
}

#footer {
	color: #FFF;
	margin-bottom:0px;
	margin-left: 0px;
	width: 100%;
	padding-top:0px;
	padding-bottom: 0px;
	background-color: #CCC;
	margin-top: 96px;
	font-size: 80%;
} 
#headerwrap {
	height:75px;
	margin-bottom:-10px;
}

#footerwrap {
	height:120px;
}



	#footer_end {
	margin-top: 48px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
	background-color: #000;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 16px;
	width: 996px;
	line-height: 1.2;
	height: 50px;
	}
	
#footer_end a:visited, #footer_end a:link {
	color:#FFF;
	text-decoration: none;
}

#footer_end a:hover, #footer_end a:active {
	color:#FFF;
	text-decoration: underline;
}

  
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}


#pagetop {
	background-repeat: repeat-x;
	padding-top: 14px;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
	border: 0;
	color:#ff33cc;
}


#pagetop .large {
	font-size: 24px;
	}
	
#pagetop .small {
	font-size: 16px;
	}
#page_mid {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left:50px;
	padding-right:50px;
	min-height: 200px;
}
#page_col1 {
	width: 425px;
	margin-bottom: 150px;
	font-size: 14px;
	float:left;
	line-height: 1.35;
	color: #353535;
	border-right-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 25px;
	margin-top: 20px;
}

#page_col2 {
	color: #353535;
	font-size: 14px;
	line-height: 1.35;
	margin-bottom: 150px;
	margin-left: 451px;
	padding-left: 25px;
	margin-top: 20px;
}
#box3 ul, #box4blog ul{ 
margin:0; 
padding:0;
list-style-type:none;
	
} 
#box3 li, #box4blog li{
	margin-bottom: 10px;
} 
#box3 p {
	padding:0;
	margin: 0;
}
.archives ul{ 
list-style-type: none;
padding:0; 
margin:0; 
} 

.archives{
	margin-top:-45px;
	padding-top: 0px;
	color: #333;
	padding-bottom:2px;
	padding-left:12px;
	width: 1024px;
	font-size:12px;
	text-align:center;
} 

.archives p{
	margin:0px;
	padding:0px;
	text-align:center;
}

.archives li, .archives .wp-tag-cloud li{
	padding:0;
	font-size :14px;
	line-height:1.1em;
	display: list-item;
	margin-bottom: 8px;
} 

.archives .index_title {
	font-size: 14px;
	padding-bottom:0px;
	color: #FFF;
	text-align: left;
	margin-bottom: 16px;
	font-weight: bold;
}

.archives .col1 {
	width:240px;
	float:left;
	height:100%;
	padding-left: 16px;
}
.archives .col2 {
	width:256px;
	float:left;
}
.archives .col3 {
	
	width:256px;
	float:left;
	height: 100%;
}
.archives .col4 {
	width:240px;
	float:right;
	height: 100%;
	padding-right: 16px;
}

.archives a:visited, .archives a:link {
	color: #333;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.archives a:hover, .archives a:active{
	
	text-decoration: underline;
}



table.promote {
	font-size: 90%;
	color: #FFF;
	text-align: left;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	vertical-align: top;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	line-height: 1.1;
	background-color: #3CF;
	padding: 0px;
	margin-bottom: 32px;
	margin-top: 8px;
	margin-right: 0px;
	margin-left: 0px;
}


#wepromoteinterest table.promote, #webuildcapacity table.promote, #weenablechange table.promote  {
	background-color:#FFF;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
}

table.promote td {
	
	padding: 12px;
	text-align: left;
		line-height: 1.3;
		border: 1px solid #999;
		vertical-align: top;
}
table.promote th {
	
	padding: 12px;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
		vertical-align: top;
		border: 1px solid #999;
		vertical-align: top;
}

table.promote th.blank 
{
	background-color: #FFF;
	padding: 12px;
	text-align: left;
	border: 1px solid #999;
	vertical-align: top;
}


table.promote th.header {
	
	padding: 12px;
	font-size:130%;
	text-align: left;
	border: 1px solid #999;
	vertical-align: top;
}


table.promote ul{
	list-style: none;
	margin-left: 0;
	margin-top: 0px;
	padding-left: 1.3em;
	text-indent: -1.3em;}

table.promote li, table.curicula li{
	margin-bottom: 6px;
	}

table.curicula ul{
	list-style: none;
	margin-left: 0;
	margin-top: 0px;
	padding-left: 1em;
	text-indent: -.7em;}



table.curicula {
	font-size: 77%;
	color: #333;
	text-align: left;
	vertical-align: top;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0px;
	line-height: 1.1;
	background-color: #FFF;
	padding: 8px;
	margin-bottom: 32px;
	margin-top: 32px;
}

table.curicula td {
	padding: 8px;
	text-align: left;
border: 1px solid #999;
	vertical-align: top;
}
table.curicula th {
	padding: 8px;
	text-align: left;
border: 1px solid #999;
	font-weight: bold;
	font-size: 100%;
	vertical-align: top;
}

table.curicula th.blank 
{
	background-color: #FFF;
	color: #FFF;
	padding: 4px;
	text-align: left;
border: 1px solid #999;
}


table.curicula th.header {
	background-color: #ff6600;
	color: #FFF;
	padding: 4px;
	font-size:150%;
	text-align: left;
	border: 1px solid #999;
}


.opening_para {
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.5;
	padding:0px;
	margin-bottom: 16px;
	margin-top: 16px;
}

 opening for main navigation 

#navcontainer{
}

#navcontainer ul
{
	padding: 0;
	list-style-type: none;
	text-align: center;
	float: right;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	margin-top: 0px;
}

#navcontainer ul li {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#navcontainer ul li a
{
	text-decoration: none;
	color: #fff;
	margin-top: 0px;
	vertical-align: middle;
	width: 55px;
	height: 40px;
	display: inline-block;
	
	padding-top: 19px;
	padding-bottom: 0px;
	text-align: center;
}

#navcontainer ul li a:hover
{
	color: #666;
	background-color: #FFF;
}
#navcontainer a.why{
	background-color: #f07216;
	
}
#navcontainer a.who{
	background-color: #45a22b;

}
#navcontainer a.how{
	background-color: #ed031a;

}
#navcontainer a.what{
	background-color: #ed0b6f;

}
#navcontainer a.where{
	background-color: #02a3e8;
	
}
#navcontainer a.strap, #navcontainer a:hover.strap{
	color:#000;
	text-align:right;
	font-weight: bold;
	width: 400px;
}	
	
#blognavcontainer {
	height:80px;
	
}

#blognavcontainer ul
{
	padding: 0;
	list-style-type: none;
	float:left;
	text-align: center;
	margin-left: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	margin-top: 0px;
}

#blognavcontainer ul li {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
}

#blognavcontainer ul li a
{
	text-decoration: none;
	color: #fff;
	background-color: #999;
	margin-top: 0px;
	vertical-align: middle;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
}
#blognavcontainer a.blog, #blognavcontainer a:hover.blog{
	color: #ffffff;
	background-image: url(/wp-content/themes/inwithfor/images/redblogarrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
}
#blognavcontainer a:hover.how{
	background-color: #ed031a;
	color: #ffffff;
}

#blognavcontainer ul li a:hover {
	color: #666;
	background-color: #FFF;
}
#blognavcontainer a:hover.why{
	background-color: #f07216;
	color: #ffffff;
}
#blognavcontainer a:hover.who{
	background-color: #45a22b;
	color: #ffffff;
}
#blognavcontainer a:hover.how{
	background-color: #ed031a;
	color: #ffffff;
}
#blognavcontainer a:hover.what{
	background-color: #ed0b6f;
	color: #ffffff;
}
#blognavcontainer a:hover.where{
	background-color: #02a3e8;
	color: #ffffff;
}

#blogsubnav2 {
	height: 80px;
	margin-top:0px;
	z-index: 30;
}
	
	
	#whatnavcontainer {
	height:80px;
	margin-left:16px;
	vertical-align:top;
	
}

#whatnavcontainer ul
{
	padding: 0;
	list-style-type: none;
	float:right;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	margin-top: 0px;
}

#whatnavcontainer ul li {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-right: 13px;
}

#whatnavcontainer ul li a
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999;
	margin-top: 0px;
	vertical-align: middle;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	width:304px;
	height:55px;
	background-image: url(/wp-content/themes/inwithfor/images/ARROWBLANK.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bold;
}
#whatnavcontainer a.whatarrow, #whatnavcontainer a:hover.whatarrow{
	color: #ffffff;
	background-image: url(/wp-content/themes/inwithfor/images/redblogarrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:60px;
	height:55px;
	background-color: #FFF;
}
#whatnavcontainer a:hover.how{
	background-color: #ed031a;
	color: #ffffff;
		background-image: url(/wp-content/themes/inwithfor/images/ARROWBLANK.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}

#whatnavcontainer ul li a:hover {
	color: #666;
	background-color: #FFF;
}

#whatnavcontainer a:hover.why{
	background-color: #f07216;
	color: #ffffff;
		background-image: url(/wp-content/themes/inwithfor/images/ARROWBLANK.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:55px;
}
#whatnavcontainer a:hover.what{
	background-color: #ed0b6f;
	color: #ffffff;
	background-image: url(/wp-content/themes/inwithfor/images/ARROWBLANK.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:55px;
}