/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
<!--1f0706 blkBrown-->
<!--541211 brown-->
<!--5c3330 ltBrown-->
<!--b7160e redOrange-->
//<!--e64a0c medOrange-->
<!--e56225 medOrange-->
<!--fd993e ltOrange-->
<!--f2fa98 yellow-->
<!--bfe7f1 ltBlue-->
<!--6963a5 lavendar-->
*/
/* places the entire menu block */
#menu ul{list-style-type:none; margin:0 0 0 25px; padding:0;}
/* places, sizes, and describes the main menu holder, 
look would be described here if not for rouned corners */
#menu li {float:left; position:relative; margin:5px 8px 5px 8px; width:110px; height: 18px; z-index:100; font-size:10px; text-decoration:none; cursor:pointer; text-align:center;}
#menu li a, #menu li a:visited {text-decoration:none; color: #fff; display:block;}
#menu li:hover, #menu li a:hover {display:block; color: #1f0706; display:block;}
/* controls the visibility of the sub menus */
#menu li dd {display:none;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
/* dl defines the entire data list, redundant but IE 6 needs it */
#menu dl {position:absolute; left:0px; width: 110px; margin: 0;  padding: 0;  text-align:center; cursor:pointer;}
#menu dt {margin:0; padding-top: 2px;}
#menu dt a, #menu dt a:visited {display:block;}
/*****************************/
/* rounded corners main menu */
/*****************************/
#menu li span {float:left; cursor:pointer; display:block;}
#menu li span.side {width:5px;}
#menu li span.side b.p1 {height:10px; width:1px; float:left; margin:5px 0; background:#b7160e;}
#menu li span.side b.p2 {height:10px; width:1px; float:left; margin:3px 0; background:#e56225; border-top:2px solid #b7160e; border-bottom:2px solid #b7160e;}
#menu li span.side b.p3 {height:14px; width:1px; float:left; margin:2px 0; background:#e56225; border-top:1px solid #b7160e; border-bottom:1px solid #b7160e;}
#menu li span.side b.p4 {height:16px; width:2px; float:left; margin:1px 0; background:#e56225; border-top:1px solid #b7160e; border-bottom:1px solid #b7160e;}
#menu li span.mid {float:left; height:18px; border-top:1px solid #b7160e; border-bottom:1px solid #b7160e; background:#e56225; width:100px;}
/********** hover ***********/
#menu li:hover span, #menu li a:hover  span {float:left; cursor:pointer;}
#menu li:hover span.side, #menu li a:hover span.side {width:5px;}
#menu li:hover span.side b.p1, #menu li a:hover span.side b.p1 {height:10px; width:1px; float:left; margin:5px 0; background:#e56225;}
#menu li:hover span.side b.p2, #menu li a:hover span.side b.p2 {height:10px; width:1px; float:left; margin:3px 0; background:#bfe7f1; border-top:2px solid #e56225; border-bottom:2px solid #e56225;}
#menu li:hover span.side b.p3, #menu li a:hover span.side b.p3 {height:14px; width:1px; float:left; margin:2px 0; background:#bfe7f1; border-top:1px solid #e56225; border-bottom:1px solid #e56225;}
#menu li:hover span.side b.p4, #menu li a:hover span.side b.p4 {height:16px; width:2px; float:left; margin:1px 0; background:#bfe7f1; border-top:1px solid #e56225; border-bottom:1px solid #e56225;}
#menu li:hover span.mid, #menu li a:hover span.mid {float:left; height:18px; border-top:1px solid #e56225; border-bottom:1px solid #e56225; background:#bfe7f1; width:100px; color:#1f0706;}
/*******************/
/*   sub menus     */
/*******************/
/* dd defines the individual submenu blocks */
#menu dd {margin:0px; padding:0px; text-align:left; width: 150px; display:block;}
#menu dd a, #menu dd a:visited {display:block; padding:4px 5px 4px 20px; color:#1f0706; text-decoration:none; background: #bfe7f1; border:1px solid #e56225;  border-top:none; border-bottom:none;}
#menu dd a:hover {display:block; background: #258; color:#9cf;}
/**********************************/
/*   sub menus rounded corners    */
/**********************************/
#menu dd.first, #menu dd.last {height: 9px}
#menu dd.first{margin-top: 10px;}
#menu .idnt {margin-left:10px; color:#5c3330;}
/*************** first ************/
#menu dd.first span {float:left;}
#menu dd.first span.side {width:5px;}
#menu dd.first span.side b.p1 {height:4px; width:1px; float:left; margin:5px 0; background:#e56225;}
#menu dd.first span.side b.p2 {height:4px; width:1px; float:left; margin:3px 0; background:#bfe7f1; border-top:2px solid #e56225; border-bottom:none;}
#menu dd.first span.side b.p3 {height:6px; width:1px; float:left; margin:2px 0; background:#bfe7f1; border-top:1px solid #e56225; border-bottom:none;}
#menu dd.first span.side b.p4 {height:7px; width:2px; float:left; margin:1px 0; background:#bfe7f1; border-top:1px solid #e56225; border-bottom:none;}
#menu dd.first span.mid {height:8px; width:140px; background:#bfe7f1; border-top:1px solid #e56225; border-bottom:none;}
/************** last *************/
#menu dd.last span {float:left;}
#menu dd.last span.side {width:5px;}
#menu dd.last span.side b.p1 {height:4px; width:1px; float:left; margin:0; background:#e56225;}
#menu dd.last span.side b.p2 {height:4px; width:1px; float:left; margin:0; background:#bfe7f1; border-bottom:2px solid #e56225; border-top:none;}
#menu dd.last span.side b.p3 {height:6px; width:1px; float:left; margin:0; background:#bfe7f1; border-bottom:1px solid #e56225; border-top:none;}
#menu dd.last span.side b.p4 {height:7px; width:2px; float:left; margin:0; background:#bfe7f1; border-bottom:1px solid #e56225; border-top:none;}
#menu dd.last span.mid {float:left; height:8px; border-bottom:1px solid #e56225; background:#bfe7f1; width:140px; border-top:none;}