@charset "UTF-8";
/*
	GREENZONE STYLESHEET
	CREATED BY THREEFORMED MEDIA
	COPYRIGHT 2009
*/
@import url(reset.css);

/*	NOTES:
	
	Dark Green: #007070
	
*/


/*	G E N E R A L
************************************************************/
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font: normal 14px/18px Helvetica, Arial, sans-serif;
	margin: 0;
	/*color: #444;*/
	color: #007070;
	/*background: #FFF url(../images/wrapper/body-bg.gif) center 30px no-repeat;*/
	background: #FFF url(../images/wrapper/body-bg.gif) -23px 30px no-repeat;
}
#wrapper {
	min-width: 1000px;
	padding: 0;
	margin: 0 0 0 30px;
	/*background: #FFF url(../images/wrapper/body-bg.gif) center 20px no-repeat;*/
	height: 100% !important; /* real browsers */
	_height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
	overflow: visible;
	
	_zoom: 1;
}
#wrapper-inner {
	width: 1000px;
	margin: 0;/*0 auto;*/
	position: relative;
	z-index: 1;
	height: auto; /* real browsers */
	_height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
	overflow: visible;
	/*background: #FFF url(../images/wrapper/body-bg.gif) center 30px no-repeat;*/
	background: #FFF url(../images/wrapper/body-bg.gif) -53px 30px no-repeat;
	
}

/*	R A N D o M   P A T T E R N S
************************************************************/
#pattern-header {
	position: absolute;
	top: 92px;
	left: 306px;
	width: 239px;
	height: 59px;
	z-index: 1;
	margin-bottom: -100%;
	
	/**top: 81px;*/
}
#pattern-shoulder {
	position: absolute;
	top: 53px;
	right: 1px;
	width: 373px;
	height: 298px;
	z-index: 1;
	margin-bottom: -100%;
}
#pattern-right {
	position: absolute;
	top: 453px;
	right: 20px;
	width: 80px;
	height: 239px;
	z-index: 1;
	margin-bottom: -100%;
	/*display: none;*/
}

/*	H E A D E R
************************************************************/
#header {
	position: relative;
	clear: both;
	z-index: 999;
	
/*	------------------------------------------
	If you change this, change 
	#content - margin-top to the SAME VALUE 
	------------------------------------------ */
	height: 140px !important; 
}
#header #logo {
	display: block;
	width: 220px;
	height: 100px;
	position: absolute;
	top: 28px;
	left: 0;
	background: transparent url(../images/wrapper/gz-logo.png) 0 0 no-repeat;
	
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/greenzone/images/wrapper/gz-logo.png',sizingMethod='crop');
}

/* 
	L O C A T I O N   M E N U
*/
#currLocal {
	position: relative;
	float: right;
	right: 63px;
	top: 95px;
	color: #FFF;
	font-family: "Helvetica Black", "Arial Black", Arial, Helvetica, sans-serif;
	height: 30px;
	width: 168px;
	padding: 13px 15px 63px 15px;
	font-size: 14px;
	z-index: 2;
	
	*padding: 9px 15px 63px 15px;
}
#currLocal .curr {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	line-height: 11px;
	color: #C8EDCE;
	padding-left: 14px;
}
#currLocal ul,
#currLocal ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#currLocal ul li a {
	padding-left: 14px;
	background-image: url(../images/wrapper/box-arrows.gif);
	background-position: 0 -50px;
	background-repeat: no-repeat;
	display: block;
	color: #FFF;
	padding-bottom: 10px;
}
#currLocal ul li a:hover,
#currLocal ul li:hover a,
#currLocal ul li.expanded a {

	text-decoration: none;
	background-color: #37B34A;
}
#currLocal ul li.expanded a {
	background-position: 0 -150px;
}
/* 
	D R O P - D O W N 
*/
#currLocal ul li ul {
	display: none;
	position: relative;
	padding: 10px 0 8px 0;
	width: 198px;
	margin: 0 -15px;
	z-index: 99999;
	background: #37B34A url(../images/wrapper/location-hr.gif) center 3px no-repeat;
}
#currLocal ul li:hover ul,
#currLocal ul li a:hover ul {
	/*display: block;*/
}
#currLocal ul li ul li a,
#currLocal ul li:hover ul li a,
#currLocal ul li.expanded ul li a {
	padding: 1px 15px 3px 29px;
	background-position: 15px -49px;
}
#currLocal ul li ul li a:hover {
	background-position: 15px 1px;
	background-color: #00BCDD;
}

/*	S I D E B A R S
************************************************************/
#sidebar-left {
	float: left;
	width: 180px;
	margin: 0;
	padding: 40px 20px 0 0;
	position: relative;
	z-index: 15;
}

