HTML {
	height: 100%;
}

BODY {
	background-color: #009055;
	margin-top: 0px;
	font-family: arial, helvetica, sans-serif;
}

#merchants {
	float: right;
	width: 180px;
}

/* this is a default, in case we don't have 'selector' */
#merchant_ {
	float: right;
	width:180px;
	vertical-align:top;
	text-align:center;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 2px;
}

#merchant_google {
	float: right;
	width:180px;
	vertical-align:top;
	text-align:center;
}

#merchant_yahoo {
	float: right;
	width:160px;
	vertical-align:top;
	text-align:center;
}

/* they have border */
#merchant_affiliates {
	float: right;
	width:160px;
	vertical-align:top;
	text-align:center;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 2px;
}

#merchant_affiliates p {
	text-align:center;
	font-size: 1em;
}

#adtotal {
	padding: 0px 10px 10px 10px;
}

#admain {
	margin-left: 0px;
	margin-right: 180px;	/* same width as adright div, below.  needed to keep NN from extending the background under the sponsor. */
	padding: 0px 0px 0px 0px;
}

#adtitle {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

#adposter {
	text-align: center;
}

#addesc {
	background-color: #bfffe5;
	border: 1px solid #009055;
	margin: 20px 20px 20px 10px;
	padding: 0px 10px 0px 10px;
}


#breadcrumbs {
	clear: both;
	float: left;
	background-color: #009055;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 468px;
/*
	border: 2px solid #94B473;
*/
}

#breadcrumbs ul {
	display: block;
	list-style-type: none;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}

#breadcrumbs li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#breadcrumb {
	/* only the width that we are! */
	display: inline;
	background-color: #FEDB00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#breadcrumb img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}

#breadcrumb a {
	/* yellow, goes over the arrows if they repeat! */
	background-color: #FEDB00;
	/* no color chnage when clicking */
	text-decoration: none;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#breadcrumb span {
	display: none;
	font-size: 0.85em;
}


/* This hover change defeats the IE/Win display changing bug */
/* great tip from http://www.communitymx.com/content/article.cfm?cid=4E2C0&print=true */
#breadcrumb a:hover {
	background-color: #FEDB01;	/* has to be slightly different from regular background color */
}

#breadcrumb a:hover span {
	position: absolute;
	top: 5px;
	left: 30px;
	display: block;
	background: #BFFFE5;
	border: 1px solid #CCCCCC;
}

/* For tooltips.  Based on breadcrumb work, above. */
#tooltip {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/*
#tooltip img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}

#tooltip a {
	color: black;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#tooltip span {
	display: none;
	padding: 5px 5px 5px 5px;
	font-size: .9em;
	width: 285px;
	z-index: -999;
}

#tooltip a:hover span {
	position: absolute;
	top: 15px;
	left: -300px;
	display: block;
	background: #FFFFFF;
	border: 2px solid #009055;
}

#tooltip p {
	width: 100%;
}
*/

.edit_intro {
	font-size: .8em;
	font-weight: bold;
}

/* for odad/even row colors */

.row_odd {
	background-color: #BFFFE5;
	margin-right: 10px;
}
.row_even {
	
}

#msg {
	color: black;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background-color: #FFA500;	/* svg orange */
	margin: 20px auto 10px auto;
	width: 60%;
	border: 1px solid #000000;
}


/* for tabs */
/* mostly from http://css.maxdesign.com.au/listamatic/horizontal23.htm */
/* (some mods to show current one)
/* only one i found that didn't have whitespace after the end-ul */

#navcontainer
{
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

#navcontainer ul {
	padding: 0px 0px 0px 0px;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 2%;
	/*
	color: #FFFFFF;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: .65em;
	letter-spacing: 2px;
	font-weight: bold;
	*/
}

