﻿body {
	margin: 0;
	padding: 0;
	padding-top: 1px;
	padding-bottom: 5px;
    background: #F8F8F8;
	background-position: right bottom;
	font-family: Arial Tahoma Helvetica Sans-Serif;
	font-size: 12px;
}


h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #F93D00;
	font-size: 18px;
	/*
	Helvetica, Sans-Serif,Arial, Tahoma,;font-size: 18px;font-weight:bold;
    */
}


#container
{
    margin: 0 auto ;   
    float:inherit;
    width: 1000px;
    background: #F8F8F8;
  
}

#header_left
{
    clear:both;
    position:relative;
    float:left;
    width: 50px;
    height: 100px;
    overflow:hidden;
    background:#F8F8F8;
   
}

#header_center
{
    position:relative;
    float:left;
    background: url(../Imgs/console/Head.jpg);	
    background-repeat:no-repeat;
    width: 900px;
    height: 100px;
    padding-top:1px;
    overflow:hidden;
    text-align:center;
}

#header_right
{
    position:relative;
    float:right;
    background:#F8F8F8;
    text-align:center;
    width: 50px;
    height: 100px;
}

#menubar
{
    clear:both;
    margin: 0 auto;
    position:relative;
    float:left;
    padding-bottom:-5px;
    height: 22px; /* 16px;*/
    width: 1000px;            
    background:url(../Imgs/console/bg-menu-bar.gif);
    background-repeat:no-repeat;
    border-bottom-style:solid;
    border-bottom-color: #A0A0A0;
    border-bottom-width:1px; 
}



/*  c2 right is the width of right column
    c1 right is the width of left column
    left for columns is (100% - rightcolumn) + possible padding
    c1 = Leftcolumn, c2 = content, c3 = rightcolumn */
#container3 {float:left;width:100%;position:relative;overflow:hidden;
            background:white url(../Imgs/console/bg-column-right.jpg);
            background-repeat:repeat-y;
            background-position:100% 0;
            border-left: 1px solid #A0A0A0;}      
#container2 {float:left;width:100%;position:relative;background:white;
            right:18.7%;}
#container1 {float:left; width:100%; position:relative;
            background:white url(../Imgs/console/bg-column-left2.jpg);
            background-repeat:repeat-y;
            background-position:100% 0;
            right:65.3%;}  

#leftcolumn {float:left; position:relative; top:10px;
            width:16%;left:84%;}
#contentleft{float:left; position:relative;background:white url(../Imgs/console/bg-corner-left.jpg) no-repeat;
            width:1.75%;left:84%;}
#content {float:left;position:relative;
            width:60.5%;left:84.75%;}/*modify here the left to center the content */           
#contentright{float:left; position:relative;background:white url(../Imgs/console/bg-corner-right.jpg) no-repeat;
            width:1.75%;left:85.3%;}
#rightcolumn{float:left;position:relative;top:10px;
            width:18%;left:85.3%;}
/*last modify c2r+0,7 , c1r-0.7, rcl -0.7 rcl -0.7 to make more space to rc (rightcolumn) at right */



#footer
{
    /*background: #0f0;*/
    clear:both;
    float:left;
    position:relative;
    padding-top:3px;
    text-align:center;
    width:998px;
    height:18px;
    background: #E8ECEB;
    border-style:solid;
    border-color: #A0A0A0;
    border-width:1px;
}










