a:link {
color: rgb(73,124,0); 
text-decoration: none;
}
a:visited {
color: rgb(178,83,0); 
text-decoration: none;
}
a:hover {
color: rgb(241,255,152); 
text-decoration: none;
}
body {
font: normal 10px / 12px verdana, arial, sans-serif;
text-align:left;
z-index:10;
}
#wrapper {
z-index:10;
width:100%;
height:32px;
background: url("http://www.oakland-lana.org/backgrounds/bg_menuRepeat.png") repeat-x 0px 0px;
border-bottom:1px solid rgb(144,166,118);
position:absolute;
top:0px;left:0px;
}
#wrapper > .menu_container h1 {
font: 400 10px / 26px copperplate, verdana, arial, helvetica, sans-serif;
text-transform:uppercase;
text-indent:9px;
background:transparent;
letter-spacing:1px;
text-align:left;
display:inline;
padding:0px
margin:0;
}
.menu_container {
width:800px;
position:relative;
margin:0px auto;
}
.history,
.articles,
.alerts,
.home,
.events,
.contact,
.join {
margin:0;
height:26px;
padding:3px 0px;
float:left;
}
.history  {
width:114px;
border-right:1px solid rgb(144,166,118);
border-left:1px solid rgb(144,166,118);
}
.articles,
.contact,
.alerts {
width:114px;
border-right:1px solid rgb(144,166,118);
}
.events {
width:125px;
border-right:1px solid rgb(144,166,118);
}
.home,
.join {
width:105px;
border-right:1px solid rgb(144,166,118);
}

.history a,
.articles a,
.alerts a,
.home a,
.events a,
.contact a,
.join a {
text-decoration:none;
display:block;
}
.history a:hover,
.articles a:hover,
.alerts a:hover,
.events a:hover,
.contact a:hover {
background: rgba(174,238,21,0.30) url("../menu/hover.png") no-repeat top right;
display:block;
}
.home a:hover,
.join a:hover {
background: rgba(174,238,21,0.30);
display:block;
}

/* ****************************
SUB
***************************** */
.sub {
width:100%;
float:left;
}
.sub p,
.sub p a,
.sub p a:hover {
text-transform:none;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 11px;
text-align:left;
margin:0px 0px 0px -6px;
padding:3px 3px 3px 12px;
}
.sub p a,
.sub p a:hover {
text-decoration:none;
background:transparent;
color: rgb(150,53,23);
}
.sub p a {
color: rgb(150,53,23);
border-top: 1px solid #829800;
}
.sub p a:hover {
color: #829800; 
border-top: 1px solid #DAEE00;
}
.sub p a.first {
color: rgb(150,53,23);
border: none;
padding-top:none;
}
.sub p a.first:hover {
color: #829800; 
border: none;
padding-top:none;
}