/*	S I T E   N A V I G A T I O N
************************************************************/
#navigation ul,
#navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.0em;
	font-family: "Helvetica Neue Black", "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
}
#navigation ul li {
	display: block;
	margin-bottom: 6px;
	padding: 0 9px 16px 9px;
	width: 178px;
	height: 69px;
	margin-top: -16px;
	z-index: 20;
	
	_margin-top: -20px;
}
#navigation ul li a {
	display: block;
	width: 155px;
	height: 48px;
	padding: 9px 10px 12px 13px;
	color: #FFF;
	background-color: #00BCDD;
	
	text-transform: uppercase;
}
#navigation ul li a:hover {
	background-color: #37B34A;
}
#navigation ul li:hover,
#navigation ul li.selected {
	position: relative;
	z-index: 21;
	background: transparent url(../images/wrapper/nav-selected-alt.png) bottom center no-repeat;
	width: 186px;
	height: 77px;
	margin-top: -20px;
	margin-bottom: 2px;
	margin-left: -4px;
	
	_background: none;
}
#navigation ul li:hover {
	z-index: 20;
}
#navigation ul li:hover a,
#navigation ul li.selected a,
#navigation ul li.selected:hover a {
	width: 164px;
	height: 53px;
	text-transform: uppercase;
	background-color: #37B34A;
	padding-right: 9px;
}
#navigation ul li.selected a,
#navigation ul li.selected:hover a {
	border-bottom: 1px solid #2b9b3c;
	border-right: 1px solid #2b9b3c;
	border-left: 1px solid #49ce5d;
	border-top: 1px solid #49ce5d;
	padding: 11px 8px 11px 12px;
}
#navigation ul li:hover a {
	text-transform: none;
	text-transform: uppercase;
}
#navigation ul li.first:hover {
	*margin-top: -18px !important;
}
#navigation ul li.selected:hover {
	*margin-top: -20px !important;
}
/* 
	S I T E   S E A R C H 
*/
#global-search {
	width: 180px;
	background: #37A799;
	padding: 5px;
	height: 22px;
	margin-left: 9px;
	margin-top: -16px;
}
#global-search .input-text {
	background: #FFF ;/*url(../images/wrapper/search-notice.gif) 4px 5px no-repeat;*/
	border: 1px solid #FFF;
	height: 17px;
	padding: 0;
	float: left;
	font-size: 12px;
	width: 134px;
	padding: 1px 4px 2px 4px;
	color: #ADADAD;
}
#global-search input.focus {
	background: #FFF;
	color: #333;
}
#global-search .btn {
	text-indent: -1000em;
	font-size: 1px;
	width: 23px;
	height: 22px;
	background: #00BCDD url(../images/wrapper/magnifyer.gif) 2px 2px no-repeat;
	color: #00BCDD;
	border: none;
	border-style: solid;
	border-color: #FFF;
	border-width: 1px 1px 1px 0;
	float: left;
	cursor: pointer;
	font-size: 12px;
}
#global-search .btn:hover {
	background: #37B34A url(../images/wrapper/magnifyer.gif) 2px -38px no-repeat;
}

/*	C O N T E N T
************************************************************/
#content, 
#content-inner {
	background: transparent url(../images/wrapper/content-bg.gif) 0 150px repeat-x !important;
}
#content {
	width: 710px;
	float: left;
	margin-left: 202px;
	margin-right: -100%;
	position: relative;
	z-index: 2;
	height: auto; /* real browsers */
	_height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */

/*	------------------------------------------
	If you change this (bg y, margin-top)
	change #header - height to the SAME VALUE 
	------------------------------------------ */
	margin-top: -140px !important; /* Height of header */

	_zoom: 1;
}
#content-inner {
	padding: 23px 30px 50px 30px;
	min-height: 460px;
	
	_height: 460px;
/*	------------------------------------------
	If you change this change 
	#header - height to the SAME VALUE 
	------------------------------------------ */
	margin-top: 150px;
}


