/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

.heading {
font-size: 12px;
background-color: #8fa694;
text-decoration: none;
border: none;
}

#menu1bar {
font-size: 12px;
text-decoration: none;
border: none;
}

#menu1 a {
vertical-align: bottom;
font-size: 11px;
color:black;
background-color:white;
text-decoration:none;
text-indent:2ex;
/*padding-top: 5px;
padding-left: 10px;*/
}

#menu1 a:active {
color:black;
text-decoration:none;
}

#menu1 a:hover {
color:black;
background-color:#8fa694
}

#menu1 a:visited {
color:black;
text-decoration:none;
}

#menu2 a {
font-size: 12px;
color:navy;
background-color:white;
text-decoration:none;
text-indent:1ex;
}

#menu2 a:active	{
color:blue;
text-decoration:none;
}

#menu2 a:visited {
color:blue;
text-decoration:none;
}

#menu2 a:hover {
color:navy;
background-color:#f0fea8
}

#menu3 a { /*Menu3 Links*/
font-size: 11px;
color:black;
background-color: #f9578e;
text-decoration:none;
text-indent:1ex;
border-top: 1px ridge #ffffff;
border-left: 1px ridge #ffffff;
}

#menu3 a:hover {
color:black;
background-color:#FFFFFF;
}

#menu3 a:active	{
color:black;
text-decoration:none;
}

#menu3 a:visited {
color:black;
text-decoration:none;
}