html, body
{
	background-image: url("../img/bg.png");
	padding: 20px;
	font-family: verdana;
	font-size: 10pt;
}


/*******************************************************
 MAIN CSS | ID'S
********************************************************/

	#wrapper
	{
		width: 817px;
		margin: 0px auto;
	}

	#top
	{
		width: 870px;
		height: 109px;
		background-image: url("../img/top.png");
	}

	#logo
	{
		width: 870px;
		height: 143px;
		background-image: url("../img/logo.png");
	}

	#menu
	{
		width: 870px;
		height: 43px;
		background-image: url("../img/menu_bg.png");
	}

	#sub
	{
		width: 870px;
		height: 53px;
		background-image: url("../img/sub_bg.gif");
		color: #636363;
	}

	#container
	{
		width: 870px;
		background-image: url("../img/content_bg.png");
		color: #636363;
	}

	#content
	{
		width: 580px;
		margin: 0px;
		padding: 20px;
		float: left;
		line-height: 12pt;
	}

	#content_right
	{
		width: 100px;
		float: left;
		margin: 20px;
		font-size: 8pt;
	}
	
	#box_top
	{
		width: 171px;
		height: 18px;
		background-image: url("../img/box_top.png");
	}
	
	#box_content
	{
		padding: 0px 10px 1px 10px;
		width: 151px;
		background-image: url("../img/box_content.png");
	}
	
	#box_bottom
	{
		width: 171px;
		height: 18px;
		background-image: url("../img/box_bottom.png");
	}
	
	#footer
	{
		margin: 20px 20px 0px 20px;
		text-align: center;
		padding: 10px;
		border-top: 2px solid #d2d2d3;
		color: #b3b3b4;
	}
	
	#bottom
	{
		width: 870px;
		height: 15px;
		background-image: url("../img/bottom_bg.png");
		background-repeat: no-repeat;
	}
	
	
/*******************************************************
 SECONDARY CSS | CLASSES
********************************************************/

	.top-news
	{
		float: left;
		padding: 20px 0px 0px 20px;
		width: 260px;
	}
	
	.news
	{
		width: 150px;
		margin-bottom: 20px;
		line-height: 15px;
	}

	.left
	{
		float: left;
	}
	
	.right
	{
		float: right;
	}
	
	.clear
	{
		clear: both;
	}
	

/*******************************************************
 INPUT, SUBMIT, TEXTARE
********************************************************/
	
	#content textarea
	{
		border: 1px solid #CCCCCC;
		width: 250px;
		height: 160px;
	}
	
	#content input.inputNormal
	{
		border: 1px solid #CCCCCC;
		width: 185px;
		padding: 2px;
	}
	
	#content select
	{
		border: 1px solid #CCCCCC;
		width: 256px;
		padding: 2px;
	}
	
	#content input.submit
	{
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
		font-weight: bold;
		cursor: pointer;
	}
	
	

/*******************************************************
 HEADERS
********************************************************/
	
	#top h3
	{
		margin: 0px;
		padding: 0px;
	}
	
	#content h1, #content_right h1
	{
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 14pt;
		text-transform: uppercase;
	}
	
	#box_content h1
	{
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 12pt;
		text-transform: uppercase;		
	}
	
	

/*******************************************************
 UL , LI, P, IMG
********************************************************/

	#top ul
	{
		list-style: none;
		margin: 0px;
		padding: 5px 0px 0px 10px;
	}

	#menu ul
	{
		list-style: none;
		margin: 0px;
		padding: 7px;
	}

	#menu li
	{
		float: left;
	}

	#sub ul
	{
		list-style: none;
		margin: 0px;
		padding: 12px 0px 0px 15px;
	}

	#sub li
	{
		float: left;
		margin-left: 3px;
	}
	
	#content p
	{
		font-size: 8pt;
	}

	img
	{
		border: none;
	}
	
/*******************************************************
 LINKS
********************************************************/

	#top h3 a, #top li a:hover
	{
		color: #636363;
		text-decoration: underline;
	}

	#top li a, #top h3 a:hover
	{
		color: #636363;
		text-decoration: none;
	}

	#menu a
	{
		display: block;
		padding: 10px 20px 10px 20px;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}

	#menu a:hover
	{
		display: block;
		padding: 10px 20px 10px 20px;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: underline;
	}

	#menu a.active
	{
		display: block;
		padding: 10px 20px 10px 20px;
		background-color: #dadada;
		color: #636363;
		font-weight: bold;
		text-decoration: none;
	}

	#sub a
	{
		font-size: 8pt;
		color: #636363;
		text-decoration: none;
	}

	#sub a:hover
	{
		font-size: 8pt;
		color: #636363;
		text-decoration: underline;
	}

	#sub a.active
	{
		font-size: 8pt;
		color: #636363;
		text-decoration: underline;
		font-weight: bold;
	}
	
	#content a
	{
		color: #636363;
		text-decoration: underline;	
	}
	
	#content a:hover
	{
		color: #636363;
		text-decoration: none;	
	}
	
	.news a
	{
		color: #636363;
		font-weight: bold;
	}
	
	
	.news a:hover
	{
		color: #636363;
		font-weight: bold;
		text-decoration: none;
	}
	
	#footer a
	{
		color: #b3b3b4;
	}
	
	#footer a:hover
	{
		color: #b3b3b4;
		text-decoration: none;
	}