@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 14px;
}

a img {
	border: none;
}

.outer_container {
	width: 720px;
	background-color: #666666;
	padding: 50px;
	margin: auto;
}

.inner_container {
	background-color: #323030;
}

.active_section {
	color: #FFFFFF;
	text-decoration: none;
}

.header {
	color: #7b7a7a;
	width: 684px;
	padding-top: 35px;
	padding-bottom: 25px;
	padding-left: 18px;
	padding-right: 18px;
	background-color: #000000;
}

.header a {
	color: #7b7a7a;
	text-decoration: none;
}

.header a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	
}

.header #name {
	color: #FFFFFF;
}

.header #left {
	float: left;
}

.header #right {
	float: right;
}

.header #nav {
	color: #FFFFFF;
	margin-top: 15px;
	font-size: 12px;
}

.body {
	padding: 15px;
}

.body #leftcol {
	width: 140px;
	display: block;
	float: left;
	padding-left: 5px;
}

.body #leftcol img {
	padding: 3px;
}

.body #leftcol img:hover {
	padding: 0px;
	border: 3px solid #FFF;
}

.body #leftcol img#active {
	padding: 0px;
	border: 3px solid #CCC;
}

.body #rightcol {
	float: right;
	width: 520px;
	display: block;
	border-left: 1px solid #7b7a7a;
	padding-left: 15px;
}

.endcap {
	height: 1px;
	clear: both;
}

#rightcol p {
	background-image: url(images/arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 15px;
}