﻿/* margin: pushfromtop pushfromright pushbelow pushfromleft */
a:link {
	color: #3982d6;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3982d6;
}
a:hover {
	text-decoration: underline;
	color: #3982d6;
}
a:active {
	text-decoration: none;
	color: #3982d6;
}
body { 
	font: Arial, Helvetica, sans-serif;
	color: #3b413f;
	min-width : 800px; 
	background:#000 url("http://www.greenopia.com/images/new_green_bkg3.gif") top;
	background-repeat: repeat-y;
	background-position: top center;
	background-color: white;
	font-color: white;

	scrollbar-track-color: #993333;
	scrollbar-face-color: #003366;
	scrollbar-arrow-color: #993333;		
}
body, th {
	font-family: Arial, Helvetica, sans-serif;
	color: #3b413f;
}
body, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #3b413f;
	font-size: 12px;
}
#login {
    font-color: white;
    color: white;
	margin-top: -2px;
	position: relative;
	float: right;
	font-weight: bold;
	height: 12px;
}

#container {
    font-color: white;
	margin: 0 auto;
	margin-bottom: 0px;
	width: 980px;
	scrollbar-track-color: #993333;
	scrollbar-face-color: #003366;
	scrollbar-arrow-color: #993333;		
	font-color: grey;
}

#header {
	margin-top: -12px;
	font-color: white;
}



a.sample_attach, a.sample_attach:visited, div.sample_attach
{
    position: relative;
    float: left;
    border:  none;
    background: green;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index: 11;
    font-color: yellow;
    margin-left: 2px;
}

a.sample_attach, a.sample_attach:visited 
{ 
    border-bottom: none; 
    font-color: yellow;
}

div#sample_attach_menu_child
{ 
    border-bottom: 1px solid white; 
}

form.sample_attach
{
    position: relative;
    visibility: hidden;
    border:  none;
    background: White;
    z-index: 9;
}

form.sample_attach table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid black;
    font-color: Black;
    background: green;
    z-index: 9;
    position: relative;
}

#navbar {
    font-color: white;
	width: 979px;	
	margin-left: 3px;
	height: 24px;
    background:#000 url("http://www.greenopia.com/images/horizontal_line.gif") bottom;
}

#navbar_space {
    font-color: white;
	width: 980px;	
	margin-left: 1px;
	height: 3px;
	background-color: white;
}

#MainContentsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 16px;
	color: #3b413f;
	padding-top: 2px;
}

#main_section {
    background:#000 url("http://www.greenopia.com/images/border_right.jpg") top;
    background-position: center;
    background-repeat: repeat-y;
    margin-left: 1px;
	width: 980px;	
	min-height: 960px;
	height: auto;
	overflow: auto;
	background-color: white;
    padding-top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;    
}

#main_section_ap {
    background:#000 url("http://www.greenopia.com/images/border_right_ap.jpg") top;
    background-position: center;
    background-repeat: repeat-y;
    margin-left: 1px;
	width: 980px;	
	min-height: 960px;
	height: auto;
	overflow: auto;
	background-color: white;
    padding-top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;    
}

#main_section1 {
    margin-left: 1px;
	width: 980px;	
	min-height: 960px;
	height: auto;
	overflow: auto;
	background-color: white;
    padding-top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;    
}

#main_section_left {
    margin-top: 0px;
    margin-left: 5px;
    float: left;
    width: 660px;
	height: auto;
	overflow: auto;
}

#main_section_left1 {
    margin-top: 0px;
    margin-left: 10px;
    float: left;
    width: 650px;
	height: auto;
	overflow: auto;
}

#main_section_left_ap {
    margin-top: 0px;
    margin-left: 15px;
    float: left;
    width: 750px;
	height: 100%;
	overflow: none;
}

#main_section_right {
    margin-top: 0px;
	width: 300px;	
    padding-right: 2px;
    float: right
}

#main_section_right_ap {
    margin-top: 0px;
	width: 170px;	
    padding-right: 2px;
    float: right
}

