html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
} 
 
#pagewidth{ 
 width:780px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 border:1px solid #DBDBDB;
} 
 
#header{
 position:relative; 
 height:150px; 
 width:100%;
}
#leftcol{
 width:145px;
 height:300px;
 float:left; 
 position:relative;
 background-image:url(images/leftmenu_back.gif);
 background-repeat:no-repeat;
  }

#leftmenutop{
height:185px;
}
#leftmenubottom{
text-align:center;
}
 
#rightcol{
 width:611px; 
 float:right; 
 position:relative;
 padding:12px;
 background-color:#FFFFFF;
 }


/* for understanding browsers */
.minheight380 {
min-height:380px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .minheight380 {
height: 380px;
}
/**/
 
#footer{
 padding-left:10px;
 padding-top:5px;
 padding-right:10px;
 padding-bottom:5px;
 background-color:#E1EDFF;
 text-align:right;
 }
 
#maincontent{
 background-color:#E1EDFF;
 }
 
#bag{
 font-size:10px;
 background-color:#F01E00;
 padding:0px 6px 0px 6px;
 color:#FFFFFF;
 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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