div#navigation{
font-family: Century Gothic, Arial, Verdana, sans-serif;
font-size: 14px;
color: white;
margin: 1px 0 0 0;
padding:0;
width:100%;
height: 43px;
}


/* Ooh the pretty colors */

ul.nava ul,
ul.navb ul,
ul.navc ul,
ul.navd ul,
ul.nave ul,
ul.navf ul{display:none; position: absolute;left:1px;top:100%; width:140px; background-image:url(images/semitransparent.png);background-repeat:repeat;-moz-border-radius: 5px; -webkit-border-radius: 5px;}

ul.nava ul li,
ul.navb ul li,
ul.navc ul li,
ul.navd ul li,
ul.nave ul li,
ul.navf ul li {float:none; background-color: transparent; padding-left: 25px;}

ul.nava ul a,
ul.navb ul a,
ul.navc ul a,
ul.navd ul a,
ul.nave ul a,
ul.navf ul a {text-align:left; white-space:nowrap; color:#eee}

ul.nava a:hover ul,
ul.navb a:hover ul,
ul.navc a:hover ul,
ul.navd a:hover ul,
ul.nave a:hover ul,
ul.navf a:hover ul{display:block;}

ul.nava ul li a:hover, ul.nava ul li:hover>a,
ul.navb ul li a:hover, ul.navb ul li:hover>a,
ul.navc ul li a:hover, ul.navc ul li:hover>a,
ul.navd ul li a:hover, ul.navd ul li:hover>a,
ul.nave ul li a:hover, ul.nave ul li:hover>a,
ul.navf ul li a:hover, ul.navf ul li:hover>a{background-color: transparent; color:white}

ul.nava,
ul.navb,
ul.navc,
ul.navd,
ul.nave,
ul.navf {display:block;}

ul.nava span,
ul.navb span,
ul.navc span,
ul.navd span,
ul.nave span,
ul.navf span{overflow:hidden;}

ul.nava li:hover ul,
ul.navb li:hover ul,
ul.navc li:hover ul,
ul.navd li:hover ul,
ul.nave li:hover ul,
ul.navf li:hover ul{display:block; }

ul.nava, ul.nava ul,
ul.navb, ul.navb ul,
ul.navc, ul.navc ul,
ul.navd, ul.navd ul,
ul.nave, ul.nave ul,
ul.navf, ul.navf ul {margin:0; list-style:none; padding:0; background-color:transparent;}

ul.nava span,
ul.navb span,
ul.navc span,
ul.navd span,
ul.nave span,
ul.navf span{display:block; background-image:url(images/arrow.gif); background-position:right center; background-repeat: no-repeat; padding-right:20px;}

ul.nava li,
ul.navb li,
ul.navc li,
ul.navd li,
ul.nave li,
ul.navf li{display:block; width: 11.6%; margin:0 0 1px 1px; float:left;}

/* non-hover state background colors */
ul.nava li a{background-color: #e90; border:none;}
ul.navb li a{background-color: #9c3; border:none;}
ul.navc li a{background-color: #a93; border:none;}
ul.navd li a{background-color: #6ca; border:none;}
ul.nave li a{background-color: #7a6; border:none;}
ul.navf li a{background-color: #775; border:none;}

ul.nava ul li a,
ul.navb ul li a,
ul.navc ul li a,
ul.navd ul li a,
ul.nave ul li a,
ul.navf ul li a{background-color: transparent; border:none;}


ul.nava li, ul.nava li a, ul.nava li:hover>a, ul.nava li a:hover,
ul.navb li, ul.navb li a, ul.navb li:hover>a, ul.navb li a:hover,
ul.navc li, ul.navc li a, ul.navc li:hover>a, ul.navc li a:hover,
ul.navd li, ul.navd li a, ul.navd li:hover>a, ul.navd li a:hover,
ul.nave li, ul.nave li a, ul.nave li:hover>a, ul.nave li a:hover,
ul.navf li, ul.navf li a, ul.navf li:hover>a, ul.navf li a:hover{-moz-border-radius: 5px; -webkit-border-radius: 5px;-webkit-transition: background-color .5s;-moz-transition: background-color .5s; }

ul.nava li:hover,
ul.navb li:hover,
ul.navc li:hover,
ul.navd li:hover,
ul.nave li:hover,
ul.navf li:hover{position:relative;}


/* mouse-over colors */
ul.nava li:hover>a{background-color: #fa3;text-decoration:none;}
ul.navb li:hover>a{background-color: #ad4;text-decoration:none;}
ul.navc li:hover>a{background-color: #cb4;text-decoration:none;}
ul.navd li:hover>a{background-color: #8ec;text-decoration:none;}
ul.nave li:hover>a{background-color: #9c9;text-decoration:none;}
ul.navf li:hover>a{background-color: #997;text-decoration:none;}

ul.nava li a:hover{position:relative;background-color: #fa3;text-decoration:none;}
ul.navb li a:hover{position:relative;background-color: #ad4;text-decoration:none;}
ul.navc li a:hover{position:relative;background-color: #cb4;text-decoration:none;}
ul.navd li a:hover{position:relative;background-color: #8ec;text-decoration:none;}
ul.nave li a:hover{position:relative;background-color: #9c9;text-decoration:none;}
ul.navf li a:hover{position:relative;background-color: #997;text-decoration:none;}

ul.nava a:active, ul.nava a:focus,
ul.navb a:active, ul.navb a:focus,
ul.navc a:active, ul.navc a:focus,
ul.navd a:active, ul.navd a:focus,
ul.nave a:active, ul.nave a:focus,
ul.navf a:active, ul.navf a:focus {outline-style:none;}

ul.nava a,
ul.navb a,
ul.navc a,
ul.navd a,
ul.nave a,
ul.navf a {display:block; vertical-align:middle; text-align:center; text-decoration:none; padding:10px 2px; color: white; text-decoration:none;}

ul.nava ul,
ul.navb ul,
ul.navc ul,
ul.navd ul,
ul.nave ul,
ul.navf ul{display:none; position: absolute;left:0;top:100%; width:140px; background-image:url(images/semitransparent.png);background-repeat:repeat;-moz-border-radius: 5px; -webkit-border-radius: 5px;}

ul.nava ul li,
ul.navb ul li,
ul.navc ul li,
ul.navd ul li,
ul.nave ul li,
ul.navf ul li {float:none; background-color: transparent;padding-left: 25px; line-height: 1em}

ul.nava ul a,
ul.navb ul a,
ul.navc ul a,
ul.navd ul a,
ul.nave ul a,
ul.navf ul a {text-align:left; white-space:nowrap; color:#ddd}

ul.nava a:hover ul,
ul.navb a:hover ul,
ul.navc a:hover ul,
ul.navd a:hover ul,
ul.nave a:hover ul,
ul.navf a:hover ul{display:block;}

ul.nava ul li a:hover, ul.nava ul li:hover>a,
ul.navb ul li a:hover, ul.navb ul li:hover>a,
ul.navc ul li a:hover, ul.navc ul li:hover>a,
ul.navd ul li a:hover, ul.navd ul li:hover>a,
ul.nave ul li a:hover, ul.nave ul li:hover>a,
ul.navf ul li a:hover, ul.navf ul li:hover>a{background-color: transparent; color:white}