@charset "UTF-8";
/* CSS Document */

#menu, p {
font-family:"Trebuchet MS", sans-serif;
}
#menu {
width:20%;
float:left;
display:block;
margin-top:25px;
margin-left:12px;
}

#menu ul {
padding:0;
margin:0;
list-style:none;
}
#menu ul li {
padding:0;
margin:0;
background:transparent none;
float:left;
}
#menu ul li a {
display:block;
text-decoration:none;
font-size:14px;
padding:2px 5px 2px 5px;
color:white;
font-weight:900;
text-align:center;
height:20px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
#menu ul li ul {
list-style:square;
list-style-position:inside;
font-size:17px;
margin:0 0 10px 0;
float:left;
}
#menu ul li ul li {
border-bottom:1px dotted white;
background:transparent none;
padding:0;
float:left;
}
#menu ul li ul li a {
font-size:13px;
line-height:20px;
text-decoration:none;
display:block;
color:black;
font-weight:300;
padding:0;
margin:0;
float:right;
text-align:left;
width:183px;
height:20px;
border-width:0px !important;
}
#menu .filler {
display:block;
height:120px;
clear:both;
}

/*color the menu*/
#menu .blue a {
background-color:blue;
border-bottom:2px solid cornflowerblue;
}
#menu ul .blue ul li:hover {
background-color:cornflowerblue;
}
#menu ul .blue ul {
color:blue;
}

#menu .red a {
background-color:red;
border-bottom:2px solid #ff9999;
}
#menu ul .red ul li:hover {
background-color:#ff9999;
}
#menu ul .red ul {
color:red;
}

#menu .green a {
background-color:green;
border-bottom:2px solid darkseagreen;
}
#menu ul .green ul li:hover {
background-color:darkseagreen;
}
#menu ul .green ul {
color:green;
}

#menu .orange a {
background-color:orange;
border-bottom:2px solid palegoldenrod;
}
#menu ul .orange ul li:hover {
background-color:palegoldenrod;
}
#menu ul .orange ul {
color:orange;
}

#menu .purple a {
background-color:purple;
border-bottom:2px solid orchid;
}
#menu ul .purple ul li:hover {
background-color:orchid;
}
#menu ul .purple ul {
color:purple;
}


/*fixes*/
#menu ul li ul li a {
background-color:transparent !important;
}
*HTML * #menu ul .blue ul li a:hover {
color:blue;
font-weight:bold;
}
*HTML * #menu ul .red ul li a:hover {
color:red;
font-weight:bold;
}
*HTML * #menu ul .green ul li a:hover {
color:green;
font-weight:bold;
}
*HTML * #menu ul .orange ul li a:hover {
color:orange;
font-weight:bold;
}
*HTML * #menu ul .purple ul li a:hover {
color:purple;
font-weight:bold;
}
*HTML * #menu ul li {
float:none;
}
*HTML * #menu ul li ul li {
float:none;
}
*HTML * #menu ul li ul li a {
width:178px;
}