@charset "UTF-8";
/*
	GREENZONE STYLESHEET
	CREATED BY THREEFORMED MEDIA
	COPYRIGHT 2009
*/

/*	NOTES:
	
	Dark Green: #007070
	
*/

/*	T O O L B A R
************************************************************/
#toolbar {
	margin-bottom: 10px;
	
	*margin-bottom: 0;
}
ul.sort,
ul.sort li {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 12px;
}
ul.sort li {
	display: block;
	float: left;
	border-right: 1px solid #FFF;
}
ul.sort li.title {
	padding: 3px 7px;
	background-color: #007070;
	font-weight: bold;
	text-transform: uppercase;
}
ul.sort li a,
ul.sort li label {
	padding: 3px 7px;
	background-color: #00BCDD;
	color: #FFF;
	display: block;
}
ul.sort li a:hover {
	background-color: #37B34A;
}
ul.sort li.dsc a {
	background-image: url(../images/wrapper/sort-arrows.gif);
	background-position: right 8px;
	background-repeat: no-repeat;
	background-color: #37B34A;
	padding-right: 16px;
}
/*ul.sort li.dsc a:hover {
	background-position: right -51px;
}*/
ul.sort li.asc a {
	background-image: url(../images/wrapper/sort-arrows.gif);
	background-position: right -22px;
	background-repeat: no-repeat;
	background-color: #37B34A;
	padding-right: 16px;
}
.refresh a {
	background-image: url(../images/icons/refresh.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
	padding-left: 19px !important;
}
.refresh a:hover {
	background-position: 4px -48px;
}
/*ul.sort li.asc a:hover {
	background-position: right -81px;
}
*/

/*	P A G I N A T I O N
************************************************************/
.pagination {
	clear: both;
	font-size: 12px;
	min-height: 25px;
	margin-bottom: 15px;
	
	_height: 25px;
}
.pagination ul,
.pagination ul li {
	cllist-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	color: #00BCDD;
}
.pagination ul li {
	display: block;
	float: left;
	margin-right: 1px;
}
.pagination ul li a {
	padding: 3px 7px 4px 7px;
	white-space: nowrap;
	color: #FFF;
	background-color: #00BCDD;
	
	
}
.pagination ul li a:hover,
.pagination ul li.selected a {
	color: #FFF;
	background-color: #37B34A;
}
.pagination ul li.selected a {
	font-weight: bold;
}


/*	S C H E D U L E
************************************************************/
#schedule {
	/*margin-bottom: 30px;*/
}
.month {
	margin-bottom: 20px;
}
.month h2 {
	color: #FFF;
	display: block;
	background-color: #007070;
	padding: 9px 14px 9px 14px;
	margin-bottom: 0;
	border: none;
}
.cancelled * {
	text-decoration: line-through;
}
.complete .title {
	background-color: transparent;
	background-position: right 2px;
	background-repeat: no-repeat;
	background-image: url(../images/icons/icon-complete.png);
	
	_background-image: url(../images/icons/icon-complete.gif);
}

/* 
	M E T A   D A T A
************************************************************/
.title ul,
.meta ul,
.pro ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}
.meta ul,
.pro ul {
	display: table-row;
}
.meta ul li,
.pro ul li { 
	list-style: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid #FFF;
	padding: 6px 14px 6px 14px;
}
.meta,
.pro div {
	clear: both;
	line-height: 1.1em;
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #FFF;
	background-color: #c3e8c8;
}
.meta ul li,
.pro ul li {
	border-left: 1px solid #FFF;
	padding: 5px 12px;
}
.post .title ul li,
.meta ul li,
.pro ul li { 
	display: table-cell;
	border-left: 1px solid #FFF;
	padding: 5px 12px;
	
	*display: block;
	*float: left;
	*margin-left: -1px;
}
.meta ul li .xtra {
	margin-left: 12px;
}

/* 
	T I T L E S
*/
.post .title {
	border-top: 1px solid #FFF;
	color: #FFF;
	width: 100%;
	border-collapse: collapse;
	clear: both;
	background-color: #00BCDD;
}
.post .title a,
.post .title a:hover {
	color: #FFF;
	background: none;

}
.post .title a:hover {
	border-bottom: 1px solid #FFF;
}
.post .title ul {
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
}
.post .title ul li.num {
	width: 1.1em;
	text-align: center;
}

/* 
	C O L O R S
*/
.odd .title {
	background-color: #37b34a;
}
.odd .meta {
	background-color: #c3e8c8;
}
.even .title {
	background-color: #00BCDD;
}
.even .meta {
	background-color: #b2ebf5;
}

/*	P O S T S
************************************************************/
.post {
	position: relative;
	margin-bottom: 5px;
}
.post .inner {
	padding-top: 15px;
	padding-bottom: 10px;
}

/*	C O M M E N T S   ( for more see: "P O S T S" above )
********************************************************/
#comments {
	padding-right: 200px;
	border-top: 1px solid #C3E8C8;
}
#comments .title {
	padding-top: 25px;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-size: 2.4em;
	color: #007070;
	border: none;
}
#comments .title + h4 {
	margin: -25px 0 25px 0;
}
.comment {
	font-size: 12px;
	min-height: 70px;
	background-repeat: repeat-y;
	background-position: 0 151px;
	
	_height: 70px;
}
.comment .inner {
	padding: 15px 15px 1px 15px;
}
.comment .meta {
	border-bottom: 1px solid #FFF;
	width: 100%;
}
.comment .meta ul li {
	border-left: 1px solid #FFF;
	margin-left: -1px;
	color: #FFF;
}
.comment .meta ul li a {
	color: #FFF;
}
#comments .odd .meta {
	background-color: #37b34a;
}
#comments .odd {
	background-color: #e1f7e4;
}
#comments .even .meta {
	background-color: #00BCDD;
}
#comments .even {
	background-color: #d6f2f7;
}

