@charset "UTF-8";
/* Starter */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #666666;
	background: #8cc63e url(/images/layout/leaf.jpg) top center repeat-x; 
}

/* default links */

a {
	text-decoration: underline;
	outline: none;
}

a:link {
	color: #009042;
}

a:visited {
	color: #009042;
}

a:active {
	color: #009042;
}

a:hover {
	color: #000000;
}

img {
	border: 0px;
}

textarea {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #666666;
}

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

/* default positioning */

#mainOverlay {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 1;
}

#container {
	width: 1000px;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	background: #ffffff;
}

#sendingData {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	border: 1px solid #494949;
	color: #494949;
	z-index: 1000;
	background: #f3f3f3;
}

/* main site */

#header {
	width: 1000px;
	height: 394px;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 64px 0px 0px 0px;
	font-size: 0; /* ie 6 is silly */
}

#logo {
	width: 231px;
	height: 334px;
	background: url(/images/layout/white-nodrop.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 40px;
	right: 50px;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 11px;
	z-index: 200;
}

#test {
	z-index: 150;
}

#shortlogo {
	width: 253px;
	height: 110px;
	display: block;
	position: absolute;
	top: 32px;
	right: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 200;
}

#shortlogo img {
	z-index: 250;
}

#nav {
	width: 1000px;
	height: 88px;
	background: url(/images/layout/header.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 72px 0px 0px 0px;
	z-index: 100;
}

	#nav ul {
		padding: 0px 0px 0px 25px;
		margin: 0px 0px 0px 0px;
		list-style: none;
	}
	
	#nav ul li {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		list-style: none;
		float: left;
	}
	
	#nav ul li a {
		padding: 1px 1px 1px 1px;
		margin: 0px 0px 0px 0px;
		display: block;
	}
	
	#nav ul li a:hover, #nav ul li a.current {
		padding: 0px 0px 0px 0px;
		border: 1px solid #ffffff;
	}


#login {
	width: 236px;
	height: 23px;
	background: url(/images/layout/slider.png) left top no-repeat;
	display: block;
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	right: 35px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 7px 35px;
	z-index: 300;
	line-height: 19px;
}

	#login img {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#login.open {
		height: 120px;
		line-height: 16px;
	}
	
	#login.admin {
		height: 240px;
	}
	
	#login.open a {
		font-size: 11px;
		line-height: 13px;
		color: #009042;
		text-decoration: none;
	}
	
	#login.open a:hover {
		color: #000000;
	}
	
	#login.open a.logout {
		color: #FC811D;
		display: block;
		font-size: 10px;
		position: absolute;
		bottom: 10px;
		right: 35px;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #CCCCCC;
		z-index: 400;
	}
	
	#login.open a.logout:hover {
		color: #000000;
	}
	
	#login form{
		display: none;
		margin: 2px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#login.open form{
		display: block;
	}
	
	#login form fieldset{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: .03em;
	}
	
	#login input[type=text], #login input[type=password], #login input[type=submit]{
		color: #009042;
		background: #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 2px 2px 2px 2px;
		border: 1px solid #999999;
	}
	
	#login input[type=submit]{
		width: 50px;
		height: 22px; /* includes padding and border */
		font-size: 10px;
		text-transform: uppercase;
		cursor: pointer;
		padding: 0px 0px 0px 0px;

	}
	
	#login input[type=submit]::-moz-focus-inner { /*Remove button padding in FF*/
    	border: none;
   		padding: 0;
	}

	
	#login input[type=text] {
		width: 197px;
		height: 16px;
	}
	
	#login input[type=password] {
		width: 137px;
		margin-right: 10px;
		height: 16px;
		margin-top: 1px; /* to move firefox button down 1px */
	}
	
	#login input:focus {
		border-color: #000000;
	}

#content {
	width: 1000px;
	position: relative;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/layout/home_bg.gif) left top repeat-x;
}
	
	/* homepage side photo */
	#content #photo {
		width: 231px;
		height: 334px;
		background: url(/images/layout/white-nodrop.png) left top no-repeat;
		display: block;
		position: absolute;
		top: -40px;
		left: 40px;
		margin: 0px 0px 0px 0px;
		padding: 11px 0px 0px 11px;
		z-index: 200;
	}
	
	#content #photo table {
		width: 219px;
		height: 322px;
		border: 0px;
		background: url(/images/layout/herbs.jpg) left top no-repeat;
	}
	
	#content #photo table p {
		background: #ffffff;
		font-size: 14px;
		padding: 15px 15px 15px 15px;
		margin: 0px 0px 0px 0px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80); 
		opacity: 0.8;
		zoom: 1; /* to make transparency work in IE */
	}
	
	/* homepage text */
	#content #intro {
		width: 638px;
		background: url(/images/layout/home_flower.gif) center bottom no-repeat;
		display: block;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 40px 40px 40px 0px;
		color: #666666;
		font-size: 18px;
		line-height: 26px;
		letter-spacing: .05em;
	}
	
