/* @override http://www.wisegrass.com/common/global.css */

* {margin: 0;padding: 0;font-size: 1em;font-weight: normal;border: none; color: #30322A;}

ul li {
	text-indent: 0;
	list-style: none;}
	
.clears {clear: both;}

/* clearfix */
.cfx:after {visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0;}
.cfx { display: inline-block; }
/* start commented backslash hack \*/
* html .cfx { height: 1%; }
.cfx { display: block; }
/* close commented backslash hack */

/*

COLORS:

#F0F8E0 - lightest green: body background
#DBEFB3 - light green: sidebar and header
#99CC33 - medium green, nav bar and midbar
#55860E - mediumdark green, sidebar text
#386604 - dark green, headers, nav links

#871230 - burgandy, headers and links

#EEE    - light gray, input fields

*/


#countBody {
	color: #871230;
	font-weight: bold;}
	
input.button {
	color: white;
	background: #9c3;
	text-indent: 0px !important;
	display: inline;
	padding: 0 5px;
	font-size: 12px;
	border: 1px solid #6bab16;
	border-width: 0 1px 1px 0;
	height: 26px;}
	
input.onefield {
	border: 1px solid red;
	padding: 4px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 0;
	margin-right: 5px;
}

.Success {
	border: 2px solid #9c3;
	padding: 8px;
	background-color: #d3f5b7;
	margin-bottom: 10px;
}

.Success p {
	font: bold 12px arial;
	margin-bottom: 0px !important;
}

.error {
	border: 2px solid #d2676a;
	padding: 8px;
	background-color: #f4d7bf;
	margin-bottom: 10px;
}

.error p {
	font: bold 12px arial;
	margin-bottom: 0px !important;
}



#ml input.onefield {
	width: 150px;
}

#ml form {
	margin-top: 5px;
}

p.center {
	text-align: center;}
div.align {
	margin:auto;}


.aside hr {
	margin-bottom: 20px;
	border-bottom: 1px dotted #99CC33;}

div#left a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(/images/icon_pdf.gif) no-repeat center left;
}

div#left a[href ^="mailto:"] {
   padding-left: 16px;
   background: transparent url(/images/icon_mailto.gif) no-repeat 0 1px;
}

div#left a[href ^="http://www.facebook.com"] {
	padding: 3px 22px;
	background: transparent url(/images/facebook.gif) no-repeat center left;}
	
div#left a[href ^="http://www.twitter.com"] {
	padding: 3px 22px;
	background: transparent url(/images/twitter.gif) no-repeat center left;}
	
div#left a[href ^="http://www.thinkn.org"] {
	padding: 3px 22px;
	background: transparent url(/images/wordpress.gif) no-repeat center left;}


.aside.social {
	width: 230px;
	padding: 15px;
	margin: 0 0 10px 10px;}

.aside.social p {
	font: italic 13px/20px georgia;
	margin: 0 0 10px !important;}


body {
	background: #F0F8E0;
	color: #30322A;
	font-family: arial;}
	
textarea {
	font-family: arial;}
	
.edit {
	font: 12px arial;}
	
.mr10 {
	margin-right: 10px;}
	
.ml10 {
	margin-left: 10px;}
	
.mr20 {
	margin-right: 20px;}
	
.ml20 {
	margin-left: 20px;}
	
.left-50 {
	width: 50%;
	float: left;
}

.right-50 {
	width: 50%;
	float: right;
}

