/*  div structure for green planet site
/*	page
/*		page-top
/*			menu-top
/*		page-middle
/*			header (menu-left, logo, menu-right, slogan)
/*			content
/*				content-header (breadcrumbs, messages)
/*				content-area
/*				footer
/*	closure
/**/

h1 {
	margin: 0;
	padding: 0;
}

/* for debuging layout, turn on border on all key layout regions, or specific id */
#logo.region {}

/* page ***********************************************************/
body {
	margin: 0 auto;
	padding: 0;
	background: url("background.png");
	/*background: url("background.png") repeat;*/
	width: 1000px;
}

#page   {
	background: url("background.png") repeat;
	/*background: url("background.png") repeat;*/
	width: 900px;
	margin-left: 50px;
	top: 10px;
}

#page-top {
	height: 25px;
}

#page-middle {
	clear: both;
	background: white;
}

/* header ***********************************************************/
#header {
	width: 800px;
	margin: 0px auto;
}

#logo{
	width: 16%;
	height: 70px;
	float: left;
}

#logo img {margin-top: 5px;}

img {margin: 5px;}
img.signwriter {margin: 0px; margin-top: 5px;}
  
#slogan  {
	color: #58585a;
    font-size: 10px;
    font-family: serif;
	width: 100%;
	text-align: center;
	clear: both;
 }

 
a {color: #387c2c;
	text-decoration: none;
}
a:link {color: #387c2c;}
a:visited {color: #387c2c;}
a:hover {color: #68Ac5c;}


a img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
}


/* for service marks */ 
.sup {
vertical-align: super;
font-size: 60%;
}
 
/* content ***********************************************************/
#content {
	width: 800px;
	margin-left: 50px;
	background: #fff url("images/blue_fade_background.png") repeat-x;
	color: #58585a;
    font-size: 12px;
	font-weight: normal;
    font-family: Arial, sans-serif;
	line-height: 150%;
	/*position: relative;*/
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
}

#content div.larger {
	font-size: 13px;
}

#content div.large {
	font-size: 14px;
}

#content p {padding-right: 10px;}
 
#content h1{
	color: #0079c2;
    font-size: 20px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-right: 10px;
}
 
#content h1.slabdark{
	color: #387c2c;
    font-size: 18px;
    font-family: Archer-Bold, Impact, serif;
  }
#content h1.slablight{
	color: #58585a;
    font-size: 18px;
    font-family: Archer-Bold, Impact, serif;
  }

 #content h2 {
	color: #5d9732;
    font-size: 20px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-right: 10px;
}

#content h3{
	color: #0079c2;
    font-size: 16px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-right: 10px;
}

#content h4{
	color: #5d9732;
    font-size: 16px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-right: 10px;
}

a.follow, a.follow:link, a.follow:visited, a.follow:active {
	color: #5d9732;
	font-size: 16px;
	font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
}
a.follow:hover{
	color: #0079c2;
}

#content a {
	font-weight: bold;
}


 #content h2.green {
	color: #387c2c;
	font-size: 15px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding-right: 10px;
}

#content-inner {
	margin-left: 15px;
	margin-right: 10px;
	min-height: 450px;
 }
  
#content div.callout h1 {
	color: #74cbc8;
    font-size: 24px;
    font-family: Archer-Bold, Impact, serif;
	line-height: 100%;
}

#content div.callout {
	display: inline; 
	color: #58585a;
	font-size: 12px;
    font-family: Archer-Bold, Impact, serif;
	font-weight: bold;
	background: #ddf1f0;
	margin-right: 10px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 130%;
	position:relative;
}

#content div.learnmore {
	position: absolute;
	bottom: 5px;
}

#content div.learnmore a {
	text-decoration: none;
	color: #66b360;
}

#content div.truth {
	background: #ddf1f0;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 13px;
}
#content div.myth {
	padding-left: 13px;
	margin-top: 16px;
	margin-bottom: 16px;
}

#content div.myth h2 {
	color: #58585a;
	font-size: 11px;
}

#content div.truth h2 {
	color: #74cbc8;
	font-size: 11px;
}

#content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
{

}

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
	color: #0079c2;
	font-size: 12px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 25px;
 }

div.breadcrumb span.title { 
 	color: #5d9732;
}

div.breadcrumb a {
	color: #0079c2;
	text-decoration: none;
}
div.breadcrumb a:link {
	color: #0079c2;
	text-decoration: none;
}
div.breadcrumb a:visited {
	color: #0079c2;
}
div.breadcrumb a:hover{
	color: #5d9732;
}
div.breadcrumb a:active {
	color: #0079c2;
}  

  /**************************** primary menu ************************************/
  /* menu is split into left and right half with logo in the middle */

