* {
		margin:0;
		padding:0;
	}

	html {
		width:100%;
		height:100%;
	}
	
	body {
		width:100%;
		height:100%;
		font-family: Verdana;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		background-color:#FFFFFF;
	}

	A {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
		TEXT-DECORATION: none;
	}

	A:active {
		BACKGROUND-COLOR: transparent;
	}

	A:hover {
		 text-decoration:underline;
	}

	HR {
		BORDER: 0;
		COLOR: #CCCCCC;
		BACKGROUND-COLOR: #CCCCCC;
		HEIGHT: 1px;
	}

	TD {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	TH {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	DIV {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	P {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	TEXTAREA {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	INPUT {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	SELECT {
		BORDER-WIDTH: 1px;
		BORDER-COLOR: #CCCCCC;
		BORDER-STYLE: SOLID;
		BACKGROUND-COLOR: #FFFFFF;
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #003300;
	}

	H1 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 14px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	H2 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	H3 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	H4 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	H5 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	H6 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	H7 {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		COLOR: #000000;
		TEXT-DECORATION: none;
		margin:0;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

/* CUSTOM STYLES */

/* template style */

	#content {
		width:100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
	}
	
	#navHeader {
		width:100%;
		background-color:#8dcfe7;
	}
	#navHeader #mainContent{
		width:1000px;
		height:30px;
		line-height:30px;
		vertical-align:middle;
		margin:0 auto;
		text-align:right;
	}
	
	#grayHeader {
		width:100%;
		background-color:#F1F1F1;
	}
	#grayHeader #mainContent {
		width:1000px;
		height:50px;
		margin:0 auto;
		text-align:left;
	}
	#grayHeader #logo {
		width:115px;
		height:31px;
		position:relative;
		top:10px;
		left:0px;
	}
	
	#mainPage {
		width:100%;
	}
	#mainPage #mainContent {
		width:1000px;
		height:auto;
		margin:0 auto;
		overflow:hidden;
		text-align:left;
	}
	#mainPage #leftContent {
		width:750px;
		float:left;
	}
	#mainPage #rightContent {
		width:250px;
		float:left;
	}
	
	#footer {
		width:100%;
		height:70px;
	}
	#footerPush {
		height:70px;
	}
	
	#paging {
		width:100%;
		height:20px;
	}
	#paging #mainContent {
		width:1000px;
		height:20px;
		margin:0 auto;
	}
	#paging #leftContent {
		width:750px;
		height:20px;
		float:left;
		text-align:right;
	}
	#paging #rightContent {
		width:250px;
		height:20px;
		float:left;
	}
	
	#bottomLinks {
		width:100%;
		height:50px;
		background-color:#b1e78d;
	}
	#bottomLinks a {
		color:#000000;
		text-decoration:none;
		font-size:11px;
	}
	#bottomLinks #mainContent{
		width:1000px;
		height:42px;
		margin:0 auto;
		padding-top:8px;
		text-align:center;
	}
	#ULCat {
		display:none;
	}
	
/* global container style */

	.block {
		width:99%;
		text-align:left;
		overflow:hidden;
		clear:both;
		display:block;
		margin:auto;
		margin:0px auto 4px auto;
		padding:0px;
	}
	.block.width95 {
		width:95%;
	}
	.block_title {
		width:20%;
		float:left;
		display:block;
		text-align:left;
		margin:0px;
		padding:2px 0px;
	}
	.block_data {
		width:80%;
		float:right;
		display:block;
		text-align:left;
		margin:0px;
		padding:0px;
	}
	.block_sts {
		float:left;
		display:block;
		text-align:left;
		margin:0px;
		padding:3px 0px 3px 25px;
	}
	.block_sts_error {
		background:url('/img/error.gif') no-repeat left top; 
	}
	.block_sts_warning {
		background:url('/img/warning.gif') no-repeat left top; 
	}
	.block_sts_success {
		background:url('/img/success.gif') no-repeat left top; 
	}
	.block_paddit {
		padding:2px 0px;
	}
	.block_border {
		border:1px solid #CCCCCC;
	}

