/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	color:#333;
	width: 100%;	
  height: 350px;
	margin-top:20px;
  margin-left:0px;
  font-weight:normal;
  font-variant:normal;
}

/* accordion header */
#accordion h4 {
	background:#f9f9f9 url(../images/bg-sidenav.gif) no-repeat left;
	background-position: 5px;
	margin:0;
	padding:5px 10px;
	font-size:16px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
  letter-spacing:0px;
  color:#3B5468;
}

/* currently active header */
#accordion h4.current {
	cursor:default;
	background: url(../images/bgMenu1_active.jpg) repeat-x;
	border-bottom:1px dotted #222;
	color:#fff;
}
#accordion h4:hover {
	background: url(../images/bgMenu1_active.jpg) repeat-x;
	border-bottom:1px dotted #222;
	color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:/*180px*/ auto;
	padding:15px;
}

#accordion div.pane a {
font-weight:normal;
padding-left:8px;
}

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