/*COLORS
light blue: #aac6f4, darker blue #8399BD, cream #FFF1DD
purple: #ccccff; gray #eeeeee
text-align: left;
*/
*{margin:0; padding:0;}
:focus {outline:0}
img {border:none}
body {font-family:'Lucida Grande', 'Lucida Sans', 'Tahoma', Verdana, Arial, Helvetica, sans-serif; font-size:76.2%}

.floatleft {float:left;}
.floatright {float:right;}

.white {color:white}
.red {color:red}
.clear {clear:both}

/*div#container{width:95%; margin:0 auto; background-color:#fff}*/

#container {
	margin:0 auto;
	width:880px;
	min-height:450px;
	height:auto!important;
	height:450px;
	background-color:#fff;
	position:relative;
	}


#header{
	position:relative;
	width:100%;
	height:100px;
	background-color:#ccccff;
	border:none;
	overflow:auto;
	}
	

	
#content{
	overflow:auto;
	padding:15px 0;
	min-height:450px;
	height:auto!important;
	height:450px;
	}
	
h1 {
	color:#9292D4;
	font-size:25px;
	margin:0 0 10px 0;
	display:block;
	}
	
h2 {
	color:#000;
	font-size:20px;
	margin:0 5px 10px 0;
	display:block;
	}
	
h3 {
	color:#666666;
	font-size:20px;
	margin:0;
	padding:0 0 5px 0;
	display:block;
	}
	

h4 {
	color: #000;
	font-size: 14px;
	margin-bottom: 9px;
	}


p {
	font-size:11px;
	line-height:18px;
	margin-bottom:15px;
	}
	
li {
	font-size:11px;
	line-height:18px;
	}	

ul, ol {margin-left:25px;}

	

	

	
/*=========================================================
===================NAVIGATION==============================
=========================================================
*/

#navcontainer {
	position:absolute;
	/*clear:left;*/
	height:auto;
	width:450px;
	right:1%;
	z-index:100;
	bottom:0;
	}
	
ul.tabs {
	list-style-type:none;
	float:right;
	padding:0;
	margin:0 10px 0 0;
	vertical-align:bottom;
	}
	
ul.tabs li { 
	float: left; 
	padding: 0; 
	margin: 0; 
	padding-top: 0; 
	margin-right: 5px; 
	} 

	
/* Nav active state */
#nav_home .nav_home, #nav_nonprofit .nav_nonprofit, #nav_businfo .nav_businfo, #nav_listing .nav_listing, #nav_search .nav_search, #nav_about .nav_about, #nav_contact .nav_contact, #nav_signup .nav_signup { 
	background:#fff;
	color:#000;
	}
	
.bug {color:#8282a6;}

	
ul.tabs li a { 
	display: block; 
	color: #000; 
	text-decoration: none;
	padding:0 6px;
	font-size:13px;
    line-height:30px;

	} 
	
ul.tabs li a:hover { 
	color: #9292D4; 
	background: #fff ;
	}
	
	
	
/*=========================================================
===================HEADER==============================
=========================================================
*/

img.header_logo {position:absolute; top:9px; left:20px;}

div#loginwrapper {
	position:relative;
	clear:right;
	width:auto;
	height:auto;
	text-align:right;
	top:6px;
	margin-right:10px;
	}
	
	/*div#loginwrapper a {
		display:block;
		bottom:0;
		right:0;
		font-size:10px;
		color:#fff;
		}*/
	
	input.loginfield {
		margin:0 5px 0 0;
		padding:5px;
		color:#666666;
		background-color:#fff;
		width:150px;
		border:1px solid #9292d4;
		}
		
.login-button {
	border:#fff 1px solid; 
	padding:10px 20px; 
	display:block;
	float:right;
	background-color:#9292d4; 
	color:#fff;
	font-size:12px;
	text-decoration:none;
	}
	
#HyperLink1 {
	border:#fff 1px solid; 
	padding:10px 20px; 
	display:block;
	float:left;
	background-color:#9292d4; 
	color:#fff;
	font-size:12px;
	text-decoration:none;
	}
	
#ctlHeader1_HyperLink1 {
	display:block;
	font-size:10px;
	color:#fff;
	clear:right;
	}
	
	
	
/*=========================================================
===================HOME PAGE==============================
=========================================================
*/


	
	