/*	F O O T E R
************************************************************/
/*#footer {
	background: transparent url(../images/wrapper/footer-bg.gif) 0 0 no-repeat;
	min-height: 140px;
	position: relative;
	margin: -1px 0 0 0;
	z-index: 19;
	padding: 68px 105px 15px 220px;
	color: #FFF;
	font-size: 12px;
	
	_height: 140px;
	_margin-top: -20px;
}
#footer a {
	text-decoration: underline;
	color: #FFF;
}
#footer a:hover {
	text-decoration: none;
}
#footer ul#sitemap {
	float: left;
	width: 248px;
}
#footer ul#sitemap,
#footer ul#sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer #contact-info {
	float: left;
	padding: 0 0 0 20px;
}*/
#content #footer {
	background: url(../images/wrapper/footer-bg.gif) -126px 0 no-repeat;
	min-height: 139px;
	width: 657px;
	padding: 20px 75px 0 106px;
	position: relative;
	margin-top: -80px;
	top: 80px;
	z-index: 5;
	color: #FFF;
	font-size: 11px;
	margin-left: -76px;
	font-weight: bold;
	clear: both;
	
	_height: 139px;
	_margin-top: -110px;
	_padding-bottom: 60px;
}
#content #footer a {
	text-decoration: none;
	color: #FFF;
}
#content #footer a:hover {
	text-decoration: none;
}
#content #footer ul#sitemap,
#content #footer ul#sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content #footer ul#sitemap {
	/*float: left;
	width: 238px;
	text-transform: uppercase;*/
	border: none;
	margin-bottom: 6px;
}

#content #footer ul#sitemap li {
	display: inline;
	padding-left: 7px;
	margin-right: 5px;
	border-left: 1px solid #FFF;
	white-space: nowrap;
}
#content #footer ul#sitemap li.first {
	border: none;
	padding: 0;
}
#content #footer #contact-info {
	/*float: left;
	padding: 0 0 0 20px;*/
}
#content #footer #copyright {
	position: absolute;
	bottom: 50px;
	right: 105px;
	
	_bottom: 110px;
}
#content #footer #author {
	position: absolute;
	bottom: 10px;
	right: 90px;
	
	_bottom: 70px;
}

/*	L I N K S
************************************************************/
a {
	color: #00BCDD;
	text-decoration: none;
}
p a {
	font-weight: bold;
}
p a:visited {
	color: #008299;
}
/*a:hover {
	color: #007070;
}*/
a:hover {
	color: #FFF;
	background-color: #37B34A;
}
a.more,
a.more:visited {
	padding: 3px 7px;
	white-space: nowrap;
	color: #FFF;
	background-color: #00BCDD;
	font-size: 12px;
}
a.more:hover {
	color: #FFF;
	background-color: #37B34A;
}

/*	T Y P E
************************************************************/
h1 {
	font-size: 1.43em;/*20px;*/
	margin-bottom: 0.5em;
	font-family: "Helvetica Neue Black", "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	/*color: #007070;*/
	color: #37B34A;
	text-transform: uppercase;
	line-height: 1.0em;
}
h2 {
	font-size: 1.3em;
	margin-bottom: 0.5em;
	letter-spacing: -0.05em;
	line-height: 1.1em;
	padding-bottom: 5px;
	font-weight: bold;
	/*color: #37B34A;*/
	color: #007070;
	/*border-bottom: 1px solid #37B34A; */
}
h3 {
	font-size: 1.15em;
	margin-bottom: 0.2em;
	line-height: 1.1em;
	font-weight: normal;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	font-weight: bold;
	color: #007070;
}
h4 {
	font-weight: bold;
	font-size: 1.05em;
	line-height: 1.0em;
	margin-bottom: 0;
	/*color: #000;*/
	color: #005757;
	text-transform: none;
}
h1 + h4 {
	margin-bottom: 1.35em;
	font-size: 1.0em;
	margin-top: -0.5em;/*-0.5em;*/
	font-weight: bold;
}
p {
	margin-bottom: 15px;
	line-height: 1.3em;
}
blockquote {
	background: url(../images/wrapper/blockquote-open.gif) 0 0 no-repeat;
	margin: 0 0 8px 10px;
	float: right;
	width: 250px;
	display: block;
}
blockquote p {
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.2em;
	letter-spacing: -0.03em;
	text-align: center;
	font-weight: bold;
	margin: 0;
	color: #007070;
	background: url(../images/wrapper/blockquote-close.gif) bottom right no-repeat;
}
small {
	font-size: 80%;
}
big {
	font-size: 120%;
}

/*	F O R M S
************************************************************/
label {
	display: block;
	font-size: 12px;
	font-weight: bold;
}
label input {
	margin: 0 0 0 4px;
}
.check-radio {
	text-transform: none;
}
.check-radio input,
.check-radio input:hover {
	 margin: 0 5px -2px 0;
	 position: relative;
	 top: 1px;
	 border: none;
	 
	 *top: 0;
}
form dd {
	margin: 0;
	padding: 0 0 8px 7.5em;
}
form dt {
	clear: left;
	float: left;
	font-weight: bold;
	padding: 4px 0 8px 0;
	width: 7em;
	text-align: right;
}
input,
textarea {
	border: 1px solid #C3E8C8;
	font-size: 12px;
	padding: 2px 4px 3px 4px;
	font-family: Helvetica, Arial, sans-serif;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus {
	border: 1px solid #37B34A;
}
textarea {
	margin: 6px 0;
}
input.button,
input.btn {
	border: none;
	background: #00BCDD;
	color: #FFF;
	cursor: pointer;
}
input.button:hover,
input.btn:hover {
	background: #37B34A;
}
input.error {
	border-color: #F00;
}

fieldset {
	border: 1px solid #C3E8C8;
	padding: 15px;
}
fieldset p {
	margin-bottom: 8px;
}
legend {
	padding: 0 5px;
	margin-left: -6px;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #007070;
	letter-spacing: -0.05em;
}

/*	M I S C .
************************************************************/
.hilite {
	color: green;
}
.inline {
	display: inline !important;
}
pre, code {
	background-color:#efefef;
	display:block;
	padding:5px;
	margin:5px 0;
	border:1px solid #aaa;
	font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}
abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	white-space: nowrap;
}

