body { background: white; color: black; font-family: verdana,arial,helvetica; font-size: 12px;} /*entire page*/
.cell {background: #f5f5eb;  font-size: 12px; } /*cream - searching cells*/
.cell2 {background: #fdfdf4;  font-size: 12px; } /*light cream - drop-down cells*/
.rangeSelector{color: #006699; background: #ffffff; font-weight: bold;  font-size: 12px; } /*dark blue - ???*/
.cell a { color:#FF0000; text-decoration:none;font-weight:bold;} /*red - advertisements link text*/
.cell2 a { color:#33CC00; text-decoration:none;font-weight:bold;} /*green - email link text*/
.separator {background:#33CC00; color: black; font-size: 12px;} /*seperator bar on global settings*/
.header {background: #FF0000; color: black; text-align:left; font-size: 12px;} /*header bar on most pages*/
.extraheader {background:#FF00FF color: black; text-align:left; font-size: 12px;} /*no idea*/
.headermethod {background: #FF0000; color: white; text-align:right; font-size: 12px;} /*header bar within .header*/
.headermethod a {color:#33CC00; text-decoration:none;} /*green - modify or delete in advertisement details header*/
.headermethod a:hover {color:#33CC00 } /*green - hover over modify or delete in advertisement details header*/
.label {background: #f5f5eb; font-weight: bold; color: black; font-size: 12px;} /*cream - searchable titles*/
.label2 {background: #fdfdf4; font-weight: bold; color: black; font-size: 12px;} /*light cream - searchable titles*/
.colheader {background: #33CC00; color: black; font-weight: bold; font-size: 12px;} /*column headers of each attribute in category*/
.listmethod a {color: #7000E0; } /*the odd row text of bad word replacements and notifications*/
.listmethod a:hover {color: black; } /*the odd row hovered text of bad word replacements and notifications*/
.listmethod {background: #f5f5eb; color: black; font-weight: bold; font-size: 10px;} /*cream - the odd row background of bad word replacements and notifications*/
.listmethod2 a {color: #FF00FF; } /*pink - the even row text of bad word replacements and notifications*/
.listmethod2 a:hover {color: black; } /*???*/
.listmethod2 {background: #fdfdf4; color: black; font-weight: bold; font-size: 10px;} /*light cream - ???*/
.line {background: white;} /*???*/
.boxframe {background: black;} /*???*/
.explTxt { font-size: 80%;color: gray; font-weight: normal} /*???*/
.messageLine { color:#00FFFF; } /*turquoise - ???*/
a:hover {color: #33CC00;} /*green - hover over .navBar*/

.navBar { color: #FF0000; font-weight: bold; font-family: verdana,arial,helvetica; font-size: 13px} /*red - customization of the dynamic nav bar within a category*/
.privateNote{ font-family: verdana,arial,helvetica; font-size: smaller; font-weight: normal} /*????*/
.categ {color: #FFFFFF; font-family: verdana,arial,helvetica; font-size: 14px} /*number of items in each category*/
.categ a {color: #000000; font-family: verdana,arial,helvetica; font-size: 14px; text-decoration:none;font-weight:bold;} /*???*/
.categ a:hover {color: white;} /*???*/
.counter {color: black; font-family: verdana,arial,helvetica; font-size: 14px} /*???*/
.indexnumber { font-family: verdana,arial,helvetica; font-size: 11px; color: gray;} /*???*/
.newslettertitle { font-weight: bold; font-family: verdana,arial,helvetica; font-size: 13px; color: #999933;} /*???*/
.item { font-family: verdana,arial,helvetica; font-size: 13px} /*???*/
.ratinglabel { font-family: verdana,arial,helvetica; font-size: 11px; color: red} /*???*/
.rating { font-family: verdana,arial,helvetica; font-size: 11px} /*???*/
.userstatus { color:#FF0000; font-family: verdana,arial,helvetica; font-size: 10px;} /*red - the user status right under logo*/
.catstat { color:#006600; font-family: verdana,arial,helvetica; font-size: 10px;} /*hunter green*/
.catdesc { color:#CCCC00; font-family: verdana,arial,helvetica; font-size: 10px;} /*pee yellow*/
.search { color:#99FF00; font-family: verdana,arial,helvetica; font-size: 10px;} /*lime green*/

a {color: black;font-size: 12px; } /*???*/

.mainmenu {color:#6600FF text-align:left; font-size: 12px;} /*purple - no idea*/
.mainmenu a {color: #33CC00; text-decoration: none; font-weight:bold;} /*green - the words in the main menu*/
.mainmenu a:hover {color: #FF0000;} /*red - the words when hovered over in the main menu*/
.powfooter {text-align:center; font-family: verdana,arial,helvetica; font-size: 10px; color:#0000FF;text-decoration: none;} /*blue - controls footer*/
.linkbutton {background:#FFFF00;} /*yellow - reply to this posting and email this to a friend*/
.linkbutton a {color: black; font-size: 12px;text-decoration:none;} /*???*/
.linkbutton a:hover {color: white;} /*???*/
.infoText {background:#FFFF00;text-align:center; font-family: verdana,arial,helvetica; font-size: 12px; color: #000000;text-decoration: none;font-weight:bold;} /*yellow - information bar when logging out or logging in*/
.pager { color:#FF00FF; font-family: verdana,arial,helvetica; font-size: 10px;} /*pink*/
.pager a { color:#B7FFB7; font-family: verdana,arial,helvetica; font-size: 10px; text-decoration: none;} /*light green*/
.pager a:hover { color:#993300; font-family: verdana,arial,helvetica; font-size: 10px;} /*brown*/
.pageract { color:#660000; font-family: verdana,arial,helvetica; font-size: 10px; font-weight: bold;} /*maroon*/
.conferr {font-family: verdana,arial,helvetica; font-size: 12px; color:#660099;text-decoration: none;font-weight:bold;} /*purple*/
.confok {font-family: verdana,arial,helvetica; font-size: 12px; color:#FF0000;text-decoration: none;font-weight:bold;} /*red - conformation text when checking*/
.confexpl {font-family: verdana,arial,helvetica; font-size: 10px; color: grey;text-decoration: none;} /*???*/

@charset "utf-8";
body1 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}