/* 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;
	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;  
}


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

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

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

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

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


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; 
margin:27px 0 52px 5px;
padding:0; 
position:absolute;
font-family:verdana,arial;
top:95px;
left:25px;}

#googads {
clear:left;
position:absolute;
top:615px;
}

/* 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;}

/* addlisting left menu */
#addmenu {
list-style-type: none; 
margin:27px 0 52px 5px;
padding:0; 
position:fixed;
font-family:verdana,arial;
top:185px;
left:25px;
width:190px;}

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

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

#addmenu 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:#A67740; /* Left Menu Static old 7D9C95 */ 
border:1px solid black; 
border-width:0 1px 1px 0;}

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

#addmenu li ul {
display: none;} 

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

.catsection  {
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: 720px;
height: auto !important;
height: 100%;
position:relative;
font-family:verdana,arial;
top:225px;
width:auto;
margin-left: 170px;}

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

/* 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(/siteimages/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; 
	}
	
	
	*.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:40px;
			  position:relative;
			  top:-190px;
			  z-index:3;
}

/* used in listingshow */
	*.sumcol {margin-left:40px;
			  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:-125px; margin-left:1px !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 {
	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  */