/* http://cafecss.com
http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
http://www.cssportal.com
http://www.yourhtmlsource.com/forms/clearingdefaulttext.html#thehtml
http://snipplr.com/view.php?codeview&id=6890
http://img181.imageshack.us/img181/53/textroundbv8.gif
http://www.greenpeople.org/test/inputbox.gif
http://www.roundedcornr.com/roundedcornr_501019.gif
http://www.roundedcornr.com/
http://www.cssplay.co.uk/menus/
http://www.cssdrive.com/index.php/menudesigns/item/biteclub_two_line_menu/
*/
/* background: #ffe0a8 url(../siteimages/background-orangehearts.png) repeat-x fixed repeat-y fixed 
nature010.jpg
background: #ffe0a8 url(Newgreenbackground.png);


http://stackoverflow.com/questions/108207/how-do-i-make-an-html-text-box-show-a-hint-when-empty

*/

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #BCFF91;  /* overall background old BEFF91 */
    margin: 0;
    padding: 0;
}

#pagecontainer {
    width: 72%;
    padding: 0;
    margin: 0px 240px 25px 10px;  /* length  top, right, bottom  left */
    position: relative;
    height: auto !important;
	z-index: 4;
}

#leftshadow {
    background: transparent url(http://www.greenpeople.org/siteimages/pageds-sd-l.png) repeat-y left;
    padding: 0;
    margin: 0;
    padding-left: 24px;
	z-index: 4;
	position: relative;
}

#rightshadow {
    padding: 0;
    margin: 0;
    background: url(http://www.greenpeople.org/siteimages/pageds-sd-r.png) repeat-y right;
    padding-right: 24px;
    margin-right: -23px;
    z-index: 3;
	position: relative;
}

#bottomshadow {
    padding: 0;
    margin: 0;
    background: url(http://www.greenpeople.org/siteimages/pageds-sd-bl.png) no-repeat left bottom;
    padding-bottom: 22px;
    z-index: 2;
	position: relative;
	width:887px;
}

#bottomrightshadow {
    padding: 0;
    margin: 0;
    background: url(http://www.greenpeople.org/siteimages/pageds-sd-br.png) no-repeat right bottom;
    padding-bottom: 0px;
    padding-right: 23px;
    z-index: 1;
	position: relative;
	width:887px;
}

#page {
    background: #fff;
min-height: 100%;
height: auto !important;
height: 105%;
    text-align: left;
    color: #000000;
    padding: 8px 0px 25px;
    margin: 0px -12px;
	position: relative;
min-width:887px;  
}

#fullwidth {
	position: relative;
    margin-left:-190px;
    margin-right:10px;
	font-size:.9em
}

*.absright { position:relative; left:85%; float:right;}
*.abstop { position:absolute; top:40px; margin-bottom:5px; }


*.absfullright { position:absolute; left:905px; margin-left:1px !important;}
*.absfulltop { position:absolute; top:20px; margin-top:5px; z-index:0;}

*.bannerad { position:absolute; top:40px; margin-bottom:5px; left:80%; float:right;
}

/* used in statepage */
	*.statepgbanner {
 position:absolute; right:-125px; top:-50px; margin-left:1px !important;}
 
#topleft {
position:absolute;
top:3px;
left:1px;
z-index:0;
}

*.floatright {float:right;}

*.navpath
{
  display:block;
  font-size:.8em;
  margin-top:-30px;
  margin-bottom:15px;
  margin-left:-50px;
}

*.freelisting {
  color:#666666;
  font-size:.9em;
  margin-top:.4em;
  line-height:98%;
}

*.freelisting a:link {
  color:#333333;
}
*.freelisting a:visited {
  color:#545454;
}
*.freelisting a:hover {
  color:#545454;
}

*.greenbold {
  color:green;
  font-weight:bold;
  font-size:1.1em;
  margin-left:-2px;
  margin-top:.6em;
}

.greenstar {
  margin-left:-15px;
  padding-top:.5em;
}

.gslisting {
  margin-top:.3em;
}

.suslisting {
  margin-top:.3em;
  color:black;
}
.suslisting a:link {
  color:black;
  font-weight:bold;
}
.suslisting a:visited {
  font-weight:bold;
}