/* homepage picker slideouts */

	#pickcity {
		width:380px;
		border:1px solid #CCCCCC;
		background-color:#FFFFFF;
		position:absolute;
		left:180px;
		top:0px;
	}
	#pickcity #col {
		width:190px;
		float:left;
	}
	#pickcity #col #head{
		padding:5px;
		text-align:left;
		background-color:#f0f0f0;
	}
	#pickcity .link a,.nolink {
		float:left;
		width:185px;
		min-height:18px;
		line-height:18px;
		vertical-align:middle;
		padding-left:5px;
		white-space:virtual;
		position:static;
		text-align:left;
	}
	#pickcity .link a:hover {
		background-color:#8dcfe7;	
	}

	#pickcat {	
		height:324px;
		border:1px solid #CCCCCC;
		padding:1px;
		white-space:nowrap;
		position:absolute;
		left:180px;
		top:0px;
	}
	#pickcat #picksub1 {
		float:left;
		width:190px;
		height:324px;
		background-color:#FFFFFF;
	}
	#pickcat #picksub2 {
		float:left;
		height:324px;
		background-color:#f0f0f0;
	}
	#pickcat .picksub2 {
		float:left;
		width:190px;
		min-height:18px;
		max-height:324px;
	}
	#pickcat a {
		float:left;
		width:185px;
		height:18px;
		line-height:18px;
		vertical-align:middle;
		padding-left:5px;
		white-space:nowrap;
		position:static;
		text-align:left;
	}
	#pickcat a:hover {
		background-color:#8dcfe7;
	}

/* hover over href */

	.adslnk a{
		background:#FFFFFF;
		display:block;
		position:static;
		padding:2px;
		text-align:left;
		/*width:100%;*/
	}
	.adslnk a:hover {
		background-color:#F5F5F5;
	}

/* weak attempt to control the main colors on the site */

	.menucolor-lt{
		background-color:#F5F5F5
	}
	.menucolor-dk{
		/*background-color:#C9D5F0;*/ /* LIGHT AQUA */
		/*background-color:#E3E3E3;*/ /* MEDIUM GREY */
		background-color:#DCDAFF; /* LIGHT BLUE */
	}
	.innercolor-lt{
		background-color:#F5F5F5;
	}
	.innercolor-dk{
		background-color:#CCCCCC;
	}
	.navarrow {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		color: #CC0000;
		text-decoration: none;
		font-weight: bold;
	}
	.active-nav {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		color: #000000;
		text-decoration: none;
	}
	.inactive-nav {
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		color: #CCCCCC;
		text-decoration: none;
	}

/* gray (grey) button */

	.gray_button {
		padding:5px;
		background-color:#F5F5F5;
		border:1px solid #CCCCCC;
		color:#333333;
	}
	.gray_button:hover{
		color:#000000;
		border:1px solid #000000;
	}

/* green button */

	.green_button {
		padding:5px;
		background-color:#95b458;
		border:1px solid #5c742d;
		color:#333333;
	}
	.green_button:hover{
		color:#000000;
		border:1px solid #2c3a11;
	}
	
/* blue button - so pretty - we'll use this for the signup */

	.blue_button {
		padding:5px;
		
		border:1px solid #6f9bab;
		
		background: #3ea4c9; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea4c9', endColorstr='#228cb2'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#3ea4c9), to(#228cb2)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #3ea4c9,  #228cb2); /* for firefox 3.6+ */ 

		font-weight:bold;
		color:#FFFFFF;
	}
	.blue_button:hover{
	
		border:1px solid #326b80;

		background: #3ea4c9; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#228cb2', endColorstr='#3ea4c9'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#228cb2), to(#3ea4c9)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #228cb2,  #3ea4c9); /* for firefox 3.6+ */ 

	}
	
