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

#left-menu-box {	
	height: auto; 
	width: 224px; 
	text-align: left; 
	border: 0px #B4B5B7 solid;  
	margin-bottom: 2px ; 
	margin-right: 0px;
	
}

#middle-marker-box {
	float: right;	
	margin-bottom: 5px;
	padding-left: 5px;
	width: 523px	
	
}

#left-marker-box  {
	height: auto; 
	width: 224px; 
	margin-right: 0px;
	padding: 0;
}

#left-marker {	
	
	padding-left:8px;
	padding-right:8px;
	margin-top: 5px;	
	margin-bottom: 5px;
	
}


#middle-marker {	
	
	padding-left:7px;
	padding-right:7px;	
	
}


#left, #middle, #right, #inner-content-wrapper {
	position: relative;
	overflow: visible;	
}

#inner-content-wrapper {
	float: left;
	margin: 0;
	width: 766px;
	height:auto;
}

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

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

#middle {
	float: right;
	width: 529px;
	z-index: 2;
	background-image: url(images/dotline1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 1px; 	
}

#borderimg {
	float: right;		
	width: 527px;
	text-align: right;
	margin:0;
	padding:0;
	height:0px;
		
}

#cleargif {
	float: right;
	width: 530px;
	z-index: 2;
	background: #FFFFFF;
	background-image: url(images/dotline1.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}

#middle-content {
/*	position: relative;
	z-index: 3;*/
	width: auto;
			
}



#header, #outer-wrapper, #footer {
	width: 768px;
}


.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;
}