div#topgraphicbox {
	position:relative;
	float:left;
	width:880px;
	height:400px;
	background:url('../images/maingraphic.jpg') no-repeat 50% bottom;
	top: 0px;
	left: 1px;
}
	
	div#topgraphicbox h1 {
		display:block;
		font-size:18px;
		line-height:24px;
		color:#000;
		margin:65px 40px 0 405px;
		font-weight:normal;
		}
		
	div#topgraphicbox p {
		display:block;
		font-size:12px;
		line-height:20px;
		color:#000;
		margin:20px 40px 0 405px;
		}
	
a#signup_button {
	display:block;
	text-decoration:none;
	background-color:#9292d4;
	color:#fff;
	text-align:center;
	font-size:10px;
	position:absolute;
	bottom:15px;
	left:615px;
	padding:8px 20px;
	border:1px solid #fff;
	}	
	
div.bluebox {
	position:relative;
	background:url(../images/bluebox.png) right top no-repeat;
	width:480px;
	height:140px;
	margin:10px 0 20px 0;
	}
	
		
	.learnmore_btn {
		position:absolute;
		background-color:#9292d4;
		color:#fff;
		text-decoration:none;
		font-size:12px;
		padding:8px 20px;
		bottom:20px;
		right:10px;
		border:#fff solid 1px;
		}
		
		.learnmore_btn:hover {background-color:#A7A8DF}


div#homeleft {
	position:relative;
	float:left;
	width:480px;
	height:auto;
	padding:10px 10px 20px 10px;
	}
	

	div#homeleft h1 {
		float:left;
		display:block;
		font-size:16px;
		width:147px;
		font-weight:normal;
		}
		
	div#homeleft p {
		margin-left:165px;
		padding:10px;
		font-size:12px;
		line-height:20px;
		width:auto;
		}
	
	
div#homeright {
	position:relative;
	float:left;
	margin:0;
	width:340px;
	height:auto;
	padding:10px;
	}
	
	div#homeright h1 {
		display:block;
		font-size:16px;
		width:100%;
		border-bottom:#ccccff solid 2px;
		padding:5px 0;
		margin-bottom:5px;
		font-weight:normal;
		}
		
	div#homeright h2 {
		font-size:11px;
		line-height:20px;
		color:#9292d4;
		font-weight:normal;
		}
		
	div#homeright p {
		font-size:11px;
		color:#000;
		line-height:18px;
		}
	
	div#homeright a {float:right}	
	div#homeright a:link {font-size:12px; color:#000; line-height:16px; text-decoration:underline}
	div#homeright a:visited {font-size:12px; color:#000; line-height:16px;}
	div#homeright a:hover {font-size:12px; color:#000; line-height:16px; text-decoration:none}
	div#homeright a:active {font-size:12px; color:#000; line-height:16px;}
	
	

div#searchbox{
	width:auto;
	height:auto;
	border:#aac6f4 solid 2px;
	padding:10px;
	margin:10px;
	}
	
	div#searchbox h2 {
		font-size:20px;
		color:#000;
		}
		
	div#searchbox p {
		font-size:12px;
		color:#000;
		margin:5px 0 0 0;
		}
		
h1#greeting {
	font-size:28px; 
	color:#8399BD;
	/*display:block;*/
	margin:10px;
	}
	

/*=========================================================
===================CONTENT==============================
=========================================================
*/
.top-image {
	display:block;
	}

#colleft {
	float:left;
	width:400px;
	padding:15px 0;
	margin:0 15px;
	}
	
#colright {
	float:left;
	width:400px;
	padding:15px 0;
	margin:0 15px;
	}
	
	
#listingscolleft {
	width:255px;
	float:left;
	}
	
#listingscolright {
	width:auto;
	margin:0 0 10px 255px;
	}
	
.signupbutton {
	background-color:#9292D4;
	color:#fff;
	padding:15px;
	text-decoration:none;
	font-size:14px;
	}
	
	.signupbutton:hover {background-color:#A7A8DF}
	
#content p {
	margin-bottom:10px;
	}
	
	
/*===============Contact Form=================*/

#contactform input, #contactform textarea {
	padding:4px;
	width:250px;
	}
	
#contactform p {margin-bottom:10px}


/*======Login Form========*/
#txtUsername, #txtPassword {
	padding:4px;
	}
	