.simplelink { font-size: 75%; text-decoration: none; font-weight: bold;}
.simplelink:hover { font-size: 75%; text-decoration: none; font-weight: bold; color: #386604;}

	
	
strong {
		font-weight: bold;}

.text_right {
	text-align: right;}

p {
	font: 13px/20px arial;
	color: #30322A;}
	
a {
	color: #386604;
	outline: none;}
	
.floatr{
	float: right;
}

.floatl {
	float: left;
}
	
hr{
	border-bottom: 1px dashed #99CC33;
	}
	
.aside {
	padding: 15px 15px 0px 15px;
	background: #DBEFB3;
	border-bottom: 1px solid #99CC33;
	margin: 20px 0 25px;}
	
.banner {
	background: #c0e47b url("../images/green_grad_rectangle.gif") right bottom no-repeat;
	border: 2px solid #afdb53;
	padding: 10px ;
	text-align: center;
	margin-bottom: 20px;}

.banner p {
	margin: 0 !important;
}

.banner strong {
	font: italic bold 15px georgia;
	color: #386604;
}
	
.info_block {
	border: 1px dotted #9c3;
	background: #dbefb3;
	padding: 10px;
	width: 200px;}
	
.info_block img {
	border: 2px solid #b0dc55;
	background: white;
	padding: 1px;
	width: 195px;
}
	
.info_block p {
	font-size: 11px;
	margin-bottom: 0 !important;
	line-height: 16px;
}

.info_block input.button {
	text-indent: 0;
	height: 16px;
	width: 80px;
	padding: 3px 5px;
	text-align: center;
	font: italic 11px georgia;
	float: right;
	margin-top: 5px;
	
}
	
	
p.smaller {
	font-size: 75% !important;}
	
.aside h3 {
	font-family: Georgia ;
	font-style: italic;
	letter-spacing: 1px;
}
	
h2 {
	color: #871230;
	font-size: 24px;}
	
h3 {font-size: 18px;
	color: #871230;
}

.inset_dark {
	background: #99CC33;
	border: 1px solid #77BB1A;
	border-width: 0 1px 1px 0;}
	
a.inset_dark:hover {
	background: #386604;
	border-color: #333;
	color: #99CC33;}

.button {
	background: #99CC33;}

a.button {
	background: url(../images/green_grad_horizontal.gif.png) left top repeat-x;
	padding: 7px;
	font-size: 13px;
	color: #55860E;
	}
	

iframe.map {
	border: 3px solid #99CC33;
	padding: 1px;
	background: white; }


	
#container {
	width: 920px;
	margin: auto;
	background: white;}
	
#sub_container {
	margin: auto;
	width:900px;
	color: black;
	background: url("../images/content_bg.gif") repeat-y left top;}
	
#header {
	background: #DBEFB3;
	padding: 17px;}
	
	#header p.address {
		border-left: 2px solid #99cc33;
		font-size: 75%;
		float: left;
		padding-left: 15px;
		margin: 20px 0 0 20px;}
		
	#header ul.points {
		border-left: 2px solid #99cc33;
		float: left;
		padding-left: 15px;
		margin: 20px 0 0 20px;}
		
		
	#header ul.points li {
		font-size: 75%;
		margin-bottom: 3px;
		padding-left: 15px;
		background: url(/images/bullet_sm.gif) left center no-repeat;
		}
		
	#header div {
		float: right;}
		
		#header div h2 {
			text-align: right;
			font-size: 36px;}
			
			#header div h2 a {
				text-decoration: none;}
	
	
h1.logo {}
	
	h1.logo a {
	width: 179px;
	height: 77px;
	background: url("../images/logo.gif");
	text-indent: -9999px;
	float: left;}
	
	
.midbar {
	background: #99CC33;
	border-top: 1px solid white;
	height: 246px; }
	
	.midbar .blurb {
		padding: 24px;
		width: 360px;
		background: url("../images/trans_green.png");
		margin: 38px 30px 30px 450px;
		color: white;}
		
		.midbar div#frame {			
			height: 246px;
			}
			
			.midbar #frame div.frame_sub {
				background: url("../images/midbar_frame.gif") center top;
				height: 246px;
				border-top: 1px solid #99CC33;
				width: 900px;}
	
		.midbar .blurb p {
			color: white;
			font-size: 17px;}
	
.midbar .blurb h2 {}


.nav {
	background: #99CC33;
	padding: 10px;
	border-bottom: 1px solid white;
	}
	
	.nav ul li {
		list-style: none;
		display: inline;
		margin-right: 15px;
		margin-left: 5px;}
		
		.nav ul li a {
		 	color: #386604;
		 	text-decoration: none;}
		 	
		 	.nav ul li a.blog {
		 		background: url("../images/tablet.gif") left no-repeat;
		 		padding-left: 30px;
		 		margin-left: 8px}
		 		
		 		
		 		
/* ------------------------------------ left content area ------------------------------------ */
		 		
		 		
#left {
	float: left;
	width: 603px; 
	padding: 20px /* total width 640px */ }	
	
	
#left p {
	margin-bottom: 15px;}
	
#left h2 {
	margin-bottom: 5px;}
	
#left h3 {
	margin-bottom: 5px;}
	
	
#left ul {
	margin-bottom: 10px;}
	
#left ul li {
	color: #656f60;
	padding-left: 15px;
	background: url("../images/bullet_sm.gif") left 5px no-repeat;
	font-size: 12px;
	margin-bottom: 4px; }
	
	

	
	
/* ------------------------------------ right content area ------------------------------------ */

		
#right {
	float: right;
	width: 249px;}
		
html>body #right {
	float: right;
	width: 256px;}
	
	#right p {
		font: 13px/18px arial;
		color: #55860E;}
		
	#right em {
		font-family: georgia, serif;
		font-style: italic;}
	
	#right .module {
		border-bottom: 1px dotted #99CC33;
		margin-bottom: 5px;
		padding: 15px;}
		
	#right .module.last {
		margin-bottom: 0;
		border-bottom: 0;}
	
		#right .module h4, #right .module h4 a {
			font: 19px georgia;
			color: #871230;}
			
		#right .module h3, #right .module h3 a {
			font: 19px arial;
			color: #386604;
			text-transform: uppercase;
			font-weight: bold;}
			

