/*-----ID-----menu----------------------------------------------------------------*/

#menu_bar{
    position: relative;
    top: 10px;
    background-image: url(../images/site/bg_page.png);
    padding-bottom: 5px; /*IE7 fix : bottom border on menu is hidden withour some padding*/
}

#menu{
    width: 986px;
    height: 25px;
    background-color: #CC0000;
    font-family: sans-serif;
    font-size: 14pt;
    margin-left: auto;
    margin-right: auto;
}

#m1{
    width: 120px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
	border-color: #CC0000;
}

#m1 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m1 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m1 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m1 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m2{
    width: 120px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m2 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m2 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m2 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m2 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m3{
    width: 120px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m3 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m3 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m3 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m3 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m4{
    width: 150px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m4 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m4 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m4 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m4 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m5{
    width: 120px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m5 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m5 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m5 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m5 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m6{
    width: 120px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m6 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m6 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m6 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m6 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m7{
    width: 120px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m7 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m7 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m7 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m7 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m8{
    width: 107px;
    height: 25px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-left: none;
	border-color: #CC0000;
}

#m8 a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #CC0000;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#m8 a.current{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m8 a:hover{
    background-color: #FFFFFF;
	color: #CC0000;
}

#m8 a:active{
    background-color: #FFFFFF;
	color: #CC0000;
}