/*
	BNI Main CSS
*/
body, h1, h2, h3, h4, h5, h6, ul, li, ol, p, em, img, a, table, tr, th, td, hr, div {
	border:					0;
	margin:					0;
	padding:				0;
}

body {
	background-image:		url(background.gif);
	background-repeat:		repeat-x;
	background-position:	50% 0;
	background-color:		#2a0002;
	padding:				0 20px 20px 20px;
}

/*
	Header
*/
#header {
	display:				block;
	background-image:		url(background-header.gif);
	background-repeat:		no-repeat;
	background-position:	50% 0;
	
	width:					856px;
	height:					45px;
	margin:					0 auto 0 auto;
}

#header .times {
	display:				inline;
	float:					left;
	background-image:		url(meeting-times.gif);
	background-repeat:		no-repeat;
	
	margin:					15px 0 0 25px;
	width:					476px;
	height:					12px;
	
	text-indent:			-1000px;
	overflow:				hidden;
}

#header .search {
	display:				inline;
	float:					right;
	background-image:		url(search-box.gif);
	background-repeat:		no-repeat;
	
	margin:					5px 10px 0 0;
	width:					201px;
	height:					29px;
}
#header .search .text {
	display:				inline;
	float:					left;
	background-color:		#E8E8E8;
	margin:					6px 0 0 6px;
	width:					155px;
	border:					0;
}
#header .search .submit {
	display:				inline;
	float:					right;
	background-image:		url(search-button.gif);
	background-repeat:		no-repeat;
	background-color:		#E8E8E8;
	background-position:	50% 50%;
	
	border:					0;
	margin:					5px 4px 0 0;
	width:					30px;
	height:					20px;
	
	overflow:				hidden;
	text-indent:			-1000px;
	font-size:				0.001pt;
	color:					#E8E8E8;
	vertical-align:			bottom;
}

/*
	Logo Bar
*/
#logo {
	display:				block;
	
	width:					856px;
	height:					124px;
	margin:					0 auto 0 auto;
}

#logo h1 {
	display:				inline;
	position:				absolute;
	
	background-image:		url(logo.gif);
	background-repeat:		no-repeat;
	
	margin:					18px 0 0 18px;
	width:					389px;
	height:					91px;
	
	overflow:				hidden;
	text-indent:			-1000px;
}

#logo .button_recession {
	position:				absolute;
	background-image:		url(badge-recession.png);
	
	margin:					9px 10px 0 490px;
	width:					359px;
	height:					128px;
	
	overflow:				hidden;
	text-indent:			-1000px;
}

/*
	Menu
*/
#menu {
	display:				block;
	background-image:		url(container-background-top.gif);
	background-repeat:		no-repeat;
	
	width:					856px;
	height:					49px;
	margin:					0 auto 0 auto;
}

#menu ul {
	list-style-type:		none;
	margin-left:			20px;
}

#menu  ul li {
	float:					left;
}
#menu  ul li:hover,
#menu  ul li.lit {
	background-image:		url(menu-lit.gif);
	background-repeat:		repeat-x;
	background-position:	0 6px;
}

#menu  ul li a {
	background-image:		url(menu-titles.gif);
	background-repeat:		no-repeat;
	display:				block;
	
	height:					47px;
	padding:				0 27px 0 27px;
	
	text-indent:			-1000px;
	overflow:				hidden;
}
#menu  ul li.home a {			
	background-position:	0 0;
	width:					40px;
}
#menu  ul li.about a {			
	background-position:	0 -54px;
	width:					62px;
}
#menu  ul li.members a {			
	background-position:	0 -108px;
	width:					84px;
}
#menu  ul li.meetings a {			
	background-position:	0 -162px;
	width:					58px;
}
#menu  ul li.news a {			
	background-position:	0 -216px;
	width:					78px;
}
#menu  ul li.links a {			
	background-position:	0 -270px;
	width:					28px;
}
#menu  ul li.contact a {			
	background-position:	0 -324px;
	width:					90px;
}

/*
	Contents
*/
#contents {
	display:				block;
	background-repeat:		repeat-y;	
	
	width:					856px;
	margin:					0 auto 0 auto;
}

body.twocol #contents {
	background-image:		url(container-background-middle-sidebar.gif);

}

body.twocol #contents #container {
	display:				inline;
	float:					left;
	clear:					left;
	
	width:					580px;
	margin:					0 10px 0 10px;
}

body.twocol #contents #sidebar {
	display:				inline;
	float:					left;
	width:					230px;	
	margin:					0 0 0 12px;
	
	overflow:				hidden;
}

#contents .stripe {
	margin:					0 0 10px 3px;
}

#contents h3,
#contents p,
#contents ul {
	margin-bottom:			10px;
}

/*
	Contents Footer
*/
#contents-close {
	display:				block;
	background-image:		url(container-background-bottom-sidebar.gif);
	background-repeat:		no-repeat;
	
	width:					856px;
	height:					14px;
	margin:					0 auto 0 auto;
}

/*
	Fonts
*/
body {
	font-family:			'Arial', sans-serif;
}

#contents a {
	color:					#2a0002;
}

#contents h3 {
	font-size:				10pt;
	color:					#2a0002;
	text-transform:			uppercase;
}

#contents h4 {
	font-size:				10pt;
	color:					#2a0002;
}

#contents p,
#contents td,
#contents li{
	color:					#333;
	font-size:				9pt;
	line-height:			14pt;
}

#header .search .text {
	font-size:				9pt;
	color:					#666;
}

#contents li {
	margin-left:			50px;
}