/* ------------------------------------ right content area | module specific ------------------------------------ */

#rss {
	background: url("../images/green_grad_rectangle.gif");
	padding: 0px !important;
}

#rss a.rss {
	font: italic bold 13px Georgia;
	text-decoration: none;
	float: left;
	margin: 8px;
	background: url(/images/rss.gif) left center no-repeat;
	padding-left: 17px;
}

#rss a.rss:hover {
text-decoration: underline;}


#usp{
	background: url("../images/green_grad_rectangle.gif");
	padding: 0 !important;}
	
	#usp div {
		padding: 15px 15px 0px;}

	#usp h3 {
		background: url("../images/grass.gif") left no-repeat;
		padding: 7px 40px;
		margin-bottom: 7px;}
			
#usp a.arrowlink, #rss a.arrowlink {
	text-indent: -9999px;
	background: url("../images/arrow_corner.gif");
	width: 31px;
	height: 31px;
	display: block;
	float: right;}
		
		
#pb{
	background: url("../images/green_grad_rectangle.gif");
	padding: 0 !important;}
	
	#pb div {
		padding: 15px 15px 0px;}

	#pb h3 {
		background: url("../images/tablet.gif") left no-repeat;
		padding: 7px 30px;
		margin-bottom: 7px;}
			
	#pb a.arrowlink {
		text-indent: -9999px;
		background: url("../images/arrow_corner.gif");
		width: 31px;
		height: 31px;
		display: block;
		float: right;}
		
.module a.button {
		margin: 15px;
		display: block !important;
		padding: 10px;
		text-align: center;
		border: 1px solid #72b51c;
		border-width: 0 1px 1px 0;
}

.module a.button:hover {
	background: #89b62a;
}


		
#ls a.button {
	margin: 0;
}
	
	#ls h4 {
		margin-bottom: 10px;}
	
	#ls h4 a {
		background: url("../images/speech_bubble.gif") right center no-repeat;
		padding: 2px 42px 4px 0;}
		
	#ls p {
		border-top: 1px dotted white;
		padding-top: 10px;
		margin-top: 10px;}





/* ------------------------------------ footer ------------------------------------ */


#footer {}
	
	#footer .lower {
		padding: 10px;
		background: white;}
		
		
/* ---------- lower links ---------- */

		
#footer .lower ul {
		float: left;
		width: 125px;}
	
	#footer .lower ul li {
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 3px;		
		color: #386604;}
		
		#footer .lower ul li a {
			color: #55860E;
			text-decoration: none;}
			
		#footer .lower ul li a:hover {
			text-decoration: underline;} 
			
			
/* ---------- lower right ---------- */

#footer .lower .right p {
	font: 11px georgia;
	font-style: italic;
	text-align: right;
	margin-bottom: 7px;
	}
	
	
	
	

/* ---------- breadcrumb ---------- */


#breadcrumb {
	clear: both;
	background: url("../images/green_grad_horizontal.gif.png");
	border: 3px solid #77BB1A;
	border-width: 3px 0;
	font: 12px georgia;
	font-style: italic;
	padding: 7px}
	
#breadcrumb a {
	color: #55860E;
	text-decoration: none;}
	
	#breadcrumb a:hover {
		text-decoration: underline;}
	
	#breadcrumb a.home {
		background: url(../images/home_icon.gif) center center no-repeat;
		text-indent: -9999px;
		display: block;
		float: left;
		width: 12px;
		margin-left: 2px}
		
	#breadcrumb span {
		width: 10px;
		padding: 7px 0px 7px 10px;
		margin: 7px;
		clear: none;
		background: url(../images/crumb.gif);}
		

		
/* --- forms --- */
	
	
#footer form {
	background-position: top left;
	width: 214px;
	float: right;
	text-align: left;
	padding: 0;}
	
#footer form input.field {
	width: 180px;
	margin: 0;}
	
#footer form input.button {
	width: 23px;
}
	
#footer form p {
	margin: 0;
	padding: 0;
	text-align: left !important;
}

.star {
	color: #f96656; }


/* contact page */

.c-form input:focus {
	background: #F0F8E0;
	color: black;
	outline: none;}
	
.c-form input.req, .c-form textarea.req {
	border-bottom: 1px solid #f96656;
}
	


.c-form input, .c-form .message {
	border: 2px solid  #cee2a7;
	background: white;
	padding: 7px;
	font: 13px Arial;
	width: 270px;
	color: #666;}
	
	
.c-form input.radio {
	width: 25px !important;
}
	
.c-form input.s {
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 14px;
}

.c-form .message.l {
	width: 580px;
}

.c-form fieldset {
	border-top: 1px dotted red;
	border-color: #9c3;
	padding-top: 10px;
}

.c-form legend {
	color: #871230;
	padding-right: 10px;
	margin: 0 0 10px 0;
}

	

 .c-form label {
	display: none;}
	

 #login.c-form label {
	display: inline;}
	

 .c-form input.btn {
	background-color: #99CC33;
	color: white;
	width: 105px;
	cursor: pointer;}
	
 .c-form #message {
	}
	
	