.stdlisting {
  margin-top:.3em;
  color:black;
}
.stdlisting a:link {
  color:black;
}

  a:hover {color:#339900}
  a:visited {color:#669900}

  
freelisting.a { color:#666666;}


*.headline {
  margin-left:30px;
  font-size:.9em;
}

*.sumheadline {
  font-size:.9em;
  color:#666666;
  width:330px;
	border-top-style: solid;
	border-top-color: #D4CECE;
	border-top-width: 1px;
}

*.tagcol {
  width:23px;
	border-width: 1px;
}

*.tagicons {
 float:right;
 top:20px;
}

*.memcol {
  width:20px;
	border-width: 1px;
}


*.premheadline {
  font-size:.9em;
	border-top-style: solid;
	border-top-color: #D4CECE;
	border-top-width: 1px;
	width:330px;
}

table#listresults {
    background-color:#FFFFFF;
    width: 98%;
	padding:0px;
	border-spacing:0px;
}

table#keytext {
    background-color:#FFFFFF;
    width: 98%;
	padding:0px;
	border-spacing:0px;
	margin-top:20px;
	clear:left;
}

.llistrowstyle {
    text-align: right;
    width: 240px;
    background-color: #FFFFFF;
}

.pageupd {
  font-size:.7em;
  color:#666666;
}

table#searchbox {
    background-color:#BCFF91;
	border: solid #2D7C60 1px;
	position:relative;
	margin-left:auto;
	margin-right:122px;
	bottom:-10px;
	padding:0;
}

.utilitybox {
display:block;
	position:relative;
	margin-left:auto;
border-style:dotted;
border-width:1px 0px 1px 2px;
border-color:green;
color:green;
padding-left:10px;
padding-top:-2px;
margin-top:-18px;
font-size:.8em;
width:7em;
bottom:-1px;
z-index:4;
}
.utilitybox a {color:green; text-decoration: none;
}
.utilitybox a:hover {text-decoration:underline;
}


*.nounderscore {color:black; font-weight:bold; text-decoration: none;
}
*.nounderscore a:hover {text-decoration:underline;
}

ul.videoul {
    list-style:none;
    margin:0 0 1em 3px;
    padding: 0;
}
li.videobullet {
   line-height: 24px;
    margin: .25em 0;
    padding: 0 0 0 56px;
	background: url("/images/YouTubeVideo.jpg") no-repeat 0 7px;
}


.regyours {
display:inline;
	position:relative;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:red;
color:red;
padding:5px;
margin:5px;
font-size:.8em;
line-height:.8em;
top:10px;
z-index:4;
}
.regyours a {color:red; text-decoration: none;
}
.regyours a:hover {text-decoration:underline;
}


*.citystate {
  font-size:.8em;
  margin-left:10px;
}

*.errortext {
  color:red;
  font-weight:bold;
}

*.catsize {
  font-size:.9em;
font-family:arial,verdana;
text-align:right;
}

.botmar3 { margin-bottom:3px;
           font-weight:bold;
}


.roundedinput {
background:url(/siteimages/inputbox.gif) no-repeat;
width:270px;
height:30px;
padding:2px; /* put a padding */
}


A:link { color: 996633 }          /* unvisited link */
A:active { color: cc9900 }        /* active links */

/*
.topnav{
float:right;
position:relative;
left:-50%;
}
*/

/* http://forums.devshed.com/css-help-116/css-td-font-colour-change-on-mouse-over-how-11903.html
http://forums.asp.net/p/1150840/1880320.aspx
*/
.floater {
display:block;
font-family:verdana,arial;
font-size:small;
line-height:1.2em;
text-align:center;
width:5.1em;
height:2.7em;
float:left;
position:relative;
right:-17%;
margin-right:.3em;
background-color: #2D7C60; /* Title Bar Static old 2A5D51 */
color: black;
border: 1px solid black;
z-index:1;
}

/*
.floater:hover {
background-color: #E0A979;
}
*/

.floater a{ 
display:block;
text-decoration:none;
color: #D7FFF1; /* Title Bar Text old EDF6E4 */
}


.floater a:hover{
display:block;
height:2.7em;
background-color:#99BADB; /* Title Bar Rollover  old white */
color: black;
border-color: black;}


.topactive {
display:block;
height:2.7em;
background-color:#99BADB; /* Title Bar Rollover  old white */
color: black !important;
border-color: black;}

