/* code for the vertical navigation */
#navigation {
width: 140px;
position:relative;
top: 0px;
font-weight: normal;
border:none;
left: 12px;

}

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

}


#navigation ul a:link, #navigation ul a:visited {
font-size: 80%;
display: block;
padding:0.1em 0.4em 0.1em 0.4em;
background-color: #ffffcc;
color:#0000FF;
text-decoration: none;
margin-right: 0.2em;
margin-bottom: 2px;
border-top: 2px solid #ebccff;
border-left: 2px solid #ebccff;
border-bottom: 2px solid #c166ff;
border-right: 2px solid #c166ff;
}


#navigation ul a:hover {
background-color: #ebccff;
color:#6F5DAF;

border-top: 2px solid #c166ff;
border-left: 2px solid #c166ff;
border-bottom: 2px solid #ffddff;
border-right: 2px solid #ffddff;
}

#navigation ul ul {
margin-left: 12px;
}

#navigation ul ul li {
margin: 0;
}

#navigation ul ul a:link {
background-color:#ffffe6;
color:#0000ff;
}
#navigation ul ul a:visited {
background-color:#ffffe6;
color:#990000;
}


#navigation ul ul a:hover {
background-color: #ffddff;
color:#6f5daf;
border-top: 2px solid #ebccff;
border-left: 2px solid #ebccff;
border-bottom: 2px solid #ffffe6;
border-right: 2px solid #ffffe6;
}
#navigation ul a:visited {
color:#990000;
}