body {
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
background-color: #C4B78A;
}

#pagewidth{
	position: relative ;
	background: inherit;
  	width: 755px;
	text-align: right;
	padding: 0px ;
    margin: 0px ; 
	margin-top: 10px;
	margin-left: auto; 
	margin-right: auto;  
} 
 
#header{
	position: relative;
	text-align: left;	
    border: solid 4px #1734A6 ;  
    border-bottom: solid 0px #1734A6 ;
    color: #000000; 
	background:#ffffff;
	margin-top: 0px; 
	height: 80px; 
	width: 747px ;
	padding: 0px ;
	padding-top: 8px ;
}

#leftcol{
 position: relative ;
 text-align: left;	
 width: 165px;
 height: 100%; 
 float: left ;
 color: #000000;
 padding: 0px ;
 margin: 0px ;
 padding-top: 4px ; 
 background: #E7DBB1 ;
 }

#wrapper{
 position: relative; 
 border-top: solid 4px #1734A6 ;
 border-left: solid 0px #E7DBB1 ;
 border-right: solid 0px #E7DBB1 ;    
 color: #000000;
 padding: 0px ; 
 margin: 0px ; 
 background: #E7DBB1 ;
 background-image: url('https://www.franchisetimes.com/images/twocol_back.jpg') ;
 background-repeat: repeat-y ; 
 height: 100% ; 
}

#wrapper-index{
 position: relative; 
 border-top: solid 4px #1734A6 ;
 border-left: solid 0px #E7DBB1 ;
 border-right: solid 0px #E7DBB1 ;    
 color: #000000;
 padding: 0px ; 
 margin: 0px ; 
 background: #E7DBB1 ;
 background-image: url('https://www.franchisetimes.com/images/threecol_back_null.jpg') ;
 background-repeat: repeat-y ; 
 height: 100% ;
}

#twocols{
 position: relative; 
 width: 590px;
 float: right; 
 padding: 0px ;
 margin: 0px 0px 0px 0px;

}

#maincol{
 position: relative;
 text-align: left;
 color: #000000;
 background: #ffffff;
 border-left: solid 4px #1734A6 ;   
 float: left;
 height: 100%; 
 width: 576px;
 padding: 20px 4px 4px 4px ;
 padding-top: 20px ; 
 margin: 0px 0px 0px 0px ;  
 margin-top: 0px ;  
 }

#maincol-index {
 position: relative;
 text-align: left;	 
 color: #000000;
 background: #ffffff;
 border-left: solid 4px #1734A6 ;  
 border-right: solid 4px #1734A6 ;  
 float: left;
 height: 100%; 
 width: 401px;
 padding: 8px ;
 padding-top: 20px ; 
 margin: 0px ;  
 margin-top: 0px ; 
 }
  
 #rightcol{
 position: relative;
 width: 165px;
 height: 100% ;
 float: right;
 margin: 0px ;
 padding: 0px ;
 padding-top: 0px ;  
 color: #000000; 
 background: #E7DBB1 ;
 }
 
#logo{
	position:absolute; 
	z-index: 50 ;
	width: 290px ;
	height: 80px ;
	margin-top: 20px;
	margin-left: 20px;
	clear: none;
	color: #dddddd ;  

}

#sidebanner{
	width: 120px; 
	margin: 0px 0px 16px 7px; 
	float: left ;
}

#topbanner{
	position: absolute;
	z-index: 51 ; 
	height: 60px;
	width: 234px ; 
	margin: 0px 0px 0px 480px; 
    border: solid 1px #ffffff ; 
    padding: 0px ;
}
#middlebanner{
	position: relative;
	z-index: 51 ;
	text-align: center ; 
	height: 65px; 
	margin: 5px auto 0px auto; 
}
#footer{
	position:relative;
	color: #000000; 
	background:#dddddd;
	margin-top: 0px; 
	width:100%;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display: none;} 
#twocols, #maincol{width:100%; float:none;}
}