/* item list summary */

	.item_block{
		width:560px;
		min-height:120px;
		margin:5px 5px 0px 5px;
		padding:0;
		overflow:hidden;
		clear:both;
	}
	.item_image{
		width:120px;
		height:120px;
		float:left;
		background-color:#DADADA;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.item_body{
		width:435px;
		float:right;
		margin:0px 0px 0px 5px;
		padding:3px 0px;
	}
	.item_title{
		width:335px;
		float:left;
		text-align:left;
	}
	.item_price {
		width:100px;
		float:right;
		text-align:right;
	}
	.item_description {
		width:335px;
		float:left;
		text-align:left;
	}
	.item_location {
		width:410px;
		float:left;
		color:#999999;
		text-align:left;
	}
	.item_saveit {
		width:25px;
		float:right;
		color:#999999;
		text-align:right;
	}
	
 /* MY item list summary */
 
 /* imaging - image uploader */
 
	.img_upload{
		width:600px;
		display:block;
	}
	.img_upload .new{
		width:585px;
		display:block;
		padding:1px;
		border:1px solid #cccccc;
	 }
	.img_upload .box{
		width:290px;
		border:1px solid #CCCCCC;
		padding:2px;
		margin-right:1px;
		float:left;
	}
	.img_upload .ctl{
		width:190px;
		float:left;
		text-align:left;
	}
	.img_upload .btn{
		width:190px;
	}
	.img_upload .btn input{
		width:190px;
	}
	.img_upload .sts{
		width:190px;
		height:15px;
		line-height:15px;
		valign:middle;
	}
	.img_upload .act{
		width:190px;
		height:20px;
		line-height:20px;
		valign:middle;
	}
	.img_upload .off{
		color:#CCCCCC;
	}
	.img_upload .dsc{
		width:190px;
		height:20px;
		line-height:20px;
		valign:middle;
	}
	.img_upload .dsc input{
		width:190px;
		height:18px;
		background-image:url('img/description.gif');
		background-repeat:no-repeat;	
	}
	.img_upload .img{
		width:80px;
		height:80px;
		border:1px solid #CCCCCC;
		float:right;
	}

/* image view - big box view of images with descriptions */

	.img_view{
		width:750px;
	}
	.img_view_box{
		width:373px;
		height:393px;
		border:1px solid #f5f5f5;
		float:left;
	}
	.img_view_img{
		width:373px;
		height:373px;
		background:url('') no-repeat center center;
	}
	.img_view_dsc{
		width:373px;
		height:20px;
		text-align:center;
	}

/* message box reply box */
#msgbox {
	background-color:#F5F5F5;
	border:1px solid #cccccc;
}
#msgbox .block {
	width:720px;
	margin:auto;
	overflow:hidden;
}
#msgbox .block .block_title {
	width:115px;
	text-align:left;
	float:left;
}
#msgbox .block .block_title_right {
	width:115px;
	text-align:right;
	float:left;
}
#msgbox .block .block_data {
	width:600px;
	text-align:left;
	padding:3px 0px 3px 0px;
	float:right;
}

/* messaging - list of messages sent or received */
.msg_list{
	width:750px;
	padding:0px;
	margin:0px;
}
.msg_list_new{
	width:750px;
	padding:0px;
	margin:0px;
	border-top:1px solid #00cc00;
	border-bottom:1px solid #00cc00;
}
.msg_list_from{
	background-color:#f5f5f5;
	/*width:450px;*/
	width:60%;
	float:left;
	text-align:left;
	font-weight:bold;
	padding:5px 0px;
}
.msg_list_date{
	background-color:#f5f5f5;
	/*width:300px;*/
	width:40%;
	float:right;
	text-align:right;
	font-weight:bold;
	padding:5px 0px;
}
.msg_list_body{
	/*width:750px;*/
	width:100%;
	padding:5px 0px;
	text-align:left;
	/*border-bottom:1px solid #cccccc;*/
}

/* even more to come */