#main_section_bottom {
    margin-left: 1px;
	width: 980px;	
	height: 290px;
	background-color: white;
    padding-top: 0px;
}

.MainContentHeadingTABLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	color: #3b413f;
}
.MainContentTABLEnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	color: #3b413f;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c1d72f;
}
.MainContentHeadingTABLE1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	color: #3b413f;
}

.MainContentHeadingTABLE2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3b413f;
}

#leafLearnMore {
	float: right;
	margin-top: 10px;
	padding-right: 4px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #30a551;
	width: 190px;
}

#leafLearnMore1 {
	float: right;
	margin-top: 2px;
	padding-right: 0px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #30a551;
	width: 190px;
}

#leafLearnMore2 
{
    float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	padding-left: 12px;
	color: #3b413f;
	padding-top: 2px;
}

td.back { 
    background-image:url("http://www.greenopia.com/images/panel.gif"); 
    background-repeat: no-repeat;
} 

td.sponsor {
    background-image:url("http://www.greenopia.com/images/sponsor.jpg");
    background-repeat: no-repeat;green_header_right
}

td.box {
    background-image:url("http://www.greenopia.com/images/background_box.gif");
    background-repeat: no-repeat;green_header_right
}

td.brand {
    background-image:url("http://www.greenopia.com/images/brand_box.gif");
    background-repeat: no-repeat;
}

td.community{
    background-image:url("http://www.greenopia.com/images/community_box.gif");
    background-repeat: no-repeat;
}

td.community_member{
    height: 72px;
}

td.cityname{
    font: Arial, Helvetica, sans-serif;
    font-color: #feff00;
    color: #feff00;
    font-size: 16px;
    padding-top: 3px;
}

td.bottom_square{
    padding-top: 7px;
    padding-left: 18px;
    background-image:url("http://www.greenopia.com/images/community_square.gif");
    background-repeat: no-repeat;
    background-position:bottom;
}

td.bottom_square_poll{
    padding-top: 7px;
    padding-left: 18px;
    background-image:url("http://www.greenopia.com/images/poll_square.gif");
    background-repeat: no-repeat;
    background-position:bottom;
}

#subscribe {
    background-color: white;
	color: white;
	font-size: 11px;
	height: 90px;
	margin-left: 1px;
	margin-right: -1px;
	padding-right: 2px;
	padding-bottom: 10px;
}
#subscribeText {
	font-size: 11px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	margin-left: 1px;
}
#subscribeText a:visited {
	text-decoration: none;
	color: #3982d6;
}

#subscribeText a:hover {
	text-decoration: underline;
	color: #3982d6;
}

#subscribeRIGHT {
	color: #5d5e5e;
	width: 235px;
	float: right;
	height: 90px;
	background-color: #c5e3d1;
	margin-right: 3px;
	margin-left: 3px;
}
#subscribeLEFT {
	color: #5d5e5e;
	width: 720px;
	height: 90px;
	margin-left: 6px;
}
#subscribe p {
	margin: 0;
	padding: 10px 0; 
}
#footer {
    font: Arial, Helvetica, sans-serif;
	background:#008030;
	color: yellow;
	font-color: yellow;
	font-size: 11px;
	padding-top: 10px;
	width: 970px;
	height: 10px;
}
#footer a:link { 
    color: yellow;
}
#footer a:active { 
    color: yellow;
}
#footer a:visited { 
    color: yellow;
}
#footer a:hover{ 
    color: yellow;
    text-decoration: underline;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}

#green_header_ad{
    margin-top: 5px;
    margin-bottom: 5px;
	height: 100;
}

#green_header{
    color: green;
    font-size: 14px;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}

#green_header_right{
    font-color: yellow;
    color: yellow;
    font-size: 14px;
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}
#green_header_right a:link, a:active{ 
    color: yellow;
}
#green_header_right a:visited { 
    color: yellow;
}
#green_header_right a:hover{ 
    color: yellow;
    text-decoration: underline;
}

