@CHARSET "ISO-8859-1";

/*
 * Layout Elements
 */
body {
	font-family: Verdana, Arial;
	font-size: 62.5%;
	padding: 0;
	margin: 5px 5px auto;
	z-index: 1;
	
}

.contentWrapper
{
	width: 1200px;
	
}


.leftColumn {
	position: relative;
	float: left;
	width: 976px;
	/*background-color: #F0FFFF;*/
}

.rightColumn {
	position: relative;
	float: left;
	width: 155px;
	margin-left: 15px;
	/*background-color: #FFF0FF;*/
}

.breadcrumbTrail {
	position: relative;
	top: 110px;
	clear: both;
	/*background-color: #F0F0FF;*/
	height: 20px;
	background-repeat: repeat-y;
	background-image: url('../../imgs/shadowRight.gif');
	background-position: right top;	
}

.contentContainer {
	float: left;
	clear: both;
	margin-top: 110px;
	width: 100%;
	/*background-color: #F0FFFF;*/
}

.contentContainer .topContentContainer {
	float: left;
	width: 100%;
	background-repeat: repeat-y;
	background-image: url('../../imgs/shadowRight.gif');
	background-position: right top;	
	padding-bottom: 5px;
}

.contentContainer .topContentContainer .col1 {
	clear: none;
	float: left;
	width: 147px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}

.contentContainer .topContentContainer .col2 {
	clear: none;
	float: left;
	width: 817px;
	margin: 0px;
	padding: 0px;
}

.contentContainer .bottomContentContainer {
	float: left;
	width: 100%;
	background-repeat: repeat-y;
	background-image: url('../../imgs/shadowRight.gif');
	background-position: right top;		
} 

.navigationContainer {
	float: left;
	clear: none;
	width: 980px;
}

.navigationContainer .header {
	height: 84px;
	width: 976px;
	/*background-color: #F0F0FF;*/
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	clear: none;
}

.navigationContainer .navigationBar {
	float: left;
	position: absolute;
	left: 0px;
	top: 84px;
	
	width: 976px;
	height: 27px;
	/*background-color: #FFF0FF;*/
	background-image: url('../../imgs/shadowRight.gif');
	background-position: right top;
	background-repeat: repeat-y;
}

.leftColumn .footer {
	float: left;
	width: 976px; /* IE6 breaks when using 100% */
	background-image: url('../../imgs/shadowRight.gif');
	background-position: right top;		
	background-repeat: repeat-y;
}

.leftColumn .footerShadowLeft {
	float: left;
	height: 4px;
	width: 970px;
	background-image: url('../../imgs/shadowBottom.gif');
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 1px;
}

.leftColumn .footerShadowRight {
	float: left;
	height: 4px;
	width: 6px;
	background-image: url('../../imgs/shadowRight.gif');
	background-position: right top;
	background-repeat: repeat-x;
	font-size: 1px;
}