@characterset "utf-8";
body{
background-color:#FFFFFF;
color:#000000;
}
#menues{
height:42px;
background-color:#6495ed;
float:top;
}
#menues ul{
list-style:none;
}
#menues ul li a{
float:left;
text-decoration:none;
color:#FFFFFF;
padding: 0px 5px;
text-align:center;
line-height: 42 px;
height:42px;
font-style: italic;
}
#menues ul li a:hover{
background-color:#FFFFFF;
color: cornflowerblue;
border-radius: 8px;
}
#menues ul li a.active{
background-color:white;
border-radius:8px;
color:cornflowerblue;
 }
 .vertical{
    writing-mode:tb-rl;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
}
#footer{
text-decoration:none;
color:#FFFFFF;
padding: 0px 40px;
background-color: #6495ed;
text-align:center;
line-height: 42 px;
height:42px;
font-style: italic;

}
#menu{
text-decoration:none;
color:#FFFFFF;
padding: 0px 40px;
background-color: #6495ed;
text-align:center;
line-height: 42 px;
height:42px;
font-style: italic;

}
#left_display{
text-decoration:none;
color: #6495ed;
padding: 0px 40px;
background-color: #000000;
background-image:  url(images/left_img.jpg);
text-align:center;
line-height: 42 px;
height:42px;
font-style: italic;
}
#right_display{
text-decoration:none;
color: #6495ed;
padding: 0px 40px;
background-color: #FFFFFF;
text-align:center;
line-height: 42 px;
height:42px;
font-style: italic;
}
#central_d{
background-image: images/images.png;
}