#blue_header{
    color: green;
    font-size: 14px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
#blue_header a:link, a:active, a:visited { 
    color: green;
}
#blue_header a:hover{ 
    color: green;
    text-decoration: underline;
}

#green_header1{
    color: white;
    font-size: 14px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

#green_business_header{
    margin-left: 6px;
    color: green;
    font: Arial, Helvetica, sans-serif;
    color: #008030;
    font-size: 12px;
}

#green_business_header a:link {
	text-decoration: none;
	color: #008030;
}
#green_business_header a:visited {
	text-decoration: none;
	color: #008030;
}
#green_business_header a:hover {
	text-decoration: underline;
	color: #008030;
}	
#green_business_listing{
    margin-left: 4px;
    font-color: #008030;
    font: Arial, Helvetica, sans-serif;
    color: #008030;
    font-size: 12px;
    line-height: 148%;
}

#green_business_listing a:visited {
	text-decoration: none;
	color: #3982d6;
}

#green_business_listing a:hover {
	text-decoration: underline;
	color: #3982d6;
}

#green_product_listing{
    margin-left: 4px;
    font-color: #008030;
    font: Arial, Helvetica, sans-serif;
    color: #008030;
    font-size: 12px;
    line-height: 148%;
    height: 63px;
}
#green_product_listing a:visited {
	text-decoration: none;
	color: #3982d6;
}

#green_product_listing a:hover {
	text-decoration: underline;
	color: #3982d6;
}

#green_business_dot{
    font-color: #008030;
    font: Arial, Helvetica, sans-serif;
    color: #008030;
    font-size: 20px;
    line-height: 140%;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid green;
border-bottom-width: 1px;
width: 650px; /*width of featured content slider*/
height: 220px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 630px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3b413f;
}

.sliderwrapper .contentdiv img{
	padding-right: 15px;
    height: 210px;
}

.pagination{
width: 642px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #00853f;
padding: 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #3b413f;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #3b413f;
background-color: #20E0E0;
}

#VideoBox{
    margin-left: 10px;
	z-index: 1;
}

/* original size of the player */
#player, #player embed, #player object {
	width:300px;
	height:250px;
	z-index: 1;
}

/* absolute positioning of the player */
#player embed, #player object {
	position:relative;

	/* layer as the topmost element */
	z-index:1;
}

/* overlay size and background image */
div.overlay {
/* THIS ARE YOUR FULLSCREEN DIMENSIONS */
	width:600px;
	height:480px;
	background-image:url(http://static.flowplayer.org/img/overlay/petrol.png);
	display:none;
	padding: 0 !important;
}

/* close button for overlay */
div.overlay div.close {
	background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
	z-index: 1;
}

/* original size of the player */
#player, #player embed, #player object {
	width:300px;
	height:250px;
	z-index: 1;
}

/* absolute positioning of the player */
#player embed, #player object {
	position:absolute;

	/* layer as the topmost element */
	z-index:1;
}

.greenEventsDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left: 16px;
	font-weight: bold;
	color: #515654;
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	padding-right: 15px;
	width: 250px;
}
.greenEvents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 250px;
}
.greenEvents a:visited {
	text-decoration: none;
	color: #3982d6;
}

.greenEvents a:hover {
	text-decoration: underline;
	color: #3982d6;
}

#mainImageTitle {
	color: #444545;
	text-align: right;
	background-color: #a9abab;
	font-size: 14px;
	padding: 3px;
	margin-bottom: 2px;
}
#MainContentHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	padding-left: 12px;
	color: #3b413f;
	padding-bottom: 8px;
}
#MainContentHeading td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
}
#MainContentHeadingResults {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	padding-left: 12px;
	color: #3b413f;
	padding-top: 0px;
	height: 60px;
}

#MainContentHeadingResults1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c1d72f;
	padding-left: 12px;
	color: #3b413f;
	padding-top: 2px;
}

