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

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

.accordion {
 
	/* some decorations for the accordion root element */
	background:#f5f5f5 url(../images/h300.png) 0 0;
		width: 400px;
	border:1px solid #333;
    font-family:Arial;
	/* IE6 cannot handle PNG24 backgrounds. use a solid color instead */
	-background:#f5f5f5;
 
 
	/* put them side by side */
	float:left;
	margin:20px 0 20px 30px;
}
 
/* accordion header */
.accordion h2 {
	background:#ccc url(../images/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	color:#000000;
	cursor:pointer;
}
 
/* currently active header */
.accordion h2.current {
	cursor:default;
	background-color:#fff;
}
 
/* accordion pane */
.accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:120px;
	padding:15px;
	color:#000;
	font-size:12px;
}
 
/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#0D6987;
}