.leftactive {
color: black;
background:#BCFF91;}

#couponicon {
list-style-type: none; 
padding:0; 
position:absolute;
font-family:verdana,arial;
top:111px;
right:0px;
z-index: 4;}

#googads {
clear:left;
position:absolute;
top:620px;

}

#fbicon {
list-style-type: none; 
margin:0;
padding:0; 
position:absolute;
top:175px;
right:10px;
z-index: 3;}


/* flyout */

#vmenu {
list-style-type: none; 
margin:20px 0 52px 5px;
padding:0; 
position:absolute;
font-family:verdana,arial;
top:220px;
left:8px;
width:165px;}

#vmenu ul {
list-style-type: none; 
margin:0; 
padding:0;
width:165px;} /* 151px */

#vmenu li {
position:relative;
overflow:visible;}

#vmenu a {
display:block;
width:170px; 
font-size:.8em; 
color:#D7FFF1;  /* Left Menu Text old white */
line-height:22px; 
height:23px; 
text-decoration:none; 
text-indent:5px; 
background:#2D7C60; /* Left Menu Static old 7D9C95 */ 
border:1px solid black; 
border-width:0 1px 1px 0;}

#vmenu li:hover > a {
background:#BCFF91; /* Left Menu Rollover */
color:black;}

#vmenu li ul {
display: none;} 

#vmenu li:hover > ul {
display:block; 
position:absolute; 
top:0; 
left:151px;}

.activesearch  {
background:#BCFF91; /* Left Menu Rollover */
color:black;}


	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */



#maincontent {  /* how to make height go to bottom of page */
padding:0; 
min-height: 500px;
height: auto !important;
height: 100%;
position:relative;
font-family:verdana,arial;
top:225px;
width:auto;
margin-left: 170px;
border: 5px; solid blue;}

#addcontent {  /* how to make height go to bottom of page */
padding:0; 
height: auto !important;
height: 100%;
position:relative;
font-family:verdana,arial;
width:auto;
margin-left: 20px;}


.alignup {
position:relative;

}

.botfoot {
position:absolute;
width:auto;
left:0;
margin-left:50px;
bottom:-20px;
right:0;
padding:1em;
font-size:.8em;
z-index: 1;
}



/*
	body * {	
		font-family: Georgia, 'Times New Roman', Times, serif; 
		font-style: italic;
	}
	*/
	label.rounded {
		padding-top: 5px;
		font-weight: bold;
		color: #000;
	}
	
	input.rounded {
		border: 0;
		background: url(/siteimages/inputbox.gif) top left no-repeat; 
		width: 270px; 
		height: 25px; 
		padding: 3px 5px; 
		font-size: 1em;  
		font-weight: bold;
		color: #000; 
	}
	
	
	*.left15 {margin-left:15px;
			  position:relative;
			  top:-190px;
	          width:430px;
			  z-index:3;
}
	*.left20 {margin-left:20px;
			  position:relative;
			  top:-190px;
		font-size: .9em;  
	          width:430px;
			  z-index:3;
}
/* used in listingshow */
	*.resultscol {margin-left:30px;
			  position:relative;
			  top:-190px;
			  z-index:3;
}

/* used in listingshow  height change affects pagecontainer */
	*.sumcol {margin-left:30px;
			  position:relative;
			  top:-265px;
			  z-index:3;
}
*.sumcol h1 {
	font-size:110%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left:-5px;
}

/* used in listingshow */
	*.sumcolnew {margin-left:30px;
			  position:relative;
			  height:240px;
			  top:-190px;
			  z-index:3;
}

*.summaryline {margin-left:-150px;
			  position:relative;
			  z-index:3;
}

/* used in listingshow */
	*.statebanner {
 position:absolute; 
 right:-248px; 
 margin-left:1px;
 margin-top:-30px; !important;}
 
			  
/* used in viewcoms */
	*.comscol {margin-left:60px;
			  position:relative;
			  top:-190px;
	          width:430px;
			  z-index:3;
}


#abc a:link {font-size: .8em; color:#0000EE; text-decoration: none;}
#abc a:visited {font-size: .8em; color:#2D7C60; text-decoration: none;}
#abc a:hover {font-size: .8em; color:#3E7AB4; text-decoration: underline;}

#xyz a:link {font-size: .8em; color:#0000EE; text-decoration: none;}
#xyz a:visited {font-size: .8em; color:#2D7C60; text-decoration: none;}
#xyz a:hover {font-size: .8em; color:#3E7AB4; text-decoration: underline;}



