/* ----- Navigation Toggle Menu ----- */
#navigation {
	width: 180px;
	float: left;
	padding: 10px 0 0 0;
	font: 12px  Arial, Verdana, Helvetica, sans-serif;
}
#navigation * {
    font-size: 12px;
}
#navigation h3 {
	font-weight: normal;
	margin: 1em 0 0 0;
	padding: 4px 0;
	border-bottom: 1px solid #306;
	text-transform: uppercase;
	color: #002E56;
}
#navigation ul, #navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation li {
    display: inline;
}


/* style for the basic nav anchor */
#navigation ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 6px 15px;
    border-bottom: 1px solid #306;

}


#navigation ul li a:hover {
background-color : #ccc;
color : white;
font-weight : bold;
}

#navigation ul li a:active {
background-color : #199187;
color : yellow;
}

#navigation ul li a.singlelink {
	padding-left: 18px;
	border-top: 1px solid #306;
	color: #09F
}

#navigation ul ul li a {
    padding-left: 28px;
	border-bottom: 1px solid #aaa;
}



/* ----- Menu Navigation States ----- */
.hideSwitch {
    display: none;
}
.showSwitch {
    display: block;
}
.rollup {
    padding-left: 18px !important;
    background:#fff url(images/menu-widget.gif) no-repeat 6px;
}
.rolldown {
    padding-left: 18px !important;
    background:#ccc url(images/menu-widget_open.gif) no-repeat 6px;
}
.showtopic {
    padding-left: 40px !important;
background: #ffc
}