#navcontainer ul li a
{
	padding: 0.2em 12px;
	background-color: #DDDDDD;
	color: #000000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover
{
	background-color: #CCCCCC;
	color: #000000;
}

#navlist li a:hover, #navlist li a:active
{
	text-decoration: none;
	text-align: left;
	/*
	color: blue;
	background: #FFFFFF;
	text-transform: uppercase;
	font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	*/
}

#navlist li a#current
{
	background: #BBBBBB;
	border-right: 2px solid #94B473;
	border-left: 1px solid #94B473;
}

/* end of tab style info */

/*
 *
 *
 * GENERIC STYLES
 *
 *
 */
#wrapper div {
	/* don't center here or everything gets centered! */
/*
	height: 100%;
*/
}

#normal div p {
	text-align: left;
	border-style: solid;
	border-width: 5px;
}

/*
 *
 *
 * STYLES FOR ALL PAGES
 *
 *
 */

#page {
	max-width:65em;		/* page must be this wide */
/*
	max-width isn't supported in IE.  Hack from here: http://www.svendtofte.com/code/max_width_in_ie/
*/
	width:expression( 
		document.body.clientWidth > (1024/12) * 
		parseInt(document.body.currentStyle.fontSize)?
		"50em":
		"auto"
	);
	padding-top: 10px;	/* separates us from the browser window */
	margin-left: auto;	/* center */
	margin-right: auto;
	/* no padding here - let each section (header/body/footer) figure out where they want to be */
	background-color: #FFFFFF;
}

/* NOTE: 'overflow' causes a div filled with floats to take up space. */
/* NOTE: if you don't have a height tag to go with the overflow, you can get a scrollbar */
/* NOTE: height of header changes if you have the city downarrow thingie, so we're hosed! */
#pageheader {
	padding: 0px 10px 0px 10px;
	min-height: 64px;
/*
	height: 63px;
	border-style: solid;
	border-width: 2px;
	border-color: red;
	border: 2px solid #94B473;
*/
	overflow: auto;
}

#pageheaderlogo {
	float: left;
	width: 468px;
/*
	border: 2px solid #94B473;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
*/
}

#pageheaderlogo img {
	border:0
}

#pageheadertoolslist {
	margin-right: 1px;
	margin-left: 1px;
	float: right;	/* keep the tool box to the right of the header graphic */
	/* by taking this out, we allow the div to be the size of the buttons within, which keeps it from always being 3x */
	/* 3x the tools */
/*
	width: 264px;
	border-style: solid;
	border-width: 5px;
*/
	padding: 0px 0px 0px 0px;
}

#pageheadertools ul {
	padding: 0px 0px 0px 0px;	/* otherwise it make itself bigger than the buttons */
	display: inline;		/* removes some dangling vertical space  and keeps the buttons together in IE */
}

#pageheadertools li {
	float: left;	/* allow the tools to come out in the right order */
	display: block;	/* no bullets */
	width: 88px;	/* same as image background */
	padding: 0px 0px 0px 0px;
	background-image: url("/img/empty_box.gif");
	background-repeat: no-repeat;
	color: black;
	line-height: 45px;	/* centers the text; same height as image */
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	text-transform: uppercase;
}

#pageheadertools a {
	display: block;	/* whole thing is clickable */
	color: black;
	text-decoration: none;	/* no color chnage when clicking */
}


/* the page body */
#pagebody {
	text-align: left;
	clear: both;
	overflow: auto;
/*
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 0px 0px 0px 0px;
*/
}

#pagebody h1 {
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
}

#pagebody h2 {
	background-color:#009055;
	color: white;
	/* don't increase top-margin - it screws up group and ad.html  */
	margin-top: 0px;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 0px 2px 5px;
	margin-right: 0px;
}

/* the page footer */
#pagefooter {
	padding: 10px 10px 10px 10px;
	width: 66%;
	margin-left: auto;	/* center */
	margin-right: auto;	/* center */
	margin-top: 30px;
	text-align: center;
	border-top: 1px solid #000000;
	font-size: .8em;
}

