@import url(main.css);
@import url(header.css);
@import url(footer.css);
@import url(top.css);
@import url(left.css);
@import url(home.css);
@import url(content.css);

#left-menu-box {	
	height: auto; 
	width: 232px; 
	text-align: left; 
	border: 0px #B4B5B7 solid;  
	margin-bottom: 0px ; 
	margin-right: 0px;
}
#middle-marker-box {
	background-image: url(images/vline.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	float: left;
	height: auto;
	width: 502px;
	padding-left: 8px;
	padding-right: 0px;
}
#left-marker-box  {
	height: auto; 
	width: 232px; 
	margin-right: 0px;
	padding: 0px;
}
#left-marker {	
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 5px;	
	margin-bottom: 5px;
}
#middle-marker {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	float: left;
	height: auto;
	width: 494px;
	padding-top: 0px;
	padding-bottom: 20px;	
	background-image: url(images/hline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#left, #middle, #right, #inner-content-wrapper {
	position: relative;
	overflow: visible;	
}
#inner-content-wrapper {
	float: left;
	margin: 0;
	width: 744px;
	height:auto;
}

#left {
	float: left;
	width: 232px;
	z-index: 4;
	background: #FFFFFF;	
}

#left-content {
/*	position: relative;
	z-index: 5;*/
	width: 232px;
}

#middle {
	float: right;
	width: 510px;
	z-index: 2;
	background: #FFFFFF;	
}

#middle-content {
/*	position: relative;
	z-index: 3;*/
	width: 506px;	
}
#header, #outer-wrapper, #footer {
	width: 764px;
}
.cleaner {
	clear:both;
/*	float: left;*/
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	display: block;
	visibility: hidden;
	border: 0; 
	padding: 0;
	margin: -1.0em 0 0 0;
	background: transparent;
}