@charset "UTF-8";

#logo {
font-family: Candara, Times New Roman, Arial;
color: brown;
font-size: 300%;
padding-left: 15px;
}

#logo:hover {
color: red;
}

/* Top header menu contained within #wrapper.  */
#wrapper {
background: yellow;
border-color: #7030A0;
border-width: 3px;
border-bottom-style: groove;
}

#menu {
width: 100%;
height: 30px;
background: yellow;
overflow: hidden;
border-top: 1px black solid;
/*border-bottom: 1px black solid;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
float: left;
}

#menu a {
display: block;
width: 100px;
}

#menu a:link, #menu a:visited {
color: purple;
background: yellow;
text-align: center;
padding: 5px;
text-decoration: none;
text-transformation: uppercase;
}

#menu a:active {
background: yellow;
}

#menu a:hover {
color: yellow /*#404040*/;
background: #7030A0 /*#B200FF #EAEA00*/;
}