@charset "utf-8";
/* CSS Document */

/* top menu */
.menu-01{
width: 100%;
overflow: hidden;
background-color: rgb(252,179,22);
background-image: url(../images/menu-01.jpg);
background-repeat: repeat-x;
clear: both;
}

.menu-01 ul{
margin: 0;
padding: 0;
font: bold 90%;
list-style-type: none;
}

.menu-01 li{
display: inline;
margin: 0;
}

.menu-01 li a {
float: left;
display: block;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: rgb(6,48,88);
background: rgb(252,179,22); /*background of tabs (default state)*/
background-image: url(../images/menu-01.jpg);
background-repeat: repeat-x;
}

.menu-01 li a:visited{
color: rgb(6,48,88);
}

.menu-01 li a:hover, 
.menu-01 li.selected a,
.menu-01 li.selected a:visited {
color: rgb(252,179,22); 
background: rgb(6,48,88); /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
background-image: url(../images/menu-01-hover.jpg);
background-repeat: repeat-x;
}

/* bottom menu */
.menu-02{
width: 100%;
overflow: hidden;
border-top: 2px solid rgb(6,48,88);
text-align: center;
padding-bottom: 20px;
}

.menu-02 p {
	clear: both;
}

.menu-02 ul{
margin: 0;
padding: 0;
padding-bottom: 20px;
font: bold 90%;
list-style-type: none;
}

.menu-02 li{
display: inline;
margin: 0;
}

.menu-02 li a {
float: left;
display: block;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: rgb(6,48,88);
}

.menu-02 li a:visited {
color:  rgb(6,48,88);
}

.menu-02 li a:hover, 
.menu-02 li.selected a 
.menu-02 li.selected a:visited {
color: rgb(252,179,22); 
}