/*	Float classes for images
**********************************************************/
.floatleft { float: left; margin: 0 0.8em 5px 0 !important; }

.floatright { float: right; margin: 0 0 5px 0.8em !important; }

.floatleft .caption { font-size: 0.8em; font-weight: bold; text-transform: uppercase; padding-top: 5px; }

/* "Skip to Main Content" link
*
* This link useful for both visually impaired people and those with mobility impairments
* who cannot use a mouse.
*/
#skip-nav { display: none; }

#skip-nav a, #skip-nav a:hover, #skip-nav a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#skip-nav a:active, #skip-nav a:focus {
	position: static;
	width: auto;
	height: auto;
}

/*	Prevent overflowing content 
**********************************************************/
#header,
#content,
#sidebar-left,
#sidebar-right,
#footer {
	overflow: visible;
	word-wrap: break-word; /* A very nice CSS3 property */
}

/*	bug fix with views 2 edit links
*********************************************************/
div.view div.views-admin-links{
	width: auto;
}

/*	A D M I N .
************************************************************/
body.admin {
	margin-top: 20px;
	background: #FFF url(../images/wrapper/body-bg.gif) -23px 50px no-repeat;
}
#admin-panel {
	background: #000;
	border-bottom: 1px solid #666;
	color: #E0E0E0;
	position: fixed;
	top: 0;
	height: 28px;
	z-index: 999999 !important;
	width: 100%;
	font-size: 11px;
	
	_margin-top: -20px;
}
#admin-panel .inner {
	width: 1000px;
	margin: 0 auto;
}
#admin-panel .title {
	background: url(../../../favicon.ico) 0 7px no-repeat;
	display: block;
	float: left;
	border-right: 1px solid #333;
	padding: 5px 10px 5px 20px;
	font-weight: bold;
}
#admin-panel a {
	color: #FFF;
	background-color: #000;
}
#admin-panel ul,
#admin-panel ul li { /* reset */
	list-style: none;
	margin: 0;
	padding: 0;
}
#admin-panel ul li {
	display: block;
	float: left;
	border-right: 1px solid #333;
	position: relative;
}
#admin-panel ul li a {
	display: block;
	float: left;
	padding: 5px 10px;
}
#admin-panel ul li a:hover {
	background-color: #333;
}
/*	D R O P  -  D O W N
*/
#admin-panel ul ul {
	display: none;
	text-indent: -999em;
	opacity: 0.8;
}
#admin-panel ul li:hover ul {
	display: block;
	float: none;
	position: absolute;
	text-indent: 0;
	top: 28px;
	
}
#admin-panel ul li:hover ul li a {
	width: 110px;
	padding: 3px 10px;
	border-bottom: 1px solid #333;
}
#admin-panel li.exp a,
#admin-panel li.exp li.exp a,
#admin-panel li.exp li.exp li.exp a {
	width: 100px;
	padding: 3px 20px 3px 10px;
	background-image: url(../images/icons/expand.gif);
	background-position: 115px 8px;
	background-repeat: no-repeat;
}
#admin-panel li.exp li a,
#admin-panel li.exp li.exp li a,
#admin-panel li.exp li.exp li.exp li a {
	background-image: none;
}

/*	D R O P - D O W N : S U B - M E N U
*/
#admin-panel ul ul ul {
	display: none !important;
	text-indent: -999em !important;
	opacity: 1;
}
#admin-panel ul ul li:hover ul {
	display: block !important;
	text-indent: 0 !important;
	z-index: 0;
	left: 131px;
	top: 0;
}

/*	E X T R A S
*/
#admin-panel ul li.logout {
	float: right;
	border-right: none;
	border-left: 1px solid #333;
}
#admin-panel ul li.logout a {
	padding-left: 22px;
	background-image: url(../images/icons/figure.gif);
	background-position: 8px 8px;
	background-repeat: no-repeat;
}