/* homepage bottom content */	

#cols {
	display: block;
	background: url(/images/layout/newsevents.gif) left top repeat-y;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
}

#areas, #events, #news {
	width: 271px;
	display: inline; /* fixes double padding in ie6 */
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 25px 0px 25px;
	line-height: 20px;
}

#areas {
	margin: 0px 0px 0px 25px;
}

	#areas ul {
		margin: 20px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
	}
	
	#areas ul li {
		list-style-image: url(/images/layout/check.gif);
	}
	
	#news ul {	
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#news ul li {	
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
	}
	
	#news ul li a {	
		color: #666666;
	}
	
	#news ul li a:hover {	
		color: #000000;
	}
	
	#events p {
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
	}
	
/* footer */

#footer {
	width: 920px;
	background: url(/images/layout/footer_bg.gif) left top repeat-x;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 20px 40px 20px 40px;
}

	#footer a {
		text-decoration: none;
	}
	
	#footer a.credit:link, #footer a.credit:visited, #footer a.credit:active {
		color: #cccccc;
	}

	#footer a.credit:hover {
		color: #96cc62;

	}

#social {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	#social img {
		padding: 2px 2px 2px 11px;
	}
	
	#social a {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70); 
		opacity: 0.7;
		zoom: 1; /* to make transparency work in IE */
	}
	
	#social a:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100); 
		opacity: 1;
	}

/* internal page */

#left {
	width: 582px;
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 200px 40px 20px 40px;
	line-height: 20px;
	background: url(/images/layout/page_flower.gif) right 130px no-repeat;
}

	#left ul li {
		list-style-image: url(/images/layout/bullet.gif);
	}
	
	#left h1 {
		font-size: 18px;
		color: #009042;
		font-weight: normal;
		padding: 10px 0px 0px 0px;
	}
	
	#left h2 {
		font-size: 18px;
		font-weight: normal;
		padding: 10px 0px 0px 0px;
		border-bottom: 1px solid #cccccc;
	}
	
	#left div {
		margin: 0px 0px 0px 0px;
	}
	
	#left div.news {
		margin: 0px 0px 30px 0px;
	}
	
	#left div p.title {
		margin: 16px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#left div p.quote {
		margin: 10px 0px 0px 48px;
		padding: 0px 0px 0px 0px;
	}
	
	#left div p.quote .q {
		margin: 20px 0px 0px 8px;
		position: absolute;
		font-size: 80px;
		color: #e6e6e6;
	}
	
	#left div p.quote .l {
		margin: 20px 0px 0px -32px;
	}
		
	#left div.gallery{
		width: 600px;
		position: absolute;
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#left div.gallery a{
		display: inline-block;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 20px 0px;
	}
	
	
/* forms */

	#left table {
		width: 100%;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-collapse: collapse;
		
	}
	
	#left table tr td {
		padding: 2px 2px 2px 2px;
	}
	
	#left table tr td.label{
		width: 165px;
	}
	
	#left input, #left input[type=text], #left input[type=password], #left input[type=textarea] {
		background: none;
		padding: 2px 2px 2px 2px;
		border: 1px solid #999999;
	}
	
	#left input[type=text] {
		width: 215px;
	}
	
	#left input.date[type=text] {
		width: 80px;
	}
	
	#left input:focus {
		border: 1px solid #000000;
	}
	
#right {
	width: 338px;
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	line-height: 20px;

}

	#right #header {
		width: 338px;
	}
	
	#right #content {
		width: 338px;
		padding-top: 40px;
	}
	
	#right #events, #right #news, #right #areas {
		width: 236px;
		margin: 0px 0px 0px 0px;
		padding: 15px 50px 0px 50px;
	}
	
	#right .become {
		margin-left: 49px;
	}
	
	#right .become:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70); 
		opacity: 0.7;
		zoom: 1;
	}
	
/* certification */

#left table.pages {
	border-right: 1px solid #494949;
	font-size: 11px;
	height: 11px;
}

#left table.pages tr td {
	width: 7%;
	border: 1px solid #494949;
	border-right: none;
	text-align: center;
	line-height: 15px;
}

