/* --- ACCORDION MENU CSS --- */
/* Beware of conflicting styles in your main CSS! */


/* --- MENU --- */

/* What the entire menu will look like */
dl.accordion-menu {
	margin: 0;
	padding: 0;
	width: 43px;
}

/* --- LINKS --- */

/* What your links will look like */
dl.accordion-menu dt.toggle {
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #990000;
	text-decoration:none;
}

/* What your links will look like on hover */
dl.accordion-menu dt.toggle-hover{
	color: #990000;
	text-decoration:underline;
}

/* What your links will look like when the panel is expanded */
html.accordion-menu-js dt.toggle-expand {
	color: #990000;
	font-weight:bold;
	text-decoration:none;
}

/* --- CONTENT --- */

/* What your hidden/revealed content will look like */
dl.accordion-menu dd.content {
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	margin: 10px 0 0 0;
	width:400px;
}

/* What your content will look like when the panel is expanded */
dl.accordion-menu dd.content .bd{
	padding: 10px;
	border: solid 1px #CC9900;
}

/* No need to mess with anything below! */

html.accordion-menu-js dt.toggle{
	cursor:pointer;
	zoom:1;
}

html.accordion-menu-js dd.content{
	display:none;
}

html.accordion-menu-js dd.content-expand {
	display:block;
}

html.accordion-menu-js dd.content-before-expand {
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;
	height:auto !important;
	visibility:hidden;
	overflow:visible;
}

html.accordion-menu-js dd.content-anim {
	overflow:hidden;
	display:block;	
}