/* based on "Semantic (Vertical) CSS Block Navigation" 
http://www.tutorialtastic.co.uk/tutorial/semantic_css_block_navigation
*/

/* colours:

#404F24  	dark green  
#BDD09F     green
#E8F0D8     pale green
  
#8F3B1B     reddish brown
#B99C6B     tan
#FFF8DC     cornsilk

#4E6172     steel
#A3ADB8     silver 
#FCFCFC     pale grey 
*/

/* font ------------------------------------------------------- */ 


@font-face {
    font-family: 'DroidSansMono';
    src: url('DroidSansMono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* mono */
#navigation
{ font-family: "DroidSansMono","Lucida Console","Courier New",monospace; }

/* sans-serif */
#navigation-big li , #navigation li
{ font-family: "Candara","Lucida Sans Unicode",Helvetica,sans-serif; }

/* (font) colour -------------------------------------------- */
#navigation a, #navigation-big a
{ color: #8F3B1B; } /* reddish brown */

#navigation a:hover, #navigation-big a:hover
{ color: #404F24; } /* dark green */

/* background-colour ----------------------------------------- */ 
#navigation a, #navigation-big a 
{ background-color: #FFF8DC; } /* cornsilk */

#navigation a:hover, #navigation-big a:hover
{ background-color: #E8F0D8; } /* tan */

/* ============================================================ */


ul {
  line-height: 1.65em;
}

#navigation {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 110%;
}

#navigation li {
margin-bottom: 2px;
}

#navigation a {
display: block;
width: 175px;
border-left: 5px solid #8F3B1B;
padding-left: 10px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}

#navigation a:hover {
text-decoration: none;
border-left: 5px solid #404F24;
}


#navigation-big {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 150%;
}

#navigation-big li {
margin-bottom: 2px;
}

#navigation-big a {
display: block;
width: 275px;
border-left: 5px solid #8F3B1B;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 8px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}

#navigation-big a:hover {
text-decoration: none;
border-left: 5px solid #404F24;
}