#pagefooter p {
	margin-top: .2em;
	margin-bottom: 0px;
}

#pagefooter ul {
	text-align: center;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}

#pagefooter li {
	text-align: center;
	display: inline;
	padding-left: .5em;
	padding-right: .5em;
}

/*
 *
 * STYLES FOR THE HOME PAGE
 *
 */

#hp {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
/*
	border-style: solid;
	border-width: 1px;
	border-color: orange;
*/
}

#hpcolleft {
	width: 48%;
	float: left;
	margin: 0px 0px 0px 0px;
/*
	border-style: solid;
	border-width: 1px;
	border-color: red;
*/
}

#hpcolright {
	width: 48%;
	float: right;
	margin: 0px 0px 0px 0px;
/*
	border-style: solid;
	border-width: 1px;
	border-color: blue;
*/
}

/* margin-bottom allows these to stack vertically with a little white space */

#bunit {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #B0FFCC;
	font-size: 9pt;
/*
	border-style: solid;
	border-width: 0px;
	border-color: orange;
*/
}

#bunit form {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
/*
	border-style: solid;
	border-width: 3px;
	border-color: white;
*/
}

#bunit h2 {
	background-color:#009055;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
}

#bunit p {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
/*
	border-width: 0px;
	border-style: solid;
	border-color: pink;
*/
}

#bunit ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 30px;
	list-style-position: inside;	/* show bullets in IE even when no padding */
	line-height: 1.1em;
/*
	border-style: solid;
	border-width: 2px;
*/
}

#bunit h3 {
	margin-top: 0px;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0px 10px 0px 10px;
}

/*
 * 
 * STYLES FOR A LIST OF STATES
 * 
 */

#statecol {
	float: left;
}

#statecol li {
	margin-left: 20px;
	width: 100px;
}


/*
 * 
 * STYLES FOR A LIST OF AREAS
 * 
 */

/* the list of areas contained in a group on group.html */

#arealist {
	text-align: left;
	font-size: .8em;
	margin-bottom: 10px;
}

#arealist li {
	display: inline;
}

/* on free/group_browse page */

/* the letters */
#a2z {
	margin-bottom: 10px;
	text-decoration: none;
}
#a2z a {
	text-decoration: none;
}

/* a list of groups on the free/group_browse page */

#areacols {
}

#areacol {
	float: left;
	width: 25%;
}

#areacol li {
	margin-left: 20px;
	margin-right: 20px;
	list-style-type: none;
	width: 100%;
}

/* from group-proc.html */
#grouplist  {
	margin-left: 10px;
}

#explanation  {
	margin-left: 10px;
	font-size: .9em;
}

/* from group.html */

#grouptotal {
	padding: 0px 10px 10px 10px;
}

#groupmain {
	margin-left: 0px;
	margin-right: 180px;	/* same width as adright div, below.  needed to keep NN from extending the background under the sponsor. */
	padding: 0px 10px 0px 0px;
}

#adlist {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#adlist li {
	list-style-type: none;

}

/* r_ad = read ads */
/* tools are subscribe and post */


#r_ad_tools {
	padding: 15px 0px 0px 0px;

}
#r_ad_tools ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#r_ad_tools li {
	text-align: left;
	display: inline;
	margin-right: 10px;
}

/* paging tools */
#r_ad_page  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#r_ad_page li {
	text-align: left;
	display: inline;
	margin-right: 15px;
}
#r_ad_page a {
}

/* the category pulldown */
#r_ad_nav {
	padding: 10px 0px 0px 0px;
}
/* for help, about us, etc. */
#help dt {
	font-weight: bold;
}
#help dd {
	font-size: .9em;
}

/* for forms */

/* NOTE: this formrow must be contained in a div that specified (at least) the width (in pixels)! */
div.formrow {
	clear: both;
	padding-top: 10px;
}

div.formrow span.label {
	float: left;
	width: 25%;
	text-align: right;
}

