body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#000000;
	color:#4D4D4D;		
	margin:0;
	padding:0;
}

#wrapper {
	margin:auto;
	width:990px;
}

#header {
	height:83px;
	margin:0 25px;
}

#navigation {
	background:transparent url(../images/navigation.png) repeat-x scroll 0 0;
	height:39px;
	margin:0 25px;
}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height:39px;
	margin-left:15px;
}

#navigation ul li {
	vertical-align:bottom;
	float:left;
	text-align:center;
}

#navigation ul li.on {
	background:transparent url(../images/navigation-right.png) no-repeat scroll 100% 0;
	height:39px;
	line-height:33px;
}

#navigation ul li.on div.link {
	background:transparent url(../images/navigation-left.png) no-repeat scroll 0 0;
	text-align:center;
	width:100%;
	height:100%;	
}

#navigation ul li.on a {
	color:#FFFFFF;
}

#navigation ul li.off {
	height:34px;
	line-height:34px;
	margin-top:5px;
}

#navigation ul li a {
	font-family:Century Gothic,Helvetica,sans-serif;
	font-size:13px;
	color:#CCCCCC;
	text-decoration:none;
	padding:0 15px;
	display:inline-block;
}

#navigation ul li:hover a {
	color:#FFFFFF;
	text-decoration:none;
}

#navigation ul li .selector {
	background:transparent url(../images/selector.png) no-repeat scroll 50% 0;
	width:59px;
	height:3px;
	position:relative;
	z-index:2;
	top:-7px;
}

#navigation ul li.off .selector {
	display:none;
}

#navigation ul li.off:hover .selector {
	display:block;
}

#content {
	background:#838383;
	margin:143px 25px 0 25px;
	padding:2px;
}

#content .column-1 {
	background:transparent url(../images/column-shadow-black.png) repeat-y scroll 0 0;
	width:75%;
	vertical-align:top;
	padding:10px 20px;
}

#content .column-1 .article .title {
	background:transparent url(../images/title-icon-white.png) no-repeat scroll 0 0;
	border:solid 1px #eaeaea;
	margin:5px 0 10px;
	padding:2px 4px 4px 30px;
	font-size:135%;
	font-weight:bold;
}

#content .column-1 .article .content {
	background:#f3f3f3;
	border:solid 1px #eaeaea;
	padding:5px;
}

#content .column-1 .article .content a {
	text-decoration:none;
	border-bottom:dotted 1px;
}

#content .column-1 .article .content a:hover {
	text-decoration:none;
	border-bottom:dashed 1px;
}

#content .column-2 .block .title {
	background:transparent url(../images/block-icon-black.png) no-repeat scroll 0 0;
	border:solid 1px #252525;
	margin:5px 0 10px;
	padding:2px 4px 4px 30px;
	font-size:135%;
}

#content .column-2 .block .content {
	border:solid 1px #252525;
	padding:5px;
}

#content .column-2 {
	background:transparent url(../images/column-shadow-white.png) repeat-y scroll 0 0;
	vertical-align:top;
	padding:10px 20px;
}

#content .column-2 .accent {
	height:1px;
}

#content .column-2 .accent-left {
	background:transparent url(../images/accent-left.png) no-repeat scroll 0 0;
	width:60px;
	height:1px;
	float:left;
}

#content .column-2 .accent-right {
	background:transparent url(../images/accent-right.png) no-repeat scroll 0 0;
	width:60px;
	height:1px;
	float:right;
}

#content .menu a {
	background:transparent url(../images/title-icon-black.png) no-repeat scroll 0 0;
	margin:10px 0;
	padding:2px 4px 4px 30px;
	line-height:25px;
	text-decoration:none;
}

#content .menu a:hover, #content .menu a.on {
	padding:2px 4px 4px 40px;
}

#footer {
	margin:10px 25px 0 25px;
	text-align:center;
	color:#f3f3f3;
}

#footer a {
	text-decoration:none;
	border-bottom:dotted 1px;
}

#footer a:hover {
	text-decoration:none;
	border-bottom:dashed 1px;
}