#left table.pages tr td a {
	color: #666666;
	text-decoration: none;
	display: block;
}

#left table.pages tr td a:hover {
	color: #000000;
	font-weight: bold;
}

#left table.pages tr td.current {
	color: #ffffff;
	background-color: #8CC63F;
}

#left table.pages tr td.current a {
	color: #ffffff;
}

#left table.pages tr td.done {
	background-color: #D6D6D6;
}

#left div.arrow {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	background: url(/images/layout/arrow.gif) center center no-repeat;
}

#left div.arrow div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
}

#left div.row {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #494949;
}

#left div.row header {
	color: #009042;
}

#left div.row div.num, #left div.row div.init, #left div.row div.max, #left div.row div.pts {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}

#left div.row div.num {
	width: 40px;
	margin-right: 5px;
	text-align: center;
}

#left div.row div.init {
	width: 350px;
	margin-right: 10px;
}

#left div.row div.max {
	width: 65px;
	text-align: center;
}

#left div.row div.pts {
	width: 70px;
	text-align: center;
	margin-right: 10px;
}

#left div.row div.desc {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 45px;
	width: 537px;
}

#left div.row div.desc textarea {
	width: 529px;
	height: 60px;
	margin: 3px 0px 3px 0px;
	padding: 3px 3px 3px 3px;
	overflow: auto;
	resize: none;
}

#left div.row div.desc textarea.required {
	border: 1px solid #009042;
}

#left a.prev, #left a.next {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #CCCCCC;
}

#left a.prev {
	float: left;
}

#left a.next {
	float: right;
}

#left a.prev:hover, #left a.next:hover {
	color: #000000;
}

#left div.total {
	width: 582px;
	text-align: center;
}

/* calendar */
#left table.calendar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#left table.calendar tr td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 82px;
}

#left table.calendar tr.headline{
	text-align: center;
}

#left table.calendar tr td.day, #left table.calendar tr td.no-day {
	height: 77px;
	text-align: right;
	vertical-align: text-top;
}

#left table.calendar tr td.day{
	border: 1px solid #dbdbdb;
}

#left table.calendar tr td.day .date{
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
}

#left table.calendar tr td.day .event{
	margin: 2px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	height: 20px;
	font-size:10px;
	text-align:left;				
	background: #eeeeee;
	overflow:hidden;
}

#left table.calendar tr td.day .even{
	background: #eeeeee;
}

#left table.calendar tr td.day .odd{
	background: #f6f6f6;
}

#left table.calendar tr td.day a{
	text-decoration: none;
}

#left table.calendar tr td.day .spacer{
	margin: 2px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	height: 20px;
	overflow:hidden;
}

#left table.calendar tr td.day .spacer a{
	text-decoration: none;
}

#left table.calendar tr td.day .event a{
	display: block;
}

.today .date{
	background: #009042;
}

.today .date a{
	color: #ffffff;
}

/* pagination */

#left ul.pagination{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#left ul.pagination li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style-image: none;
}

#left ul.pagination li.pages{
	float: right;
	text-align: right;
}

#left ul.pagination li.pages a{
	text-decoration:none;
}

#left ul.pagination li.pages a.current{
	text-decoration:underline;
}

/* search */
#cse-search-results iframe {
	width: 502px;
}

/* */
th {
	border-bottom: 1px solid #cccccc;
}

.edit_icon {
	width: 32px;
}

.add_icon {
	float: right;
	margin-right: 8px;
}

.even td {
	background: #eeeeee;
}

.odd td {

}

.none_mce {
	padding: 5px 5px 5px 5px;
	width: 570px;
	height: 160px;
	border: 1px solid #cccccc;
}

.tiny_mce {
	width: 580px;
	height: 290px;
	border: 1px solid #cccccc;
}

.large_mce {
	width: 580px;
	height: 580px;
	border: 1px solid #cccccc;
}

td p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

/* default overrides */

.l {
	text-align: left;
}

.r {
	text-align: right;
}

.c {
	text-align: center;
}


/* other */
.warning {
	text-align: center;
	line-height: 24px;
	background: #FFFFCC;
}

.green {
	color: #009042;
}

.gray {
	background-color: #f3f3f3;
}

.black {
	color: #000000;
}

a.source {
	color: #666666;
}

.score {
	font-size: 72px;
	line-height: 72px;
	color: #009042;
}

.hide {
	display: none;
}

.clear {
	clear: both;
	margin-top: -1px;
	height: 1px;
	overflow: hidden;
}