/*The Div contining the menu*/
ul.menuContainer
{
background-color:green;
border:20px green solid;
border-right-color:#ffff99;
display:block;
list-style-type:none;
margin:20px 0 0 0;
padding:0;
width:160px;
}

ul.submenu
{
display:block;
list-style-type:none;
margin:0;
padding:0;
}

li.menu
{
margin:0;
display:block;
padding:0;
}

/*The div which contins a sub-menu*/
div.menuSubContainer
{
margin:0 0 5px 20px;
padding:0;
}

/*Standard main-menu item*/
a.menuLink
{
background-color:#00cc00;
border-left:5px #ffff99 solid;
color:#ffff99;
display:block;
margin-bottom:5px;
padding:0 5px;
text-decoration:none;
}
a.menuLink:hover
{
background-color:#ffff99;
color:green;
}

/*Main menu link for current page*/
a.menuActive
{
background-color:#ffff99;
border-left:5px #00cc00 solid;
color:green;
display:block;
margin-bottom:5px;
padding:0 5px;
text-decoration:none;
}

/*Sub-menu link*/
a.menuSubLink
{
background-color:#00cc00;
border-left:5px #ffff99 solid;
color:#ffff99;
display:block;
margin:0 0 5px 20px;
padding:0 10px;
text-decoration:none;
}
a.menuSubLink:hover
{
background-color:#ffff99;
color:green;
}

/*Sub-menu link for current page*/
a.menuSubLinkActive
{
background-color:#ffff99;
border-left:5px #ffff99 solid;
color:green;
display:block;
margin:0 0 5px 20px;
padding:0 10px;
text-decoration:none;
}
a.menuSubLinkActive:hover
{
background-color:#ffff99;
color:green;
}

/*Main menu link to the SEECCC website*/
a.menuSeeccc
{
background-color:#4169e1;
border-left-color:white;
color:white;
margin-bottom:0;
}
a.menuSeeccc:hover
{
background-color:white;
color:#4169e1;
}

/*Secondary menu at top right of page*/
ul.toplink
{
margin:0;
padding:0;
list-style-type:none;
}
li.toplink
{
margin:0;
padding:0;
}
a.toplink
{
background-color:#00cc00;
border:solid #006400 1px;
color:#ffff99;
display:block;
float:right;
font-size:small;
margin:1px;
padding:1px 3px;
text-align:center;
text-decoration:none;
width:90px;
z-index:1;
}
a.toplink:hover
{
background-color:#ffff99;
color:green;
}