a:link	{
	color:			#0033cc;
}

body	{
	/*	background:		#ffff99;	//	This was the yellow */
	background:			#000000;
	font-weight:		700;
	margin:				50px 0px;	/*	This one came from TN3 Lite */
	padding:			0px;		/*	This one came from TN3 Lite */
	background-color:	#000000;	/*	This one came from TN3 Lite */
	color: 				#ffffff;	/*	This one came from TN3 Lite */
}

.cms_content	{
	/*position:			relative;*/
	width:				800px;
	margin-left: 		auto;	/*	This and the next line center the div */
	margin-right: 		auto;	/*	This and the previous line center the div */
	background-image:	url(http://www.capitolmediasystems.com/images/bodyGradient.gif);
	background-repeat:	repeat-y;
	/*
	border-style:		solid;
	border-color:		#078201;
	border-width:		2px;
	*/
	padding:			10px;
}


	.pageHeader	{
		/*position:			relative;*/
		width:				780px;
		/*border-bottom:		solid;
		border-color:		#ffff99;*/
	}

		.fadeSlideShow	{
			/*position:			relative;*/
			float:				left;
			margin:				0px 10px 0px 0px; /* top, right, bottom, left*/
		}

		.topMenu	{
			position:			relative;
			margin:				-30px 0px 10px 0px; /* top, right, bottom, left*/
			float:				left;
			left:				-25px;
			clear:				both;
		}

			.topMenu ul	{
				font-family: 		Arial, Verdana, Sans-Serif;
				font-size:			12px;
				font-weight: 		400;
				text-decoration: 	none;
    			list-style: 		none;
			}
			.topMenu li	{
				float: 				left;
			    padding: 			0 30px 0 0;		/* top, right, bottom, left*/
			    margin: 			0;				/* top, right, bottom, left*/
			}
			.topMenu ul li a:link,
			.topMenu ul li a:visited {
				color:				#B6B6B6;
				text-decoration: 	none;
			}
			.topMenu ul li a:hover{
				color:				#000000;
				text-decoration: 	none;
			}

		.yellowBarbellTop{
			position:			relative;
			margin:				10px 0px 0px 0px; /* top, right, bottom, left*/
			float:				left;
			left:				-10px;
			clear:				both;
			width:				600px;
			height:				8px;
			background:			#ffff99;
		}

		.yellowBarbell{
			position:			relative;
			float:				right;
			top:				-6px;
			right:				0px;
			/*background-image:	url(../images/yellowBall.gif);
			background-repeat:	no-repeat;*/
		}

.pageContent{
	clear:				both;
	width:				800px;
	/*position:			relative;*/
}

	.pageMenuContainer{
		float:				left;
		width:				210px;
	}
		.pageMenu{
			position:			relative;
			float:				none;
			height:				200px;	
								/* need to actually declare this, because the CSS doesn't adjust for the Milonic menu's height! */
		}
		
		.yellowBarbellBottom{
			position:			absolute;
			margin:				0px 0px 0px 0px; /* top, right, bottom, left*/
			left:				-10px;
			bottom:				0px;
			width:				175px;
			height:				8px;
			background:			#ffff99;
		}
	
	.pageText{
		float:				left;
		width:				530px;
	}
	
	.slideshowBox{
		position:		relative;
		top:			17px;
		margin:			auto;
		width:			800px;
	}
	
.pageFooter {
	clear:				both;
	position:			relative;
	font-size:			12px;
	font-weight:		400;
	width:				780px;
	border-top:			solid;
	border-color:		#ffff99;
	text-align:			center;
}

	.pageFooter li	{
		list-style-type:	none;
	}
	
	
.translucent {	
	position: 			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	z-index:			1;
	filter: 			alpha(opacity=40);
	/*filter:				progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=0.5);*/
	-moz-opacity: 		0.4
}

.obscured{  
	position:	relative;
	display:  	none;
}

#divPhotos{
	position: 			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	z-index:			2;
}

#cms_photoOverlay{
	position: 			relative;
	top:				10%;
	width:				850px;
	height:				550px;
	margin:				auto;	/* this should center the element */
	background-color:	#ffffff;
	border-style:		solid;
	border-color:		#078201;
	border-width:		2px;
}