/*
** You shouldn't need to edit these styles, all "sub-layout" should be done in content.css
*/

/*
**
*/

body
{
 width: 100%;
 height: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 color: #FF0000;
 background: #FFFFFF url(../images/bg.gif) repeat left top;
 font: 0px arial;
}

div
{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

/*
** MAIN : position the whole content in the browser and defines basic font style
*/

#main
{
 position: relative;
 width: 1024px;
 margin: 0px 0px 0px 0px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding: 0px 0px 0px 0px;
 background: transparent;
 color: #999999;
 font: 0px arial;
/* border: 1px solid;*/
}

/*
** HEADER : fixed width and height and just a simple background image
*/

#header
{
 position: relative;
 display: block;
 width: 975px;
 height: 83px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 left: 25px;

}

#header_en
{
 position: relative;
 display: block;
 width: 975px;
 height: 83px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 left: 25px;
 background: transparent url(../images/header_en.png) no-repeat center top;
}

#header_bottom
{
 position: relative;
 display: block;
 width: 975px;
 height: 4px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 left: 25px;
 background: transparent url(../images/header_bottom.png) no-repeat center top;
}

/*
** CENTRAL : 2 containers to ensure coherency for central_menu and central_content heights. The second must be in block display for float positioning to work well
** thus a good footer positioning
*/

#central_container
{
 position: relative;
 display: table;
 width: 975px;
 left: 25px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 background: transparent url(../images/page_bg.png) repeat-y top left;
}

#central
{
 position: relative;
 display: block;
 width: 975px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
}

/*
** CENTRAL_MENU : container for all the left page content, fixed width and height.
*/

#central_menu
{
 position: relative;
 display: block;
 float: left;
 width: 193px;
 height: auto;
 margin: 3px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
 background: transparent url(../images/common_sep_ver.gif) repeat-y top right;
}

/*
** CENTRAL_PAGE : container for all the middle to right page content, fixed width.
*/

#central_page
{
 position: relative;
 display: block;
 float: left;
 width: 780px;
 height: auto;
 margin: 3px 0px 0px -3px;
 padding: 0px 0px 0px 0px;
 text-align: left;
 background: transparent url(../images/common_sep_ver.gif) repeat-y top left;
}


/*
** FOOTER : 
*/

#footer_top
{
 position: relative;
 display: block;
 width: 965px;
 height: 8px;
 margin: 0px 5px 0px 5px;
 padding: 0px 0px 0px 0px;
 background: transparent url(../images/common_sep_hor.gif) repeat-x bottom left;
}

#footer
{
 position: relative;
 display: block;
 width: 975px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 left: 25px;
 text-align: right;
 background: transparent url(../images/page_bg.png) repeat-y top left;
}

#footer_bottom
{
 position: relative;
 display: block;
 width: 975px;
 height: 5px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 left: 25px;
 background: transparent url(../images/footer_bottom.png) no-repeat top left;
}