@charset "utf-8";
#nav { background: #CCF5C2; height: 36px; }
#nav ul { list-style-type: none; }
#nav li { height: 36px; line-height: 36px; float: left; }
#nav li a { text-decoration: none; display: block; }
#nav li span { padding: 0px 24px; display: block; font-weight: bold; color: #555; font-size: 12px }
#nav li span a { color: #555; } 
#nav li a:hover span { color: #FFFFFF; cursor: pointer; }
#nav li:hover span.title { color: #FFFFFF; }
#nav li.selected a { }
#nav li.selected a span { background: #555 repeat 0px 0px; color: #FFFFFF; }
#nav li ul { position: absolute; display: none; background: #CCF5C2 repeat-x 0px 0px; z-index: 99; width: 240px; overflow: hidden; }
#nav li ul li { min-width: 240px; width: 240px; float: left; }
#nav li ul li a, #nav li ul li p { float: left; width: 240px; border-bottom: 2px solid #deffd6;  padding-left: 20px }
#nav li ul li p { background-color: #36B533; color: #FFF; }
#nav li ul li a span { padding: 0px 18px; float: left; width: 200px; }
#nav li ul li a:hover { background-color: #36B533; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; color: #FFF }
#nav li:hover ul, #nav li.sfhover ul { display: block; }
#nav li.selected ul a span { background: none; color: #555; }
#nav li.selected ul a:hover span { color: #FFFFFF; }