#web-buttons-idbgts1 a{display:block;color:transparent;} 
#web-buttons-idbgts1 a:hover{background-position:left bottom;}a#web-buttons-idbgts1a {display:none}



input.freebutton {background-image:url(/siteimages/searchmaker.gif);width:120px;height:37px;display:block;}

#submit a {
background: transparent url(/siteimages/Search_0.gif) no-repeat;
text-decoration: none;
}

#submit a:hover {
background: transparent url(/siteimages/Search_1.gif) no-repeat;
text-decoration: none;
} 

.submit
{
    background: url(/siteimages/Search_0.gif) no-repeat;
    height: 37px;
    width: 120px;
    border: none;
}
.submit:hover
 {
     background: url(/siteimages/Search_1.gif) no-repeat; cursor:pointer;
 }


  *.activepage  {
background:#BCFF91; /* Left Menu Rollover */
color:black;}


/* round box */

h1 { 
    display: block;
    width: 460px;
	font-size:150%;
	padding:0;
	margin:.2em .2em 0em .2em;
}

.roundbox-tr {
	margin:15px auto;
	padding:0;
	background:url("/siteimages/roundbox_tr.gif") no-repeat right top;
	width: 90%;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0;
	padding:0;
	background:   url("/siteimages/roundbox_tl.gif") no-repeat left top;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background:   url("/siteimages/roundbox_br.gif") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
	margin:0;
	padding:0;
	background:   url("/siteimages/roundbox_bl.gif") no-repeat left bottom;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */
.roundbox-content {
	margin:0;
	padding:2.5em 3.5em;
}

.roundbox-content p {
	margin:0;
	padding:0;
	line-height:1.6;
}

/* roundbox CSS ends here  */


#moreinfo
{
  display: block;
  width: 23px;
  height: 23px;
  background: url("/images/moreinfo.jpg") no-repeat 0 0;
}
#moreinfo:hover
{ 
  background-position: -23px 0;
}
#moreinfo span
{
  position: absolute;
  top: -999em;
}

#meminfo
{
  display: block;
  width: 20px;
  height: 20px;
  background: url("/images/memberof.jpg") no-repeat 0 0;
}
#meminfo:hover
{ 
  background-position: -21px 0;
}
#meminfo span
{
  position: absolute;
  top: -999em;
}

#fbrollover
{
  display: block;
  width: 20px;
  height: 20px;
  background: url("/images/facebookrollover.jpg") no-repeat 0 0;
}
#fbrollover:hover
{ 
  background-position: -21px 0;
}
#fbrollover span
{
  position: absolute;
  top: -999em;
}

#youtuberoll
{
  display: block;
  width: 48px;
  height: 20px;
  background: url("/images/youtuberoll.jpg") no-repeat 0 0;
}
#youtuberoll:hover
{ 
  background-position: -48px 0;
}
#youtuberoll span
{
  position: absolute;
  top: -999em;
}


.statecount {
font-size: 75%;
}
.statename {
font-size: 90%;
}
*.statename a:link {color:black;}
*.statename a:hover {color:#2D7C60;}
*.statename a:visited {color:#5D736B;}

.statenamegrey {
font-size: 90%;
color:grey;
}
.statecountgrey {
font-size: 80%;
color:grey;
}

h2 {
display: block;
font-weight:bold;
font-size: 100%;
font-family:verdana,arial;
margin-bottom:.2em;
}
h3 {
display: inline;
font-weight:normal;
font-size: 100%;
font-family:verdana,arial;
}

#relatedpages {
display:block
padding:3px;
position:absolute;
font-family:verdana,arial;
top:498px;
left:-187px;
width:auto;
background-color:#C0DDA7;
border: 2px solid black;}

#relatedpages h2 {
font-family:verdana,arial;
font-size:11pt;
font-weight:bold;
line-height:50%;
margin-left:1px;
}

#relatedpages h3 {
font-family:arial,verdana;
font-size:12pt;
font-weight:normal;
margin-left:2px;
}

#relatedpages a {
  color: black;
  font-size:.9em;
  text-decoration:none;
padding:2px 0px 2px 5px;
}
#relatedpages a:visited {
  color:#404040;
}
#relatedpages a:hover {
  color:black;
  text-decoration:underline;
  background:#EAF6DF;
}