/*** 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; }

* {
margin:0;
padding:0; 
}

/*** STYLES ***/
.member_login_title { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; }
.log_in_field { font-size: 11px; }
.login_fieldbox { width: 135px; margin-right: 5px;}
#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 500px;
	}
	
.inner_wrapper { width: 615px; float: left; background: #fff; min-height: 800px; }
.divider_graphic { background:url(../images/layout/wrapper_gradient.png) 0 0 repeat-x; height: 15px; width: 866px;}
.header { 
	background: url(../images/layout/header_1.png) center no-repeat #1f4a81;
	height: 156px;
	}	

.picture_box { float: right; background: url(../images/layout/pictures.png) no-repeat; width: 325px; height: 368px; }

.under_picture { float: right; background: url(../images/layout/under_picture.png) no-repeat 0 -69px; width: 275px; height: 432px; padding-left: 50px; }

.top_box { background:url(../images/layout/top_box.png) left no-repeat; height: 152px; padding: 30px 0 0 20px; }

.content_index { padding: 0 0 0 20px; height: 580px; }

.hold { width: 940px; margin: 0 0 0 40px; }

.bottom_curve { background:url(../images/layout/footer_2.png) 0 0 no-repeat; height: 110px; }
.inner_content_brown { width: 165px; height: 250px; }
.inner_content_member { width: 165px; height: 150px; }

.clear { clear: both; }


/*** MENU ***/

	.menu {
		background: url(../images/layout/menu.png) 0 0 repeat-x;
		height: 40px;
		padding: 0 0 0 100px;
		overflow: hidden;
	}
	.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;
	}

.footer_bottom {
	float: left;
	width: 580px;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 80px;
	color: #fff;

}

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