/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #5d5d5d;
	background: #000; }
	
h1 { font-size: 160%; font-weight: normal; }

h3 { text-shadow: #222 1px 1px 1px; }

a:link, a:visited { color: #cc0000; }
a img { border: none; }

p { margin-bottom: 16px; }


/************* STRUCTURE STYLES ***/
#outerWrapper { 
	position: relative; 
	width: 100%; 
	min-height: 100%;
	background: url(/images/bg.jpg) top left repeat-x #000; }

#wrapper {
	width: 965px;
	margin: 0 auto; }


	/*** HEADER STYLES ***/
	#header { 
		display: block; 
		width: 965px; 
		height: 108px;
		text-align: right;
		background: url(/images/header_bg.jpg) no-repeat; }
		
		
		/*** TOOLBAR STYLES ***/
		#header ul#toolbar { 
			float: right;
			width: 180px;
			height: 25px;
			padding: 10px 10px 0 0;
			list-style: none;
			font-size: 9px;
			text-align: right;
			color: #fff;
			background: url(/images/toolBar_bg.png) bottom left no-repeat; }
			
			#header ul#toolbar li { }
			
				#header ul#toolbar li a:link,
				#header ul#toolbar li a:visited { 
					text-decoration: none; 
					color: #fff;
					border-bottom: 1px dotted #ccc;
					outline: none; }
					
					
		/*** SEARCHFORM STYLES ***/			
		#header form#searchform {
			float: right;
			margin: 30px 0 0 0; }
					
			#header form#searchform fieldset { border: none; }
					

	
	/*** NAV STYLES ***/	
	ul#nav {
		width: 965px;
		height: 46px;
		margin: 9px 0 0 0; 
		list-style: none;
		line-height: 1;
		font-size: 12px; 
		font-weight: bold;
		text-align: left;
		z-index: 999; }
		
		ul#nav li {
			position: relative;
			float: left;
			min-height: 22px;
			margin: 0 15px 0 0;
			z-index: 999; }
		
			ul#nav li a {
				display: block;
				min-height: 22px;
				text-decoration: none;
				color: #fff;
				outline: none;
				opacity: 0.9999;
				z-index: 999; }
				
				ul#nav li a span { color: #cd0000; }
											
			#nav li ul {
				position: absolute;
				width: 150px;
				list-style: none;
				font-size: 10px;
				font-weight: normal;
				background: #333;
				border-right: 1px solid #000;
				border-bottom: 5px solid #cc0000;
				border-left: 1px solid #000;				
				left: -999em;
				z-index: 999; }
												
			#nav li:hover ul, #nav li.sfhover ul { left: auto; }
				
				#nav li ul li {
					width: 150px;
					min-height: 1px;
					border-top: 1px solid #000;
					border-bottom: 1px solid #444;
					z-index: 999; }
					
				#nav li ul li a  { 
					width: 140px; 
					min-height: 1px; 
					line-height: normal;
					padding: 5px;
					opacity: 1;
					z-index: 999; }
					
												
				ul#nav li ul li a:hover { background: #444; }


	/*** INNERWRAPPER STYLES ***/
	#innerWrapper { 
		margin: 16px 0 0 0;
		padding: 0 0 85px 0;
		text-align: left; }
		
		
		/*** BOX STYLES ***/
		#innerWrapper div.box { }
							
			#innerWrapper h1, #innerWrapper h3 { 
				display: block; 
				padding: 0 10px;
				font-size: 130%;
				line-height: 29px;
				text-transform: uppercase;
				color: #fff; 
				background: url(/images/boxTitle_bg.jpg) top left repeat-x; }
				
				#innerWrapper h1 span, #innerWrapper h3 span { 
					float: right; 
					margin: -28px 0 0 0; 
					text-transform: none;
					font-size: 10px; 
					font-weight: normal; }
					
					body:first-of-type #innerWrapper h1 span, 
					body:first-of-type #innerWrapper h3 span { margin: 0; } /* SAFARI FIX */
					
					#innerWrapper h1 span a:link,
					#innerWrapper h1 span a:visited,
					#innerWrapper h3 span a:link,
					#innerWrapper h3 span a:visited { 
						text-decoration: none;
						color: #fff; }
						
					#innerWrapper h1 span a:hover,
					#innerWrapper h3 span a:hover { text-decoration: underline; }	
					
				
			div.content { padding: 10px; }

		
		/*** CONTENT STYLES ***/
		#innerWrapper #content { 
			float: left; 
			width: 655px; 
			margin: 0 10px 0 0; }
			
			#innerWrapper #content h1, #innerWrapper #content h3 { 
				background: url(/images/top_content.jpg) no-repeat;
				text-shadow: #222 1px 1px 1px; }
			
			#innerWrapper #content div.content { 
				background: url(/images/bottom_content.jpg) bottom left no-repeat #fff; }
			
				p.date { 
					font-size: 110%; 
					font-weight: bold; }
					
				#innerWrapper #content div.content ol,
				#innerWrapper #content div.content ul { margin: 0 0 0 15px; }
				
					#innerWrapper #content div.content ol li,
					#innerWrapper #content div.content ul li { margin: 0 0 10px 0; }
		
		
		/*** CONTENT SIDEBAR STYLES ***/
		#innerWrapper #contentSidebar { 
			float: left; 
			width: 300px; }
			

		/*** TOPBOXES STYLES ***/
		#topBoxes { 
			display: block; 
			width: 965px; 
			height: 378px; }
		
			/*** MEMBER AREA STYLES ***/
			#memberarea {
				width: 300px; 
				margin: 0 0 10px 0; }
				
				#memberarea h3 { background: url(/images/top_whatsnew.jpg) no-repeat; }
				
				#memberarea div.content { 
					padding: 10px; 
					background: url(/images/bottom_memberarea.jpg) bottom left no-repeat #fff; }
					
				#memberarea li {
					margin: 0 0 0 13px; }		
			
			/*** WHATSNEW STYLES ***/
			#whatsnew {
				width: 300px; 
				margin: 0 0 10px 0; }
				
				#whatsnew h3 { background: url(/images/top_whatsnew.jpg) no-repeat; }
				
				#whatsnew div.content { 
					padding: 10px; 
					background: url(/images/bottom_whatsnew.jpg) bottom left no-repeat #fff; }
				
					
				/*** WHATSNEW FRONTPAGE STYLES ***/
				#innerWrapper.frontpage #topBoxes div.column { 
					float: left;
					margin: 0 10px 10px 0;}
					
					#jointhechamber { margin: 0 0 10px 0; }
					
					#jointhechamber h3 { background: url(/images/top_whatsnew.jpg) no-repeat; }

				#innerWrapper.frontpage #whatsnew { }
					
					#whatsnew div.content { 
						width: 280px; 
						height: 339px; }
					
					#innerWrapper.frontpage #whatsnew div.content { height: 209px; }
					
					#whatsnew ul {
						width: 285px;
						height: 330px;
						padding: 0 10px 0 0;
						list-style: none;
						overflow: auto;
						z-index: 999; }
						
					#innerWrapper.frontpage #whatsnew ul { height: 200px; }	
																							
						#whatsnew ul li { 
							display: block;
							width: 265px;
							padding: 5px 0;
							background: url(/images/newsOdd_bg.jpg) bottom center no-repeat;
							z-index: 999; }
														
							#whatsnew ul li.even { }
								
							#whatsnew ul li.last { background: none; }
							
								#whatsnew ul li a:link,
								#whatsnew ul li a:visited { 
									display: block;
									padding: 0 0 0 15px;
									font-weight: bold;
									text-decoration: none;
									color: #5a5a5a;
									background: url(/images/bullet.jpg) center left no-repeat;
									z-index: 999; }
									
								#whatsnew ul li a:hover { color: #cc0000; }	
			
			
			/*** ADSPACE STYLES ***/
			#adspace {}
			
				#adspace h3 { 
					background: url(/images/top_whatsnew.jpg) no-repeat; }
				
				#adspace div.content { 
					background: url(/images/bottom_whatsnew.jpg) bottom left no-repeat #fff; }
		
		
		/*** FEATUREDNEWS STYLES ***/
		#featuredNews {
			float: left;
			display: block; 
			width: 484px; 
			height: 378px;
			margin: 0 10px 10px 0;
			padding: 5px;
			background: url(/images/featuredNews_bg.jpg) no-repeat #fff; }
			
			/*** NEWSITEM STYLES ***/
			#newsItems {
				display: block;
				width: 483px; 
				height: 255px; }
								
			div.newsItem { 
				display: none; 
				height: 255px; 
				background: #fff; }
				
				#newsItems div.active { display: block; }
							
				div.newsItem div.content { 
					margin: 0; 
					padding: 5px 5px 0 5px; }
					
					div.newsItem div.content h2 { font-size: 140%; }
			
			
			/*** FEATUREDNEWSLIST STYLES ***/
			ul#featuredNewsList { margin: 5px 0 0 0; list-style: none; }
				
				ul#featuredNewsList li { 
					float: left;
					display: block; 
					width: 229px;
					margin: 0 0 5px 0;
					padding: 5px;
					color: #5a5a5a;
					background: url(/images/newsItem_bg.jpg) bottom left repeat-x #ededed; 
					border: 1px solid #ccc;
					border-width: 1px 0;
					cursor: pointer; }
					
					ul#featuredNewsList li.first { margin: 0 5px 5px 0; }
					ul#featuredNewsList li.last { margin: 0 0 5px 5px; }
					
					ul#featuredNewsList li.active { 
						background: url(/images/newsItemActive_bg.jpg) bottom left repeat-x #d5d5d5;
						border: 1px solid #aaa;
						border-width: 1px 0; }
						
						ul#featuredNewsList li a:link,
						ul#featuredNewsList li a:visited { 
							text-decoration: none;
							color: #5a5a5a; }
						
						ul#featuredNewsList li img { 
							float: left; 
							margin: 0 5px 0 0; 
							border: 2px solid #fff; }
							
						ul#featuredNewsList li span { 
							float: left;
							width: 180px;
							margin: 5px 0 0 0; }					
			
		
		/*** SMALLADS STYLES ***/
		#smallAds { float: left; width: 151px; }
		
			/*** DIRECTORY STYLES ***/
			#directory {
				float: left; 
				width: 151px;
				margin: 0 0 10px 0; }
				
				#directory h3 { background: url(/images/top_smbtn.jpg) no-repeat; }
			
			
			/*** M2M CARD STYLES ***/
			#mmcard {
				float: left;
				width: 151px;
				margin: 0 0 10px 0; }
				
				#mmcard h3 { background: url(/images/top_smbtn.jpg) no-repeat; }
				
				#mmcard a { float: left; }
			
		
		/*** BOTTOMBOXES STYLES ***/
		#bottomBoxes { width: 965px; }
		
			
			/*** UPCOMINGEVENTS STYLES ***/
			#upcomingevents { 
				float: left;
				width: 730px;
				margin: 0 10px 0 0; }
				
				#upcomingevents div.title { 
					width: 710px;
					display: block; 
					padding: 0 10px;
					line-height: 29px;
					text-transform: uppercase;
					color: #fff; 
					background: url(/images/top_upcomingevents.jpg) no-repeat; }
					
					#upcomingevents div.title h3 { 
						width: 250px; 
						padding: 0;
						font-size: 130%;
						background: none; }
	
					/*** UPCOMINGEVENTS FORM STYLES ***/
					#upcomingevents div.title form { 
						float: right; 
						margin: -31px 0 0 0; }
						
						body:first-of-type #upcomingevents form { margin: -2px 0 0 0; } /* SAFARI FIX */
						
						#upcomingevents form fieldset { border: none; }
						
							#upcomingevents form fieldset ol { list-style: none; }
							
								#upcomingevents form fieldset ol li { display: inline; }
									
									#upcomingevents form fieldset ol li select,
									#upcomingevents form fieldset ol li button { 
										height: 20px; 
										line-height: 16px;
										font-size: 11px; }
	
	
				#upcomingevents div.content { 
					background: url(/images/bottom_upcomingevents.jpg) bottom left no-repeat #fff; }
					
					
					/*** FEATUREDEVENT STYLES ***/
					#upcomingevents #featuredEvent { 
						float: left; 
						width: 440px; 
						margin: 0 20px 0 0; }
						
						#upcomingevents #featuredEvent h1 { 
							width: 420px;
							margin: 0;
							padding: 0;
							font-size: 180%;
							color: #cc0000;
							text-transform: none;
							background: none; }
						
						#upcomingevents #featuredEvent h2 { 
							margin: 0 0 10px 0; 
							font-size: 100%; 
							font-weight: normal; }
					
					
					/*** EVENTSLIST STYLES ***/				
					#upcomingevents ul#eventsList {
						float: left; 
						width: 250px;
						height: 300px;
						list-style: none;
						overflow: auto; }
						
						#upcomingevents ul#eventsList li {
							padding: 5px 0;
							background: url(/images/newsOdd_bg.jpg) bottom center no-repeat; }
							
							#upcomingevents ul#eventsList li.even { }
								
							#upcomingevents ul#eventsList li.last { background: none; }
							
								#upcomingevents ul#eventsList li a:link,
								#upcomingevents ul#eventsList li a:visited { 
									display: block;
									padding: 0 0 0 15px;
									font-weight: bold;
									text-decoration: none;
									color: #5a5a5a;
									background: url(/images/bullet.jpg) center left no-repeat; }
									
									#upcomingevents ul#eventsList li a:hover { color: #cc0000; }
									
									#upcomingevents ul#eventsList li a span { 
										font-size: 90%; 
										font-weight: normal; 
										color: #555; }
									
					
		/*** SIDEADS STYLES ***/
		#sideAds { 
			float: left; 
			width: 225px; }

			
			#sideAds h3 { background: url(/images/top_lgbtn.jpg) no-repeat; }
				
			#sideAds div.content { 
				background: url(/images/bottom_lg.jpg) bottom left no-repeat #fff; }
				
				#sideAds div.content p { margin: 0 0 8px 0; }
				
				#sideAds div.content strong a:link,
				#sideAds div.content strong a:visited { color: #cc0000; }
			
			
			/*** CHAMBERNEWSLETTER STYLES ***/
			#chambernewsletter { 
				width: 225px; 
				margin: 0 0 10px 0; }
				
			
			/*** SELFSUFFICIENCY STYLES ***/
			#selfsufficiency { 
				width: 225px; 
				margin: 0 0 10px 0; }


			/*** PRODUCTIVITYMATTERS STYLES ***/
			#productivitymatters { 
				width: 225px; 
				margin: 0 0 10px 0; }
				
			
			/*** PHOTOSGALLERY STYLES ***/
			#photogallery { 
				width: 225px; 
				margin: 0 0 10px 0; }				
	

			/*** OURTEAM STYLES ***/
			ul.ourTeam { list-style: none; margin-top: 10px; }
					
				ul.ourTeam li { margin-bottom: 10px; }
					
				ul.ourTeam p { float: left; }
					
				ul.ourTeam img { 
					float: left; 
					margin-right: 15px; 
					border: 1px solid #ccc; }

			/*** M2M CARD STYLES ***/
			ul.m2mCard { list-style: none; margin-top: 10px; }
					
				ul.m2mCard li { margin-bottom: 10px; }
					
				ul.m2mCard p { float: left; width: 80% }
					
				ul.m2mCard img { 
					float: left; 
					margin-right: 15px; 
					border: 1px solid #ccc; }


/*** FOOTERWRAPPER STYLES ***/
#footerWrapper {
	position: relative;
	width: 100%; 
	height: 60px;
	margin-top: -65px;
	font-size: 80%;
	text-align: left;
	line-height: 15px;
	background: #1e1e1e;
	border-top: 5px solid #cc0000; }
	
	#footer { 
		width: 925px; 
		margin: 10px auto 0 auto; }
		
		#footer p { }
			
			#footer a:link,
			#footer a:visited { color: #5d5d5d; }
			
			#footer a:hover { text-decoration: none; }
		
		
		/*** POWEREDBY STYLES ***/
		#footer p.poweredby { float: right; }
		
			#footer p.poweredby a { margin: 0 0 0 10px; }


/*** EMAILLOGINAREA STYLES ***/
#memberloginarea {
	height: 95px;
	text-align: center;
	color: #fff;
	background: url(/images/emailloginarea_bg.jpg) top left repeat-x #111;
	border-bottom: 1px solid #fff; }

	#memberloginarea form { 
		width: 690px; 
		padding: 20px 10px;
		text-align: left; 
		margin: 0 auto; }

		#memberloginarea fieldset { 
			margin: 0; 
			padding: 0; 
			border: none; }
		
			#memberloginarea form p { 
				margin: 0 0 8px 0; 
				font-size: 10px; }	
			
			#memberloginarea form label { display: none; }
			
			#memberloginarea form ul { list-style: none; }
			
				#memberloginarea form ul li { display: inline; }
			
				#memberloginarea form input { 
					font-size: 12px; 
					width: 200px; 
					padding: 6px; 
					color: #444;
					background: url(/images/bottom_upcomingevents.jpg) bottom center no-repeat;
					border: 1px solid #222; }
					
				#memberloginarea form button { 
					width: 100px;
					height: auto; 
					padding: 5px;
					font-size: 12px;
					font-weight: bold;
					text-align: center;		
					color: #444; 
					background: url(/images/bottom_upcomingevents.jpg) bottom center no-repeat;
					border: 1px solid #222; }


	/*** FORM STYLES ***/
	form {}
	
		form fieldset { border: none; }
		
			form fieldset ol,
			form fieldset ul { list-style: none; }
			
		form input,
		form select,
		form textarea,
		form button { 
			font-size: 11px;
			margin: 0 0 2px 0;
			color: #5d5d5d;
			font-family: "Lucida Grande", verdana, arial, sans-serif; }	

	.formTitle {
		font-size: 14px;
		padding: 10px 0 0 0;
		color: #000; }
		
	.labelSpace {
		width: 150px;}
	
	#price {
		width: 60px;
		text-align: left; }
			
	#quantity {
		width: 40px;
		text-align: left; }
	
	#subtotal {
		width: 100px;
		text-align: left; }
		
	#tax {
		width: 100px;
		text-align: left; }
		
	#total {
		width: 100px;
		text-align: left; }


			/*** BOTTOM ***/
			#bottom {
				width: 729px;
				float: left; }
				
				/*** BOTTOM LEFT ***/
				#bottomLeft {
					width: 362px;
					float: left;
					margin: 10px 0 10px 0; }
					
				/*** BOTTOM RIGHT ***/
				#bottomRight {
					width: 362px;
					float: left;
					margin: 10px 0 10px 5px; }
			
			/*** COMMUNITY EVENTS STYLES ***/
			#communityEvents {
				float: left;
				width: 362px; }
				
				#communityEvents h3 { background: url(/images/top_community.jpg) no-repeat; }
				
				#communityEvents a { float: left; }
				
			/*** AD SPACE ***/
			#mainAdSpace {
				float: left;
				width: 362px;
				height: 230px; }
				
				#mainAdSpace h3 { background: url(/images/top_community.jpg) no-repeat; }
				
				#mainAdSpace a { float: left; }
				
			/*** AD SPACE ***/
			#mainAdSpace2 {
				float: left;
				width: 362px;
				margin: 5px 0 0 0;
				height: 230px; }
				
				#mainAdSpace2 h3 { background: url(/images/top_community.jpg) no-repeat; }
				
				#mainAdSpace2 a { float: left; }




/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }