@charset "utf-8";
/* CSS Document */


.accordion{}
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {}

.accordion li { list-style: none;}

/* Layout & Style */
.acc_bold{}
.accordion li > a {
	display: block;
	position: relative;
	padding:3px 10px;
	line-height:30px;
	color:#fff;
	text-decoration: none;
    background:#733933;
	font-size:16px;
	font-family:inherit;
	border-bottom:1px solid #000;

}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active { color:#fff; background:#733933; }

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span { color: #fdfdfd; background: #3e5706; }

/* Images */
.accordion > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 24px;
	height: 24px;
	margin: 4px 8px;
	background-repeat: no-repeat;
	background-image: url(../img/icons.png);
	background-position: 0px 0px;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before,
.accordion li.files > a.active:before { background-position: 0px -24px; }

.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before,
.accordion li.mail > a.active:before { background-position: -24px -24px; }

.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before,
.accordion li.cloud > a.active:before { background-position: -48px -24px; }

.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before,
.accordion li.sign > a.active:before { background-position: -72px -24px; }

/* Sub Menu */
ul.sub-menu{ padding:0; }
.sub-menu li a { color:#fff; background: #A7544B; line-height:22px; }

.sub-menu li:hover a { color:#6D4424; background: #EEE1C4; }
.sub-menu li:hover a:active { color:#6699CC; background: #EEE1C4; }

/* Functionality */
.accordion li > .sub-menu { display: none;}
.accordion li:target > .sub-menu { display: block; }