#MainContentHeading2 {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 6px;
}
#boxLOCALmain {
    background-color: #FFFFFF;
    margin-right: 10px;
    margin-left: 10px;
    height: 137px;
    width: 570px;
    float: left;
    margin-bottom: 12px;
    margin-top: 12px;
}
#boxLOCALmain p {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
#boxLOCALmain strong {
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}
#boxLOCALmain img {
    float: left;
    padding-right: 1px;
    padding-bottom: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

#mainInfo {
}
#greyNAVbox
{
	color: #444545;
	text-align: left;
	background-color: #a9abab;
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
#leftIMG {
	width: 160px;
	float: left;
}
#info {
	font-size: 12px;
	float: left;
	margin-left: 20px;
}
#infoNAV {
	background-color: #C6E3D1;
	float: right;
	width: 160px;
}
#infoTEXT {
	font-size: 12px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.infoTEXTheading {
	font-size: 16px;
	color: #444545;
	font-weight: bold;
}
#header_tab {
  padding-top: 20px;
  float:left;
  width:100%;
  background: url("http://www.greenopia.com/images/bg.gif") repeat-x bottom;
  font-size: 12px;
  line-height:normal;
  }
#header_tab ul {
  margin:0;
  padding:9px 9px 0;
  list-style:none;
  }
#header_tab li {
  float:left;
  background:url("http://www.greenopia.com/images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 8px;
  }
#header_tab a {
  float:left;
  display:block;
  background:url("http://www.greenopia.com/images/right.gif") no-repeat right top;
  padding:4px 14px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header_tab a {float:none;}
/* End IE5-Mac hack */
#header_tab a:hover {
  color:#333;
  }
#header_tab #current {
  background-image:url("http://www.greenopia.com/images/left_on.gif");
}
#header_tab #current a {
  background-image:url("http://www.greenopia.com/images/right_on.gif");
  color:#333;
  padding-bottom:5px;
}
.welcomeTEXT {
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navcontainer {
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
	display: block;
	width: 110px;
	background-color: #C6E3D1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dceee3;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0;

}

#navcontainer a:link, #navlist a:visited
{
	color: #444545;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}
#navcontainer a:visited
{
	color: #444545;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

#navcontainer a:hover
{
	font-size: 11px;
	background-color: #8AC29F;
	color: #fff;
}
.TABLEtext {
	color: #3b413f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.TABLEtitle {
	color: #444545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#cityList {
	width: 250px;
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#cityList1 {
	width: 180px;
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
}


#DirList {
	width: 280px;
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#header_find_form {
	background:url("http://www.greenopia.com/images/searchbar_new.gif");
	background-repeat: no-repeat;
    height:51px;
    width:650px;
    overflow:hidden;
    float:center;
    position:relative;
    margin-top: 0px;    
}

#header_find_form p {
    float:left;
    margin:7px 10px 0 0;
    text-align:left;
}

#header_find_form input {
    width:265px;
    height:18px;
    margin-top: 1px;
    padding:3px 0 1px 5px ;
    font-size:17px;
    color:#333;
    border:1px solid #ccc;
    background:url(/images/border.png) no-repeat 0 -152px;
}

#header_find_form button{
    float:center;
    position:relative;
    margin-top:22px;
    margin-left:-4px;
    width:25px;
    height:25px;
    border:0px solid #ccc;
    background:url(/images/newsearch.gif) no-repeat;
}


#mybutton {
    margin-right: 10px; 
    margin-bottom:1px; 
    float: left;
}

.suggestion_list
{
z-index:1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: white;
color: green;
font-color: green;
border: 1px solid;
padding: 4px;
}

.suggestion_list ul
{
font-color: green;
color: green;
padding: 0;
margin: 0;
list-style-type: none;
}

.suggestion_list a
{
text-decoration: none;
font-color: green;
color: green;
}

.suggestion_list .selected
{
background: white;
font-color: green;
color: green;
}

.suggestion_list .selected a
{
background: white;
font-color: blue;
color: blue;
}

#autosuggest
{
display: none;
background: white;
font-color: green;
color: green;
}


