/*** Global - This controls everything. Anything added here will control
			anything, anywhere in the site. This is used mostly to test cross-browser
			problems and override any specific browser function ***/ 
/*** CSS RESET ***/ 

 div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	 margin: 0;
	 padding: 0;		
}
	body { 
	background: url(../images/layout/bg.png) repeat-x #4f7db6;
	}
	ol, ul {
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	img { border-style: none; }


/*** Sticky Footer - Do NOT delete. Modify only Footer Pad & Footer. Follow comments for instructions. ***/ 

* {
margin:0;
padding:0; 
}
html, body {
height:100%;
}

html:before, #wrapper:before { float:left; height:100%; margin-top:-999em; width:0; }
* html #wrapper { height:100%; }

#wrapper {
	width: 900px;
	margin:auto;
	min-height:100%;
	text-align:left;
	overflow: hidden;
	margin-top:-40px;
	background: url(../images/layout/wrapper_gradient.png) 0 235px repeat-x #fff; 
	
}

/*** Header Look ***/

#header { 
	border-top: 40px solid #fff; 
	position: relative;
	background: url(../images/layout/header_1.png) center no-repeat #1f4a81;
	height: 156px;
	padding: 0 0 0 0;
	}
.header_logo {
	padding: 0 0 0 110px;
	display: block;
	}
.header_content_1 {
	display: none;
 	/**
	position: absolute; 
	height: 20px;
	width: 980px;
	top: 0;
	right: 0;
	**/
	
}
.header_content_2 {
	display: none;
 	/**
	position: absolute; 
	height: 20px;
	width: 980px;
	top: 100px;
	right: 0;
	**/
	}
	
.under_menu {
	display: none;
	}
.include_a {
	/*position: absolute; 
	height: 20px;
	width: 200px;
	top: 50px;
	right: 60px;*/
	display: none;
}
.include_b { min-height: 1px; }
.include_c {
	float: left;
	width: 200px;
	min-height: 100px;
	padding: 10px 0 0 0;
	}

.member_login_title { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #726b37; }
.member_login_title2 { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #726b37; }
.log_in_field { font-size: 11px; }
.logged_in_field { font-size: 11px; }

/*** Footer work ***/

#footer {
	width: 900px;
	margin:auto;
	height:20px;/* must match negative margin of #outer */
	clear:both;
	background: url(http://potomacvalleywatercolorists.com/images/layout/footer.png) no-repeat;
	color: #fff;
	padding: 80px 0 30px 0;  /*** Controls the positioning of the footer ***/
}

#footer a {
	color: #fff;
}

.top_footer {
	display: none;
}

.footer_bottom {
	float: left;
	width: 680px;
	min-height: 20px;
	padding-left: 20px;
	/***margin: 0 auto; ***/
}

.footer_logo { /*** Timberlake Logo ***/
		text-align: center; 
		float: right;
		padding: 0 40px 0 0;
}



/*** Navigation & Menu ***/

	.menu {
		background: url(../images/layout/menu.png) 0 0 repeat-x;
		height: 40px;
		padding: 0 0 0 60px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.menu ul {
		float: left;
		margin: 5px 0 0 0;
		list-style: none;
	}
	.menu ul li  {
		float: left;
		list-style: none;
	}	
	.menu ul li ul  {
		float: none;
	}	
	.menu ul li a, .menu ul li ul a {
		display: block;
		padding: 0 12px;
		height: 33px;
		float: left;		
		font-family: Arial, Helvetica, sans-serif;
		line-height: 33px;
		font-size: 12px;
		text-decoration: none;
		list-style: none;
		color: #fff;
		text-shadow: 2px 2px 2px #000;
	}
	.menu ul li ul a {
		width: 100%;
		border: 1px solid #d8d8d8;
		border-top: none;
		text-decoration: none;
		list-style: none;
	}
	.menu ul li a:hover {
		background: #0d2943;
		list-style: none;
		text-decoration: none;
	}	
	.menu ul li ul {
		position: absolute;
		width: 10em;
		left: -999em;
		margin-top: 32px;
		padding-top: 1px;
		background: none;
		list-style: none;
	}
	.menu ul li:hover ul {
		left: auto;
	}
/*** Layout ***/

	.content_wrapper {
		}	
	.left_column { 
		float: left;
		width: 230px;
		min-height: 100px;
		padding: 15px 0 0 20px;
		}
	.bullets li  {

		display: block;
		margin: 5px 0 0 0;
		padding-left: 0;
		list-style: none;
		}
	.bullets_third {
 		display: block;
		margin: 5px 0 0 20px;
		padding-left: 0;
		list-style: none;
		}
	.right_column { 
		float: right; 
		width: 600px;
		min-height: 100px;
		padding: 15px 30px 0 0;
		}
	.right_column_payment { 
		margin: 0 auto;
		width: 800px;
		min-height: 100px;
		padding: 15px 0 0 0;
		}
	.main_content_area_box {
		width: 600px;
		min-height: 200px;
		margin: 10px 0 0 0;
		overflow: hidden;
		}
	.main_content_area_box_payment {
		min-height: 200px;
		margin: 10px 0 0 0;
		overflow: hidden;
		}
	.secondary_content {
		float: left;
		width: 230px;
		min-height: 100px;
		padding: 10px 0 0 0;
		}
/*** Crumbs ***/

	.crumbs {
		float: left;
		height: 20px;
		width: 350px;		
		}	
	.print_link {
		float: right;
		height: 20px;
		width: 250px;
		text-align: right;		
		}		

/*** username and password textboxes ***/
	.textbox {
		background-color: #ffffff;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 8pt; 
		COLOR: #767676;
		border: 1px; 
		border-style:solid;
		border-color:#CCCCCC;
		height: 18px;
		width: 115px;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 5px;
}

/*** Directory Enchanced. Changes the colors and style ***/

.directory_enhanced { background-color: #dcefd6;}
.directory_enhanced_border {
	border-collapse:collapse;
	border-style: solid;
	border: 1px;
	border-color: #CCCCCC;
}
			
/*** Banner Ads. Change all to "display: none" if client does not have banner ads installed. ***/

	.bottom_banner_ad { display: none; }
	.banner_ad1 { display: none; }
	.banner_ad2 { display: none; }
	.banner_ad3 { display: none; }


.clear {	/*** Here to seperate divs. DO NOT DELETE OR MODIFY ***/
	clear: both;
}

/*** Member Portal ***/

.imagebox {
	width: 226px;
	position: relative;
}
.member_portal_top {
	background:url(http://potomacvalleywatercolorists.com/images/layout/member_portal/M_top.png) no-repeat;
	height: 39px;
	color: #fff;
	line-height: 1;
	padding: 15px 0 0 10px;
	}
	
.bookmark_buton { width: 226px; height: 42px; background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/tab_bookmark.png) no-repeat; }
.my_account_settings { width: 226px; height: 42px; background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/tab_lock.png) no-repeat; }

.logout_button {
	position:relative;
	display:block;
	height: 54px;
	width: 226px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/logout_button.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	
}	
.logout_button span.hover {
	position: absolute;
	display: block;
	height: 54px;
	width: 226px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/logout_button.png) 0 2px no-repeat;
	background-position: bottom;
}



.tab_small {
	min-height: 20px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/M_lines.png) repeat-y;
	padding-bottom: 2px;
	padding-top: 5px;
	}