#menu-left /* Primary links - left menu*/
  {
  	color: #74cbc8;
    font-size: 11px;
    font-family: Arial, sans-serif;
	float: left;
	width: 44%;
	height: 70px;
	position:relative;
 }
 
#menu-left ul.menu  {
	position: absolute;
	top: 43%;
	margin: 0;
	padding: 0;
}
 
#menu-left ul.menu a {
   color: #74cbc8;
   text-decoration: none;
}
 
#menu-left ul.menu a:link {
	color: #74cbc8;
}
#menu-left ul.menu a:visited {
	color: #74cbc8;
}
#menu-left ul.menu a:hover{
	color: #A4FbF8;
}
#menu-left ul.menu a.active {		/* this is the CLASS 'active' not a:active */
	color: #387c2c;
}

#menu-left  ul.menu li {
 	border-left:1px solid #74cbc8;
	display:inline;
	list-style-type:none;
	padding:0 0.5em;
}

#menu-left ul.menu li.first 
{
	border:medium none;
}
/** right menu ****************************************************************/
#menu-right  {
	color: #0079c2;
	font: 11px Verdana,Helvetica,sans-serif;
	height: 70px !important;
	width: 300px;
	float: left;
/*	position:relative;*/
	z-index: 9999;
	top: 30px;
}

#menu-right ul {
	position: absolute;
	/*top: 45%;*/
	margin: 30px 0px;
	padding: 0px;
	height: 20px;
}
#menu-right li a {
	display: block;
	line-height: 1;
}
#menu-right li, #menu-right li.leaf {
	padding: 0px;
	font-weight: bold;
	background-color: #fff;
	text-align: left;
	margin: 0px;
	list-style-position: outside;
	list-style-image: none;
	border: none;
	border-bottom: 1px white dotted;
	border-left: 2px #0079c2 solid;
	float: left;
}

#menu-right a {
	color: #0079c2;
	text-decoration: none;
	/*background: #ddd;*/
	/*border-right: 1px solid #999;*/
	/*border-left: 1px solid #eee;*/
	padding: 2px 12px 3px;
	width: auto;
}


#menu-right li.first {
	border-left: none;
}
#menu-right li:hover, #menu-right a:hover, #menu-right a.active:hover {
	background: #b1dfee;
	color: #fff;
}

#menu-right a:focus, #menu-right a:active {
	color: #fff;
	outline: 1px #0079c2 dotted;
	background: #b1dfee !important;
}

#menu-right a.active {
	color: #367c2b;
}

/*
#menu-right ul.menu a:link {
   color: #0079c2;
}
#menu-right ul.menu a:visited {
   color: #0079c2;
}
#menu-right ul.menu a:hover {
	color: #fff;
}
#menu-right ul.menu a.active { /* this is the CLASS 'active' not a:active * /
	color: #387c2c;
}
*/



#menu-right  ul.menu li {
/* 	border-left: 1px solid #0079c2;*/
/*	display:inline;*/
	list-style-type:none;
/*	padding: 0 0.5em;*/
}



/**************** Secondary links *****************/
#menu-top {  
	color: #fff;
    font-size: 11px;
    font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
 }

#menu-top ul.menu {
	text-align: right;
	line-height: 25px;
	margin: 0;
}
 
#menu-top ul.menu a {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}
  
#menu-top ul.menu a:link {
   color: #fff;
}
#menu-top ul.menu a:visited {
   color: #fff;
}
#menu-top ul.menu a:hover {
	color: #b1dfee;
}
#menu-top ul.menu a:active {
	color: #fff;
}

#menu-top  ul.menu li {
 	border-left:1px solid #fff;
	display:inline;
	list-style-type:none;
	padding:0 0.5em;
}
#menu-top ul.menu li.first 
{
	border:medium none;
}


/** footer **********************************************************************************/
#footer  {
	height: 25px;
}
#footer-inner {
}

 #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
	color: #fff;
    font-size: 11px;
	font-weight: bold;
    font-family: Arial, sans-serif;
	line-height: 150%;
	width: 100%;
	vertical-align: middle;
	/*margin-top: 10px;*/
}
#footer-message  a {
   color: #fff;
   text-decoration: none;
}
 
#footer-message a:link {
   color: #fff;
}
#footer-message a:visited {
   color: #fff;
}
#footer-message a:hover{
	color: #C1C1C5;
}
#footer-message a:active {
	color: #fff;
}
#footer-message div {
	margin-top: 5px;
}
#footer-message div.right50 {
	text-align: right;
}

/* fixup footer icons */
#footer img {
	vertical-align:top;
	margin: 0;
}
 
/** other **************************************************************************************/
.fullwidth {
	width:100%;
	clear: both;
	position: relative;
}

.node {font-size: 14px}

.left50 {float: left; width: 350px;}
.right50 {float: right; width: 50%;}