/*======Sign Up Form==========*/
#signup-table p {
	text-align:right;
	font-weight:bold;
	}
	
	#signup-table input, #tblMain input, #txtSearch {
		padding:3px;
		}
		
	/*#signup-table span.req {
		font-size:11px;
		font-weight:normal;
		color:#666666;
		}*/
span.req {color:#aac6f4; font-size:13px;}		
		
		


#tblMain {} /* Listing Table */

#tblMain p {
	text-align:right;
	font-weight:bold;
	font-size:11px;
	margin-right:20px;
	}
	
#tblMain img {border:1px solid #333333;}

#Button1, #Button2, #Button3, #lnkMessage, #cmdForgot {
	color:#fff;
	padding:5px;
	font-size: 14px;
	background-color:#9292D4;
	text-decoration:none;
	}
	

	
#txtSearch {
	margin-bottom: 25px;
	font-size: 14px;
	}
	
#DataGrid1, #DataGrid2 {
	width: 100%;
	margin-bottom: 15px;
	}

#DataGrid1 td, #DataGrid2 td {
	padding: 5px;
	}
	
input#cmdNewListing {
	margin-bottom: 15px;	
	}

div.memberlisting {
	display:block;
	margin:0 0 10px 0;
	padding:0 25px 0 0;	
	}

div.memberlisting b {
	font-size: 13px;
	margin-bottom: 1px;
	}

table.membertable {
	width: 870px;
	}
	
.memberlisting img {
	margin-bottom: 9px;
	}

#categorytable td {
	padding:20px 50px 50px;
	text-align: center;
	}

#categorytable tbody tr td div.subhead {
	font-size: 17px;
	font-weight: bold;
	color: #9292C6;	
	}
	




/*=========================================================
===================LISTINGS==============================
=========================================================
*/

div#listingsbox {
	width:auto;
	height:auto;
	border:#aac6f4 solid 2px;
	padding:10px;
	margin:20px 10px 0 10px;
	overflow:auto;
	}
	
div#listingsbox td, div#listingsbox p {
	font-size:12px;
	line-height:20px;
	}
	
td.photo { width: 100px }
td.description { width: 475px }
td.labels { width:75px }
td.properties { width: 75px }	

div#listings {
	font-size:12px;
	color:#000000;
	}

	div#listingsbox ul, div#listingsbox li {
		list-style-type:none;
		font-size:12px;
		line-height:16px;
		vertical-align:text-top;
		text-indent:4px;
		display:block;
		background:#eeeeee;
		color:#000;
		margin-right:0;
		padding:4px;
		}
		
	div#listings p {
		}
		
	div#listingsbox tr, div#listingsbox td {
		border-bottom:#eee 2px solid;
		padding:5px;
		}
	
table.listings_table img {
	}
	
#messagesbox {
	width:auto;
	height:100%;
	border:#aac6f4 solid 2px;
	padding:10px;
	margin:20px 10px 0 10px;
	}
	
	#messagesbox p {
	font-size:11px;
	color:#000000;
	}
	
	#messagesbox tr {height:20px;} 
		
	#messagesbox a:link, #listingsbox a:link {
		font-size:12px;
		color:#8399BD;
		}
		
	#messagesbox a:visited {color:#666666;}
		
	#messagesbox a:hover {text-decoration:underline;}
		
	#messagesbox a:active {text-decoration:underline;}
	

	
#item_info {
	float:right;
	width:600px;
	margin:10px 10px 20px 10px;
	}
	
	#item_info p {
		font-size:12px;
		line-height:20px;
		margin:0 0 5px 0;
		}
		
	#item_info img {
		margin:0 5px 5px 0; 
		border: #aac6f4 solid 2px; 
		}
		
	#item_info li, #item_info a {
		font-size:13px;
		padding:3px;
		list-style-type:none;
		color:#666;
		}
		
	#item_info a:hover {color:#aac6f4;}
	
	
.searchfield {
	width:80%;
	height:16px;
	padding:5px;
	background-color:#EBF2EF;
	color:#333333;
	border:solid 1px #333333;
	font-size:14px;
	vertical-align:middle;
	}

.button 
{
	vertical-align:middle;
	
         }
	
.searchfield:focus {
	width:80%;
	height:16px;
	padding:5px;
	background-color:#FFF8E3;
	color:#333333;
	border:solid 1px #aac6f4;
	font-size:14px;
	vertical-align:middle;
	}