/*	C O M M E N T S   F O R M
*/
#comments fieldset {
	margin-top: 40px;
}

/*	P . R . O
*******************************************************/
.pro {
	margin-bottom: 15px;
}
.pro ul {
	color: #FFF;
	font-weight: normal;
	font-size: 1.1em;
}
.pro ul li {
	padding: 6px 13px;
}
.pro ul li.letter {
	width: 12px;
	text-align: center;
	font-family: "Helvetica Neue Black", "Arial Black", Arial, Helvetica, sans-serif;
}
.pro .pro-p {
	background-color: #007070;
}
.pro .pro-o {
	background-color: #37b34a;
}
.pro .pro-r {
	background-color: #00BCDD;
}

/*	E X P A N D E R S
********************************************************/
.expander {
	margin-bottom: 5px;
}

/*	L A Y O U T   M I S C .
********************************************************/
.float-left {
	float: left;
	margin: 0 15px 10px 0;
	border: 4px solid #B2EBF5;
}
.float-right {
	float: right;
	border: 4px solid #B2EBF5;
	margin: 0 0 10px 15px;
}
.caption {
	display: block;
	padding-bottom: 0;
	font-size: 11px;
	background-color: #B2EBF5;
	line-height: 12px;
	font-style: italic;
}
.caption img {
	display: block;
	margin-bottom: 4px;
}

/*	S I T E M A P
********************************************************/
#content-inner ul#sitemap,
#content-inner ul#sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content-inner ul#sitemap {
	border-top: 1px solid #B2EBF5;
	border-bottom: 1px solid #B2EBF5;
	padding: 10px 0;
	margin-bottom: 15px;
}

#content-inner ul#sitemap li {
	display: block;
}

/*	S P O N S O R S
********************************************************/
#sponsors {
	padding: 15px 0 15px 9px;
	text-align: center;
}
#sponsors ul,
#sponsors ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#sponsors ul li {
	margin-bottom: 5px;
}

/*	S U R V E Y  L I N K
********************************************************/
.survey-link {
	display: block;
	width: 362px;
	height: 80px;
	margin: 0 0 15px 0;
	text-indent: -9999em;
	font-size: 1px;
	background-color: transparent;
	background-image: url(../images/wrapper/takethesurvey-btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.survey-link:hover {
	background-position: 0 -110px;
	background-color: transparent;
}

/*	S I D E B O X E S
********************************************************/
.sidebox {
	/*float: right;
	width: 250px;*/
	background-color: #C3E8C8;
	padding: 15px 15px 1px 15px;
	
	font-size: 12px;
}
.sidebox h3 {
	margin: -15px -15px 10px -15px;
	background-color: #37B34A;
	padding: 6px 14px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	text-transform: none;
}

/*	E X P A N D I N G   C O N T E N T
********************************************************/
.expander a {
	padding-left: 17px;
	background-image: url(../images/wrapper/up-down.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;

}
.expander a:hover {
	background-color: #FFF;
	color: #37B34A;
}
.expanded a {
	background-position: 0 -35px;
}
.to-expand {
	display: none;
}

/* H O M E   B A N N E R
*********************************************************/
#flashContent {
    width: 352px;
    height: 282px;
    margin: 10px auto 0 auto;
}

.gz-video,
.learn-more {
	width: 155px;
	padding-left: 155px;
	margin-right: 15px;
	font-weight: bold;
	height: 105px;
	margin-bottom: 25px;
	float: left;
	padding-top: 10px;
}
.gz-video {
	width: 155px;
	padding-left: 155px;
}
.learn-more {
	width: 230px;
	padding-left: 95px;
	margin-right: 0;
}
.learn-more p,
.gz-video p {
	font-size: 1.2em;
	line-height: 1.0em;
	letter-spacing: -0.02em;
}
.gz-video .thumb {
	width: 145px;
	height: 105px;
	display: block;
	background: url(../images/home/video-thmb.gif) 0 0 no-repeat;
	float: left;
	margin-left: -155px;
}
.learn-more .thumb {
	width: 86px;
	height: 105px;
	display: block;
	background: url(../images/home/light-bulb.gif) 0 0 no-repeat;
	float: left;
	margin-left: -95px;
}

.sponsors {
	clear: both;
	border-top: 1px solid #C3E8C8;
	padding-top: 15px;
}
.sponsors h3 {
	text-transform: none;
	margin-bottom: 10px;
}
.sponsors ul,
.sponsors ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sponsors ul {
	margin-bottom: 10px;
}
.sponsors ul li {
	display: inline;
	margin-right: 30px;
	margin-bottom: 15px;
}

/*#home-banner {
	width: 356px;
	height: 62px;
	background: #007070 url(../images/home/home-banner-01.jpg) 0 0 no-repeat;
	margin: -26px -30px 20px -30px;
	padding: 155px 134px 0 220px;
	color: #FFF;
}
#home-banner h1 {
	font-size: 1.47em;
	font-style: italic;
	text-transform: none;
	color: #FFF;
	line-height: 1.1em;
	letter-spacing: -0.03em;
	
	*line-height: 1.2em;
}
#home-banner h1 strong {
	font-size: 1.44em;
}*/