.left60 {float: left; width: 495px;}
.right40 {float: right; width: 260px;}

.left25 {float: left; width: 150px; padding-left: 10px;}
.right25 {float: right; width: 250px; margin-left: 5px;}
.right25 h3 {padding-left: 22px;}

.left30 {float: left; width: 30%;} 

.left90 {float: left; width: 90%; margin-bottom: 20px;} 

.left40 {float: left; width: 40%;}
.right60 {float: right; width: 60%;}

.left55{float:left;width:460px;}
.right45{float: right; width: 296px;}
.right45 a:focus {outline: none;}

.left4{float:left; width:450px}
.right4{float:right; text-align:center; width:285px}

.left3{float:left; width:430px}
.right3{float:right; text-align:center; width:325px}

.right2{float:right; margin: 0px 25px 20px 50px}

.left1{float:left; width:450px}
.right1{float:right; width:300px}

/** node specific styling ************************************************************************/
/* 1.0 - 360 Solution ******************************************/
#node-2 div.callout {
	width: 136px;
	height: 140px;
}
#node-2 div.absoluteImage {
	background: url("images/bigbottle.png");
	background-repeat: no-repeat;
	position: absolute;
	width: 140px;
	height: 430px;
	left: 480px;
	bottom: 30px;
}


/* better health page */
ol.didyouknow  {padding-left: 15px; margin-left: 8px}
ol.didyouknow  li {margin-bottom: 10px;}

/* contact us form *********************************************/
.form-item { 
	margin-top: .5em;
	margin-bottom: .5em;
}

#node-8  span.submitted{display:none;}    /* hide pre-submitted message */

#node-8 label {
	float: left;
	width: 85px;
	text-align: right;
	margin-right: 10px;
}

#node-8 #webform-component-question label {
	height: 50px;
}

#node-8 div.meta {display: none;}  /* hide submitted by info on form */

#webform-client-form-8 div {
	width:400px;
}
#webform-client-form-8 div.absoluteImage {
	background: url("images/bigbottle.png");
	background-repeat: no-repeat;
	position: absolute;
	width: 140px;
	height: 430px;
	right: 0px;
	top: 0px;
}

/* new and events */
.separator {border-bottom: 1px dotted #74cbc8; padding: 10px 0px}

span.eventdate {
	color: #0079c2;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#node-8 {
	background: url("images/bigbottle.png") top right no-repeat;
}

#edit-submitted-question-wrapper {
	width: 410px !important;
}

/* top menu */
#dropmenu {
	float: left;
	width: 360px;
	height: 70px;
}

/* top menu */
#simplemenu {
	/*background:#ddd;*/
	color: #0079c2;
	/*border-bottom:1px solid #999;*/
	font: 11px Verdana, Helvetica, sans-serif;
	width:360px;
	z-index: 9999;
	text-align: left;
	margin: 30px 0px;
	position: absolute;
	/*position: relative;*/
	/*top: 30px;*/
}
#simplemenu a {
	color: #0079c2;
	text-decoration: none;
	/*background: #ddd;*/
	/*border-right: 1px solid #999;*/
	/*border-left: 1px solid #eee;*/
	padding: 2px 16px 3px;
	width: auto;
}
#simplemenu li {
	font-weight: bold;
	background: #fff;
	text-align: left;
	margin: 0px;
	border-bottom: 1px white dotted;
	border-left: 2px #0079c2 solid;
}
#simplemenu li.first {
	border-left: none;
}
#simplemenu li ul li{
	font-weight: normal;
	background: #b1dfee;
	text-align: left;
	margin: 0px 12px;
	border: none;
}
#simplemenu li.expanded > a {
	background: url(right-green.gif) no-repeat 97%;
	padding-right: 2em;
	margin: 0px 8px 0px 0px;
}
#simplemenu li.root > a, #simplemenu li.root > a.active {
	font-weight: 700;
	background: url(down-green.gif) no-repeat 97%;
}
#simplemenu li:hover, #simplemenu li.sfHover, #simplemenu a:hover, #simplemenu a.active:hover {
	background: #b1dfee;
	color: #fff;
}
#simplemenu a:focus, #simplemenu a:active {
	color: #fff;
	outline: 1px #0d6092 dotted;
	background: #b1dfee !important;
}
#simplemenu a.active {
	color: #367c2b;
}
#simplemenu li:hover ul, ul#simplemenu li.sfHover ul {
	/*border-bottom:1px solid #999;*/
}
#simplemenu li ul a {
	height: auto;
}
#simplemenu li ul {
	margin-top: -2px;
	/*border: 1px #b1dfee solid;*/
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
#simplemenu li ul li {
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#simplemenu li ul li ul {
	margin-top: 0px;
}



#homepage img {
	float: left;
	margin: 6px;
}
#homepage a:hover {
	background-color: white;
}