/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	color:#333;
	width: 100%;	
	margin-top:15px;
	height:500px;
}

/* accordion header */
#accordion h2 {
color:#24338B;
	background:#f0f0f0 url(../images/h30.png);
	margin:0;
	padding:5px 10px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #cccccc;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
	border-bottom:1px solid #f07c00;
}

/* currently active header */
#accordion h2.hover {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:/*180px*/ auto;
	padding:15px;
	color:#545454;
	font-size:12px;
}
#accordion div.pane p {
width:100%;
}

/* accordion pane ul */
#accordion div.pane ul {
	margin:0;
  margin-left:12px;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	list-style-type:square;
}

#accordion div.pane ul li {
	line-height:1.6em;
	color:#f07c00;
}

#accordion div.pane ul li span {
	line-height:1.6em;
	color:#24338B;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}