﻿html {
	overflow-y:scroll;
}



/********************/
/*  PAGE CONTAINER  */
/********************/

#container
{
    position: absolute;
    left: 50%;
    width: 994px;
    margin-left: -497px;
}

/********************/
/*  HEADER          */
/********************/

#header
{
	margin: 0 auto;    
}

/********************/
/*  FOOTER          */
/********************/

#footer
{
    
}

/********************/
/*  NAVIGATION SIDE BAR  */
/********************/

/* SIDE MENU */
#sidebar 
{ 
    margin: 5px auto 5px auto; 
}
#sidebar ul 
{
    list-style-type:none;
}
#sidebar ul li 
{
    /*float:left; */
    z-index:auto !important /*Non-IE6*/; 
    z-index:1000 /*IE6*/; 
    background-color:rgb(225,225,225);
}
#sidebar ul li a 
{
    float:none !important /*Non-IE6*/; 
    float:left /*IE-6*/; 
    display:block; 
    height:3.1em; 
    line-height:3.1em; 
    padding:0 16px 0 16px; 
    text-decoration:none; 
    font-weight:bold; 
    color:rgb(100,100,100); 
    border-right:solid 0px rgb(215,215,215);
}
#sidebar ul li ul 
{
    display:none; 
    border:none;
}

/* SUBMENU (Non-IE6 hovering) */
#sidebar ul li:hover 
{
    position:relative;
} /*Sylvain IE hack*/
#sidebar ul li:hover a 
{
    background-color:rgb(235,235,235); 
    text-decoration:none;
} /*Color main cells hovering mode*/
#sidebar ul li:hover ul 
{
    display:block; 
    width:10.0em; 
    position:absolute; 
    z-index:1000; 
    top:3.0em; 
    margin-top:0.1em; 
    left:0; 
    padding:0px 16px 0px 16px; 
    border-top:solid 1px rgb(215,215,215);
}
#sidebar ul li:hover ul li a 
{
    white-space:normal; 
    display:block; 
    width:10.0em; 
    height:auto; 
    line-height:1.3em; 
    margin-left:-17px; 
    padding:4px 16px 4px 16px; 
    border-right:solid 1px rgb(215,215,215); 
    border-left:solid 1px rgb(215,215,215); 
    border-bottom: solid 1px rgb(215,215,215); 
    background-color:rgb(235,235,235); 
    font-weight:normal; 
    color:rgb(100,100,100);
} /*Color subcells normal mode*/
#sidebar ul li:hover ul li a:hover 
{
    background-color:rgb(225,225,225); 
    text-decoration:none;
} /*Color subcells hovering mode*/

/* SUBMENU (IE6 hovering) */
#sidebar table 
{
    position:absolute; 
    z-index:1000; 
    top:0px; 
    left:-1px; 
    border-collapse:collapse;
}
#sidebar ul li a:hover 
{
    position:relative /*Sylvain IE hack*/; 
    z-index:1000 /*Sylvain IE hack*/; 
    background-color:rgb(235,235,235); 
    text-decoration:none;
} /*Color main cells hovering mode*/
#sidebar ul li a:hover ul 
{
    display:block; 
    width:10.0em; 
    position:absolute; 
    z-index:1000; 
    top:3.1em; 
    top:3.0em; 
    left:0px; 
    margin-top:0.1em; 
    border-top:solid 1px rgb(215,215,215); 
}
#sidebar ul li a:hover ul li a 
{
    white-space:normal; 
    display:block; 
    width:10.0em; 
    height:1px; 
    line-height:1.3em; 
    padding:4px 16px 4px 16px; 
    border-right:solid 1px rgb(215,215,215); 
    border-left:solid 1px rgb(215,215,215); 
    border-bottom: solid 1px rgb(215,215,215); 
    background-color:rgb(235,235,235); 
    font-weight:normal; 
    color:rgb(100,100,100);
} /*Color subcells normal mode*/
#sidebar ul li a:hover ul li a:hover 
{
    background-color:rgb(225,225,225); 
    text-decoration:none;
} /*Color subcells hovering mode*/




/********************/
/*  1 COLUMN        */
/********************/

#container .col_1_box 
{
    width: 984px; 
    margin: 5; 
}
#container .col_1_box .content 
{ 
}



/********************/
/*  2 COLUMN        */
/********************/

#container .col_2_box
{
    /* content wrapper */
}
#container .col_2_box .content
{
    float: left;
    width: 550px;
    margin: 5px;
}
#container .col_2_box .sidebar
{
    float: right;
    width: 424px;
    margin: 5px;
}






/********************/
/*  GENERIC CLASSES */
/********************/

.clear
{
    clear: both;
}