.tab_small ul { list-style: none; }
.tab_small li a {
	display: block;
	list-style: none;
	height: 20px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/tab_small.png) 0 2px no-repeat;
	padding: 6px 0 5px 20px;
	color: #4c4c4c;
	}
	
.tab_small li a:hover { text-decoration: none; color: #FFF; background:url(http://potomacvalleywatercolorists.com/images/layout/member_portal/tab_small_blue.png) 0 2px no-repeat; }

.tab_big_profile {
	min-height: 30px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/M_lines.png) repeat-y;
	}
.tab_big_profile ul { list-style: none; }
.tab_big_profile li a {
	display: block;
	list-style: none;
	height: 25px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/profile_button.png) 0 0 no-repeat;
	padding: 12px 0 5px 44px;
	color: #4c4c4c;
	}	
.tab_big_profile li a:hover { text-decoration: none; color: #FFF; background:url(http://potomacvalleywatercolorists.com/images/layout/member_portal/profile_button.png) 0 -44px no-repeat; }

.tab_big_org {
	min-height: 30px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/M_lines.png) repeat-y;
	}
.tab_big_org ul { list-style: none; }
.tab_big_org li a {
	display: block;
	list-style: none;
	height: 25px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/org_button.png) 0 0 no-repeat;
	padding: 12px 0 5px 44px;
	color: #4c4c4c;
	}	
.tab_big_org li a:hover { text-decoration: none; color: #FFF; background:url(http://potomacvalleywatercolorists.com/images/layout/member_portal/org_button.png) 0 -44px no-repeat; }

.tab_big_associates {
	min-height: 30px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/M_lines.png) repeat-y;
	}
.tab_big_associates ul { list-style: none; }
.tab_big_associates li a {
	display: block;
	list-style: none;
	height: 25px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/associates_button.png) 0 0 no-repeat;
	padding: 12px 0 5px 44px;
	color: #4c4c4c;
	}	
.tab_big_associates li a:hover { text-decoration: none; color: #FFF; background:url(http://potomacvalleywatercolorists.com/images/layout/member_portal/associates_button.png) 0 -44px no-repeat; }

.tab_big_billing {
	min-height: 30px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/M_lines.png) repeat-y;
	}
.tab_big_billing ul { list-style: none; }
.tab_big_billing li a {
	display: block;
	list-style: none;
	height: 25px;
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/billing_button.png) 0 0 no-repeat;
	padding: 12px 0 5px 44px;
	color: #4c4c4c;
	}	
.tab_big_billing li a:hover { text-decoration: none; color: #FFF; background:url(http://potomacvalleywatercolorists.com/images/layout/member_portal/billing_button.png) 0 -44px no-repeat; }

.logout_wrapper { background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/Logout_button.png) no-repeat;  height: 54px; margin-bottom: 20px; }

.logout_wrapper a { text-indent: -9999px; display: block; height: 50px; width: 100px; } 
.logout_wrapper a:hover { background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/Logout_button_hover.png) no-repeat; }

.boxgrid_lock {
	background: url(http://potomacvalleywatercolorists.com/images/layout/member_portal/tab_lock.png);
 	display: block;
	list-style: none;
	height: 27px;
	padding: 10px 0 5px 15px;
	text-align: left;
	list-style: none;
	color: #fff;
	font-size: 14px;
	}
.boxgrid_lock li {
	list-style: none;
	}