.underline {border-bottom:solid 1px #aac6f4; padding-bottom:5px;}
	
p.idlabel {
	font-size:12px;
	font-weight:bold;
	color:#8399BD;
	text-align:right;
	vertical-align:top;
	}
	
p.idvalue {
	font-size:12px;
	color:#000;
	text-align:left;
	vertical-align:top;
	}
	
#messagesboxunderlistings tr { /* Height of rows in messages table on listings.html*/
	height:20px;
	}

	

/*=========================================================
===================SIDEBAR==============================
=========================================================
*/

#sidebar{
	width:auto;
	}

#bars_container {
	width:auto;
	margin: 10px 10px 0 0;
	}

#messages_bar {
	width:auto;
	height:30px;
	background-image:url(../images/sb_messages_icon.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#CCCCFF;
	margin:5px;
	padding:0 8px;
	}
	
#listings_bar {
	width:auto;
	height:30px;
	background-image:url(../images/sb_listings_icon.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#CCCCFF;
	margin:5px;
	padding:0 8px;
	}
	
#profile_bar {
	width:auto;
	height:30px;
	background-image:url(../images/sb_profile_icon.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#CCCCFF;
	margin:5px;
	padding:0 8px;
	}

a.bars_text {line-height:20px;}	

a.bars_text:link, #listingscolleft p {
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;}
	
a.bars_text:visited {
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;}
	
a.bars_text:hover {
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-decoration:none;}

a.bars_text:active {
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-decoration:none;}
	

a.profile {font-size:10px; color:#000; text-decoration:underline; line-height:19px;}
a.profile:hover {color:#aac6f4;}


	
div#expectations_box {
	height:auto;
	width:auto;
	color:#000;
	}
	
	div#expectations_box h1 {
		font-size:21px;
		margin-bottom:5px;
		}
	
	div#expectations_box h2 {
		display:block;
		font-size:14px;
		line-height:20px;
		color:#fff;
		background-color:#9292d4;
		margin-bottom:24px;
		padding:8px;
		}
	
	div#expectations_box p {
		font-size:12px;
		line-height:20px;
		}
		
	div#expectations_box p.smaller {
		font-size:10px;
		line-height:18px;
		color:#666666;
		}
		

/*======MESSAGES PAGE============================*/

#messagespage {
	width:auto;
	height:100%;
	border:#aac6f4 solid 2px;
	padding:10px;
	margin:20px 10px 0 10px;
	}

#messagespage p {
	font-size:11px;
	color:#000000;
	}
	
#messagespage tr {height:50px;}

#listingsbox a:link, #messagespage a:link {
	font-size:12px;
	color:#8399BD;
	}
	
#messagespage a:visited {color:#666666;}
	
#messagespage a:hover {text-decoration:underline;}
	
#messagespage a:active {text-decoration:underline;}


div#pages {
	/*margin:10px 0;*/
	padding:5px;
	height:20px;
	width:auto;
	}
	
	div#pages p {
		display:block;
		margin-right:10px;
		font-size:12px;
		color:#000000;
		}
	
ul.pagesbar {list-style-type:none;}

	ul.pagesbar li {display:inline;}

div#pages a {
	margin:0 1px;
	padding:5px;
	background-color:#F3F3F3;
	color:#333333;
	border:solid 1px #000;
	}
	




/*=========================================================
===================FOOTER==============================
=========================================================
*/

div#footer {
	clear:both;
	height:80px;
	background:#eeeeee;
	color:#000;
	padding:10px;
	width: 860px;
	}

div#footer a:link {color:#000; text-decoration:underline;}
div#footer a:visited {color:#000; text-decoration:underline;}
div#footer a:hover {color:#000; text-decoration:none;}
div#footer a:active {color:#000; text-decoration:underline;}

p.copyright {
	font-size:10px; 
	line-height:18px;
	margin:10px 20px;
	text-align:left;
	}
	
p.footerlinks {
	font-size:11px;
	margin:10px 20px;
	}

/*td
{
	font-size:11px;
	
}
input
{
	font-size:11px;
}
form
{
	font-size:11px;
}
select
{
	font-size:11px;
}
textarea
{
	font-size:11px;
}
a
{
	font-size:11px;
}
button
{
	font-size:11px;
}
.label
{
	font-size:11px;
}*/