div.formrow span.field {
	float: right;
	width: 70%;
	text-align: left;
} 

div.formrow span.text {
	float: left;
	width: 100%;
	text-align: left;
}

div.formrow span.buttons {
	float: left;
	width: 100%;
	text-align: center;
}



#formrow {
	padding: 10px 0px 0px 0px;
	width: 90%;		/* page must be this wide */
	clear: both;

/*
	border-width: 2px;
	border-style: solid;
	border-color: green;
*/
}

#formfield {
	float: left;
	width: 35%;
	text-align: right;

/*
	border-style: solid;
	border-width: 5px;
*/
}

#formvalue {
	/* put padding on the field, which is taller */
	float: right;
	width: 60%;
	text-align: left;

/*
	border-style: solid;
	border-width: 5px;
	border-color: red;
*/
}

#formtext {
	float: left;
	width: 100%;
	font-size: .9em;
	margin-bottom: 10px;
}

#formbuttons {
	clear: both;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#textarea {
	/* basic stuff for a basic page of mostly text. */
	float: left;
	margin: 10px 10px 10px 10px;
}

#queryform {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: left;
/*
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	float: left;
*/
}

/* remove the space we'd otherwise inherit */
#queryform form {
	padding: 0px 0px 0px 0px;
/*
	border-style: solid;
	border-width: 1px;
	border-color: blue;
*/
}

#queryform td {
	font-size: .9em;
}

#letter {
	width: 60%;
	font-size: 0.85em;
}

#managetotal {
	padding: 0px 10px 10px 10px;
}

#managetable table {
}

#managetable th {
	text-align: center;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #000000;
}

#managetable td {
	padding: 5px 5px 5px 5px;
}

#managetable #row_odd {
	background-color: #BFFFE5;
	margin-right: 10px;
}

#regform {
	float: left;
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#loginform {
	width: 500px;
}

#settingsform {
	float: left;
	width: 700px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 2px;
}

#regbene {
	background-color: #B0FFCC;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 500px;
}

#spacer {
	clear: both;
}

#fc_bene {
	display: inline;
}

#fc_setup dt {
	font-weight: bold;
}

.fc_setup_bene {
	font-style: italic;
	background-color: #B0FFCC;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

/* for locations */
#loc_desc {
	background-color: #bfffe5;
	border: 1px solid #009055;
	margin: 20px 20px 20px 10px;
	padding: 0px 0px 10px 10px;
	overflow: auto;			/* keeps the color */
}

#loc_desc dl {
	margin: 10px 0px 0px 0px;
}

#loc_desc dt {
	margin: 10px 0px 0px 0px;
}

#loc_header {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	width: 50%;
}


#loc_addr {
	margin: 0px 0px 0px 0px;
	width: 50%;
}

#loc_addr ul {
	display: inline;		/* removes some dangling vertical space  and keeps the buttons together in IE */
}

#loc_addr li {
	display: block;	/* no bullets */
}

#loc_act_title {
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

#loc_act_desc {
	padding: 0px 0px 0px 0px;
}

#loc_act_row {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#loc_act_col_left {
	clear: left;			/* allows divs on right */
	width: 49%;
	float: left;			/* seems to keep right col at top */
}

#loc_act_col_right {
	width: 49%;
	float: right;
}

#loc_act_attr {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#loc_act_attr ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#loc_act_attr li {
	display: block;	/* no bullets */
}

/* for the location (address) section */
#loc_loc {
	background-color: #bfffe5;
	border: 1px solid #009055;
	margin: 20px 20px 20px 10px;
	padding: 0px 10px 10px 10px;
	height: 260px;			/* 10 more than the map - some padding */
}

#loc_map {
	float: right;
	vertical-align:top;
	text-align:center;
	margin: 10px 0px 0px 0px;	/* nudge it down a little */
}

/*
	border-style: solid;
	border-width: 1px;
	border-color: blue;
*/