@charset "utf-8";

/* main menu */

#navbar ul{
margin:0;
padding:0;
list-style-type: none;
font-family:Arial;
font-size: 13px; 
line-height:45px; 
letter-spacing:2px;
}

#navbar li{
    background-image: url(../img/button.png);
    float:left;
    width:calc(900px / 8);
    text-align:center;
    padding:0;
    white-space:nowrap;
}

#navbar ul a:hover{
background-image: url(../img/button_hover.png);
width:calc(900px / 8);
}

#navbar a{
color: #483093;
display:block;
}

#navbar a:hover{
color: #F7C114;
}

/* side menu*/

#side ul{
font-size: 100%;
line-height: 220%;
margin: 0px;
padding-left: 15px;
}

#side ul a:hover{
color:#ff0000;
}

#side ul{
list-style-type: none;
padding-left: 2px
}
#side li{
padding-left: 5px
}
#side li a{
color:#333333;
border-bottom: groove 2px #c89932;
width: 180px;
display:block;
}

#sidemenubar{
background-image: url(../img/sidemenubar.png);
width:195px;
line-height:40px;
font-size:120%;
font-variant:small-caps;
text-align: center;
color:#ffffff;
}