/* --- 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: 250px;
}

/* --- LINKS --- */

/* What your links will look like */
dl.accordion-menu dt.toggle {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 24px;
	font-weight: bold;
	text-decoration:none;
	margin: 0;
	padding: 0 0 0 0;
	color: #660000;

}

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

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

/* --- CONTENT --- */

/* What your hidden/revealed content will look like */
dl.accordion-menu dd.content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #888888;
	line-height: 18px;
	margin: 10px 0 0 0;
	width:275px;
}

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

/* 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;	
}