@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
body {
    background-image: url("obcbackground.jpg");
	}

.topbar {
		text-indent: -9999999px;
		background: url("topbar.jpg");
		width:1920px;
		height:60px;
		margin-left:0px;
		margin-top: 100px;
}


.logo {
		text-indent: -9999999px;
		background: url("test.jpg");
		max-width:200px;
		height:200px;
		margin-left:20px;
}

	/*top panel*/
h1{
	font-family:arial, sans-serif;
	font-weight:600;
	height:60px;
	width:100%;
	background:#232323;
	line-height:60px;
	color:white;
}
div{
    width:295px;
	height:450px;
	background:#232323;
	margin-top:0px;
}
div a{
	text-decoration:none;
	color:white;
	padding:40px;
	padding-right:100px;
}
div ul li{
	list-style-type:none;
	display:block;
	padding:15px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}


div ul li:hover{
	background:#717171;
}

div ul a:hover{
	color:black;
}

.selected{
	background:#717171;
}

.selected a{
	color:white;
}

/*------------footer---------*/

footer{
	clear:both;
	margin-top:20px;
	border-top: 1px black;
	padding:20px 0px;
	font-size:80%;
	background:#6A6A6A;

}