/* CSS Document */
#about-container{
	width:1080px;
	height:850px;
	margin-top:25px;
}
#topics{
	margin-top:10px;
	width:180px;
	float:left;
}
#topics li{
	list-style:none;
}
#topics li:first-child a{
	border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
}
#topics li:last-child a{
	border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
}
#topics a{
	width:150px;
	padding-left:15px;
	padding-right:15px;
	height:40px;
	color:white;
	height:40px;
	background:rgba(0,26,44,0.9);
	text-decoration:none;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
	border:none;	
}
#topics a:hover{
	background: rgba(86,191,21,0.9);
	background: -moz-linear-gradient(top,  rgba(86,191,21,1) 0%, rgba(80,177,19,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,191,21,1)), color-stop(100%,rgba(80,177,19,1)));
	background: -webkit-linear-gradient(top,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	background: -o-linear-gradient(top,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	background: -ms-linear-gradient(top,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	background: linear-gradient(to bottom,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56bf15', endColorstr='#50b113',GradientType=0 );		
}
#topics a.topic-hover{
	background: rgba(86,191,21,0.9);
	background: -moz-linear-gradient(top,  rgba(86,191,21,1) 0%, rgba(80,177,19,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,191,21,1)), color-stop(100%,rgba(80,177,19,1)));
	background: -webkit-linear-gradient(top,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	background: -o-linear-gradient(top,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	background: -ms-linear-gradient(top,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	background: linear-gradient(to bottom,  rgba(86,191,21,1) 0%,rgba(80,177,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56bf15', endColorstr='#50b113',GradientType=0 );		
}
#topic-contents{
	float:left;
	position:relative;
	width:900px;
	height:850px;
	background: rgb(255,255,255) url(../_imgs/logo_resp.png) no-repeat 300px 400px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;	
}
#topic-contents h1{
	font-size:25px;
	text-align:center;
	line-height:45px;
	font-family:'hlvm', Helvetica, Sans Serif;
}
#topic-contents strong{
	font-weight:bold;
}
#topic-contents div{
	position:absolute;
	left:50px;
	top:50px;
	width:800px;
	height:700px;
	padding-bottom:50px;
	padding-right:25px;
	overflow-y:scroll;
	text-align:justify;
	display:none;
}
#topic-contents .topic-selected{
	display:block;
}