/* 3COL FIXED CENTER : TEMPLATE */

html,body {
	width: 100%;
	height: 100%;
	text-align: center;
}

body {
	background-attachment: scroll;
	background-image:url(../assets/bg_body_top.jpg);
	background-position: left top;
	background-repeat:repeat-x;
}

#shadowcontainer {
	position: relative;
	float: left;
	width: 100%;
	background-attachment: scroll;
	background-image:url(../assets/bg_shadowcontainer_content.gif);
	background-position: center top;
	background-repeat:no-repeat;
	margin-bottom: 20px;
}

#shadowcontainer.index{
	background-image:url(../assets/bg_shadowcontainer_index.gif);
}

#container {
	text-align: left;
	width: 950px;
	margin: auto;
}
			
	#header, #loginfo, #main, #footercontainer, .row {
		position: relative;
		float: left;
		display: block;
		clear: both;
		width: 100%;
		margin: 0 -3px 0 0;
	}
	
	/* MAIN */
		#main.colspan2 .col, .col {
			position: relative;
			float: left;
		} 
			#main.colspan2 .colA {
				width: 680px;
				margin: 0px 25px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			#main.colspan2 .colB {
				width: 245px;
				padding: 0px 0px 0px 0px;
			}
			
	/* SPOTLIGHT HOMEPAGE */
	#spotlight {
		position: relative;
		float: left;
		margin-bottom: 20px;
		width: 710px;
	}
		#spotlight.colspan3 .col {
			position: relative;
			float: left;
			background-color: #efefef;
			width: 230px;
		} 
			#spotlight.colspan3 .colA {
				padding: 10px 0;
				margin: 0 10px 0 0;	
			}
			#spotlight.colspan3 .colB {
				padding: 10px 0;
				margin: 0 10px 0 0;
			}
			#spotlight.colspan3 .colC {
				padding: 10px 0;
				margin: 0;
			}
	
	#footercontainer {
		background-color: #F2F2F2;
		text-align: center;
	}
	#footer {
		text-align: left;
		width: 950px;
		margin: auto;
	}