body
{
	background-color: #9bb6c9;
	background-image: url(../images/tile.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	background-position: center 20px;
	color: #FFF;
	font-family: Arial, Helvetica, Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
hr
{
	width: 800px;
	height: 10px;
	
	background-color: #dac120;
		clear: both;

}

.question { text-indent: 0px;

}
.answer { text-indent: 0px; color: #ccc; margin-bottom: 0px; }

#container
{
	width: 960px;
	margin: 0 auto 0 auto;
	background-image: url(../images/bg-main.jpg);
	background-repeat: no-repeat;
	background-position: 0 75px;
}
#navigation
{
	background-image: url(../images/spritesheet-top.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 75px;
	float: left;
}
#navigation ul
{
margin: 0;
padding: 0;
list-style: none;
}

#navigation ul li
{
	float: left;
	list-style: none;
	text-indent: 0;
}

#navigation ul li a
{
	background-image: url(../images/spritesheet-top.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 75px;
	display: block;
	float: left;
	text-indent: -999em;
	margin: 0;
	padding: 0;

}
#navigation ul li a:hover

{
	background-position: 0 -76px;

}

#navigation ul li a.home
{
	width: 332px;
	background-position: 0 0;
}

#navigation ul li a.read
{
	width: 322px;
	background-position: -332px 0;
}
#navigation ul li a.competition
{
	width: 182px;
	background-position: -654px 0;
}
#navigation ul li a.vault
{
	width: 124px;
	background-position: -836px 0;
}

#navigation ul li a.home:hover, #navigation ul li a.home-active
{
	width: 332px;
	background-position: 0 -76px;
}

#navigation ul li a.read:hover, #navigation ul li a.read-active
{
	width: 322px;
	background-position: -332px -76px;
}
#navigation ul li a.competition:hover, #navigation ul li a.competition-active
{
	width: 182px;
	background-position: -654px -76px;
}
#navigation ul li a.vault:hover, #navigation ul li a.vault-active
{
	width: 124px;
	background-position: -836px -76px;
}

a { color: #fff;
text-decoration: underline; }

#content 
{
	width: 845px;
	margin: 40px;
	clear: both;
}

#content-header {
	width: 845px;
	height: 74px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/header-about.gif) 0 0 no-repeat;
	}

#content-content strong
{
	text-decoration: none;
	text-transform: uppercase;
	background-color: #dac120;
	line-height: 20px;
	color: #000;
	border-color: #dac120;
	border-width: 2px;
	border-style: solid;
}

#content-textual
{
	float: left;
	width: 500px;
	
}

#vault-block {
	width: 787px;
	height: 225px;
	background-color: #000;
	padding: 10px;
	background-color: #8a7a16;
}

#vault-footer
{
	width: 797px;
	height: 30px;
	background-color: #8a7a16;
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	padding: 5px;
	float: left;
}
#vault-block h2
{
	width: 750px;
	color: #FFF;
	font-size: 18px;
	float: left;
	text-transform: uppercase;


}
#vault-block p
{
	width: 345px;
	color: #FFF;
	font-size: 12px;
	float: left;
}
#vault-block .web
{
	float: left;
	margin: 0 50px 0 20px;
	padding: 0;
}

#vault-block .book
{
	float: left;
	padding: 0;
	margin: 0;
}

#content-footer h2 {
	width: 845px;
	height: 76px;
	margin: 0;
	text-indent: -999em;
	overflow: hidden;
	}
	
	#content-footer h2#footer-first {
		background: url(../images/footer-first.gif) 0 0 no-repeat;
		}
		
	#content-footer h2#footer-about {
		background: url(../images/footer-about.gif) 0 0 no-repeat;
		}
	
	#content-footer h2#footer-competition {
		background: url(../images/footer-competition.gif) 0 0 no-repeat;
		}
		
	#content-footer h2#footer-vault {
		background: url(../images/footer-vault.gif) 0 0 no-repeat;
		}

#vault-footer a { text-decoration: none; color: #fff;
border: 0;}
#vault-footer .web
{
	float: left;
	width: 235px;
	margin: 0 50px 0 20px;
	padding: 0;
}
#vault-footer .info
{
	float: left;
	width: 345px;
	margin: 0;
	padding: 0;
}


#vault-footer .book
{
	float: left;
	width: 108px;
	padding: 0;
	margin: 0;
}
#content-content
{
	width: 805px;
	min-height: 200px;
	background-color: #2b2616;
	padding: 20px;
}
#content-content img
{
	float: left;
	margin: 0 10px 10px 0;
}

#content-content br {
	clear: both;
	}
	
	
#visit-faber
{
	color: #000;
	font-size: 12px;
	margin: 5px 0 5px 5px;
	text-align: center;
}
#visit-faber a
{
	color: #000;

}
