/* 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 20px 2%;  /* length  top, right, bottom  left */
    position: relative;
	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:800px;
}

#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:800px;
}

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


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


*.absfullright { position:absolute; left:820px; 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;
}

#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;
}
*.citystate {
  font-size:.8em;
  margin-left:10px;
}

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


h3 { margin-bottom:3px;
}

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

h2 { margin-bottom:5px;
}
.smallerfont { font-size:smaller}
}

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


/*
.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:-1%;
margin-right:.3em;
background-color: #2D7C60; /* Title Bar Static old 2A5D51 */
color: black;
border: 1px solid black;
}

.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;}


.topdrop {
margin:0; 
padding:0;
border-width: 0px;}


.topdrop ul li {
list-style-type: none;
top-margin:.1em;
botom-margin:.1em;
padding:0; /* remove default styling for ul */
font-size:0;  /* for IE so that li is 0 tall and removes stair step */
line-height:0;
}

.topdrop ul li ul {display: none;
line-height:1.2em;}

.topdrop ul li:hover ul {display:block; background-color: #99BADB; 
width:auto; 
position:absolute;
margin-top:2.2em; 
right:5em;   /* aligns drop down menu */
font-size:medium;
line-height:1.5em;
padding:.25em;
z-index: 7;
}

.topdrop ul li:hover ul a {color: white;left:2em;
font-size:medium;
line-height:1.5em;
width:100%;
padding:.25em;
top:.75em;
z-index: 7;
}  /* when I go over it, turns black */

.topdrop ul li ul a:hover {color: black;left:2em;
font-size:medium;
border-style:solid;
display:block;
width:100%;
line-height:1.3em;}  /* when I go over it, turns black */

.topdrop ul li ul li {
list-style-type: none;
display:block;
width:100%;
line-height:1.5em;
}  /* when I go over it, turns black */



/*
.topdrop ul li ul a:hover {display:block; color:black;}

.topdrop a {display:block width: auto;}

.topdrop li {display:block; width: auto;}



.floater ul li:hover ul {color: black !important; display:block; width: 2em; position:relative;
}

*/

.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;}

/* left menu */

.listingmenu {
list-style-type: none; 
margin:27px 0 52px 5px;
padding:0; 
position:absolute;
font-family:verdana,arial;
top:150px;
left:25px;
width:190px;}

.listingmenu ul {
list-style-type: none; 
margin:0; 
padding:0;
width:190px;} /* 151px */

.listingmenu li {
position:relative;
overflow:visible;}

.listingmenu a {
display:block;
width:190px; 
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;}

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

*.listingmenu li ul {
display: none;} 

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



a.listadded {
background:#3DA882;  /* new color 3DA882 for added full page menu items */
}


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





.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:177px;
width:auto;
margin-left: 230px;
border: 5px; solid blue;}


#accntcontent {  /* content area when in MyAccount */
padding:0; 
min-height: 500px;
height: auto !important;
height: 100%;
position:relative;
font-family:verdana,arial;
top:-1px;
width:auto;
margin-left: 230px;
border: 5px; solid blue;}



/* http://spiffybox.com/index.php?w=500&h=800&r=20&fg=92F589&bd=329902&bg=FFFFFF
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
background: transparent url(img.php.png) no-repeat bottom right}
.cssbox{ 
/* intended total box width - padding-right(next) */ 
width:335px !important; /* IE Win = width - padding */ 
width: 320px; 
z-index: 3;
/* the gap on the right edge of the image (not content padding) */ 
padding-right:15px; /* use to position the box */ 
margin:20px auto}

/* set the top-right image */ 
.cssbox_head{background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-15px; 
z-index: 3;
/* right-image-gap + right-inside padding */ 
padding-right:40px}

/* set the top-left image */ 
.cssbox_head h2{ 
background-position:top left; 
margin:0; /* reset main site styles*/ 
border:0; /* ditto */ 
/* padding-left = image gap + interior padding ... no padding-right */ 
padding:25px 0 15px 40px; 
z-index: 3;
height:auto !important; 
height:1%} /* IE Holly Hack */ 

/* set the lower-left corner image */ 
.cssbox_body{ 
background-position:bottom left; 
margin-right:25px; /* interior-padding right */
z-index: 3;
padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */ 


.alignup {
position:relative;

}

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



/*
	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; 
	}
	
	
	*.listingcontent {margin-left:15px;
	          margin-right:10px;
			  position:relative;
			  top:-200px;
	          width:auto;
			  z-index:3;
}
	*.left20 {margin-left:20px;
			  position:relative;
			  top:-180px;
		font-size: .9em;  
	          width:430px;
			  z-index:3;
}
/* used in listingshow */
	*.resultscol {margin-left:60px;
			  position:relative;
			  top:-190px;
			  z-index:3;
}

/* used in viewcoms */
	*.comscol {margin-left:60px;
			  position:relative;
			  top:-190px;
	          width:430px;
			  z-index:3;
}

#upsome {
margin:-20px 0 0 0;
}

#facebook {
margin:35px -375px 0 0;
position:absolute;
z-index: 5;
}

#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;}
http://cssbutton.com/forms/
*/

.submit input
{
color: green;
background: #ffa20f;
background-color: #cc0000;
} 


.submit:hover
{
color: green;
background: #666666;
border: 2px outset #d7b9c9
} 


#submitbutton {
background: #BCD2E8;
font-weight:bold;
font-size:1.1em;
}
#submitbutton:hover {
background: #99BADB;
font-weight:bold;
font-size:1.1em;
}

.emailbus {
text-decoration: none;
color:#CC0000;
}
/* #D6AAAA 
    width:110px;
    color:#fff;
    text-decoration:none;
    background:url("images/tab2.gif") no-repeat;
    float:left;
    padding:12px 10px 13px;
    margin:0 -10px;*/

#emailroll a {
text-decoration: none;
color:#CC0000;
}
#emailroll a:hover { 
url(http://www.greenpeople.org/images/EmailListerHoover.gif);
}

#emailbutton a:link {   
    display: block;   
    background:  url(http://www.greenpeople.org/images/EmailListerNew.gif) top;   
    width: 42px;   
    height: 26px;   
    }
#emailbutton a:visited {   
    display: block;   
    background:  url(http://www.greenpeople.org/images/EmailListerNew.gif) top;   
    width: 42px;   
    height: 26px;   
    }

 #emailbutton a:hover {   
    background:  url(http://www.greenpeople.org/images/EmailListerNew.gif) no-repeat bottom;
    }

/*
#nav ul li a {
	margin:0;
	padding:0;
*/



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


/* round box */

h1 {
	font-size:160%;
	margin:1em;
	padding:0;
}

.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  */