/* BLOG PAGE 
------------------------------------*/



#blog #left.blogcomments p {
	font: 13px/150% Arial;}
	
#blog #left.blogcomments p.smaller {
	font: 12px georgia;
}
	
#blog #left.blogcomments {
	margin-bottom: 20px;}
	
.comment {
	padding: 10px;
	background: #d0eb9d;
	border-bottom: 1px solid white;
}

.comment.odd {
	border-top: 3px solid #c0e47b;
}

.comment.even {
	border-top: 3px solid #c0e47b;
}

#button {
	margin: 10px 0 ;
	display: block;
	width: 120px;
	text-align: center; }
	
div.greenbox {
	font: 1em georgia;
	margin: -20px -20px 20px;
	padding: 10px 10px 3px 10px;
	background-color: #b1dc56;
}

div.greenbox p {
	margin-bottom: 5px !important;
	font: italic 1em georgia;
}

div.greenbox input.name, div.greenbox textarea {
	width: 610px !important;
	height: 20px;
	border: 2px solid #77bc1a;
	padding: 5px;
	font: italic 1em georgia;
	color: #666;
}

div.greenbox input#submit {
	padding: 4px 8px;
	color: white;
	font-size: 12px;
}

.wallpost p {
	margin: 0 !important;
	font: italic 1em georgia ;
	color: #2c5108;
}

.wallpost p.smaller {
	color: #779f26;
}


.wallpost {
	border-bottom: 2px solid #9c3;
	padding: 10px;
	background: #daefb2;
	margin: 5px 0;
}

.info_block hr {
	margin: 5px 0;}


#left table {
	border: 2px solid #9c3;
	font-size: 12px;
	border-collapse: collapse;
}

#left table td {
	padding: 9px;
	border: 1px solid #bee377;
	width: 200px;
	text-align: center;
}

#left table td strong {
	color: #34551f;
}

#left table td span {
	font: italic 13px georgia;
	color: #507e11;
}

#left table td.head {
	background: #dbefb3;
	font-weight: bold;
	color: #34551f;
}

#left table thead td, #left table thead td.head {
	background: #c0e47b;
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

table.calendartable td {
	padding: 1px 7px;
	font: 13px georgia;
	text-align: center;
	
}

div.calendar.module {
	margin-bottom: 0px !important;
}

div.categories.module a.selected {
	text-decoration: none;
	font-weight: bold;
	color: black;}

#right div.module ul {
	font-size: 12px;
}

#right div.module ul li {
	list-style: none;
	padding-left: 12px;
	background: url(/images/bullet_sm.gif) left center no-repeat;
	margin-bottom: 2px;
}

#right div.module ul li a {
	color: #454d42;
}

tr.calendarHeader {
	border-bottom: 1px solid red;
	border-color: #9c3;
}
	
tr.calendarHeader td {
	padding: 0 0 10px !important;
}

.entry {
	border-bottom: 1px dotted #779f26;	
	margin-bottom: 20px;
}

/* twitter module */

.twitter.module {
	background: url(/images/twitbird.gif) 195px 5px no-repeat;
}

a#twitter-link {
	font-size: 75%;
	text-align: left;
	float: left;
	border-bottom: 1px dotted #779f26;
	width: 100%;
	margin-bottom: 12px;
	padding-bottom: 12px;
	display: block;}

#twitter_update_list li {
	border-bottom: 1px dashed #9c3;
	margin-bottom: 7px !important;
	padding-bottom: 7px;
	padding-left: 5px !important;
	background: none !important;
}

#twitter_update_list {
}
	

 #twitter_update_list li a {
	color: #649d18 !important;
}

.entry div.posted p {
	margin-bottom: 5px !important;
}

img.img_right {
	border: 3px solid #9c3 !important;
	padding: 1px;
	background-color: white;
	float: right;
	margin: 5px 0 5px 10px;
}

img.img_left {
	border: 3px solid #9c3 !important;
	padding: 1px;
	background-color: white;
	float: left;
	margin: 5px 10px 5px 0;
}

/* search page */

body#search div#sub_container {
	background: white;
}



	
	
	
	
/*

COLORS:

#F0F8E0 - lightest green: body background
#DBEFB3 - light green: sidebar and header
#99CC33 - madium green, nav bar and midbar
#55860E - mediumdark green, sidebar text
#386604 - dark green, headers, nav links

#77BB1A - breadcrumb green

#871230 - burgandy, headers and links

#EEE    - light gray, input fields


*/