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

body
{
	margin: 0;
	background-color: #5a1005;
	background-image: url(images/bg.jpg);
	background-attachment: scroll;
	
	color: #CCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

	a	{	text-decoration: none;	}

	#mainimg
	{
		width: 100%;
		position: absolute;
		background-image: url(images/bgh.jpg);
		background-repeat: repeat-x;
		left: 0; top: 0;
	}
	
#title
{
	position: absolute;
	top: 190px; left: 340px;
	
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 60pt;
	letter-spacing: -3px;
	text-transform: lowercase;
}

#subtitle
{
	position: absolute;
	top: 255px; left: 340px;
	width: 500px;
	
	color: #e0d86b;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: -2px;
	font-size: 20pt;
	text-transform: lowercase;
}

#topnav
{
	position: absolute;
	top: 290px; left: 340px;
	
	font-size: 14pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CCC;
}

	#topnav a
	{
		color: #999;
	}
	
	#topnav a:hover
	{
		color: #CCC;
	}
	
#navigation
{
	position: absolute;
	top: 380px;	left: 70px;
	width: 250px;
	color: #CCC;
}

	#navigation h1
	{
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		margin-top: 20px; margin-bottom: 0px;
		font-size: 14pt;
		text-align: center;
		color: #F90;
		font-weight: normal;
		text-transform: uppercase;
		width: 100%;
	}
	
	.n
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		padding: 10px;
		text-align: justify;
		background-image: url(images/bgn2.png);
		width: 90%;
	}
	
	#navigation a
	{
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7.5pt;
		display: block;
		width: 46%;
		color: #FC6;
		text-align: center;
		margin: 2px;
		padding: 2px;
		
		float: left;
		background-image: url(images/bgp.png);
		
	}
	
		#navigation a:hover
		{
			color: #FFF;
			background-image: url(images/bgn2.png);
		}

	#navigation h1, #navigation .n
	{
		float: left;
	}

#main
{
	position: absolute;
	top: 310px; left: 340px;
	width: 600px;
	padding-bottom: 10px;
	
	background-image: url(images/bgm.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	
}

	#main h1
	{
		color: #F90;
		font-size: 20pt;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		margin-bottom: 0;
		margin-top: 30px;
	}
	
	.h
	{
		border-left: 1px solid #FC9;
		margin-left: 20px;
		padding-left: 20px;
		color: #FC9;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align: justify;
	}
	
	#main h2
	{
		margin-top: 30px;
		margin-bottom: 0;
		color: #fff56e;
		font-size: 18pt;
		text-align: center;
		font-weight: normal;
		font-family: "Times New Roman", Times, serif;
	}
	
		#main h3
		{
			margin-top: 0;
			margin-bottom: 2px;
			font-size: 7pt;
			font-family: Tahoma, Geneva, sans-serif;
			font-weight: normal;
			text-align: center;
			text-transform: uppercase;
			border-bottom: 1px solid #000;
		}
		
	.p
	{
		background-image: url(images/bgp.png);
		padding: 10px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		b, strong	{	color: #F93;	font-family: Tahoma, Geneva, sans-serif;	}
		i, em		{	color: #F99;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	}
		u			{	color: #CCC;	}
		
		#main a
		{
			color: #FFF;
			background-color: #600;
			text-transform: uppercase;
			font-family: "Courier New", Courier, monospace;
		}
		
			#main a:hover
			{
				color: #F90;
				background-color: #530000;
			}
			
		blockquote
		{
			background-image: url(images/bgn.png);
			border-right: 30px solid #600;
			padding: 15px;
			font-family: "Times New Roman", Times, serif;
			font-size: 9pt;
		}
		
		input, textarea, button, select, option
		{
			background-color: #600;
			border: 1px solid #C00;
			padding: 2px; margin: 2px;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 9pt;
			color: #999;
		}
		
		#main img, #navigation img
		{
			margin: 5px;
		}