/* --------------------------------------*/
/* --    styling elements			   --*/
/* --------------------------------------*/
/*general elements*/
html, body {
	height: 100%;
}

body {
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#fff;
	background:#000;
}

h1{
	font-family: Trebuchet MS;
	font-size: 1.9em;
	margin-top:30px;
	text-align: left !important;
	line-height: 1.3em;
	color:#ddd;
}

h2{
	font-family: Trebuchet MS;
	font-size: 1.5em;
	margin-top:25px;
	text-align: left !important;
	line-height: 1.3em;
	color:#ddd;
}

a{
	color:#66cccc;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}



/*header with logo*/
#header{
	width: 100%;
	height: 200px;
	background: url(../images/header_bg.gif) repeat;
}

#header-content{
	width: 760px;
	height: 200px;
	margin: 0px auto;
	background: url(../images/logo.jpg) top right no-repeat;

}

/* navigation */
#navigation{
	width: 100%;
	height: 30px;
	background: #000;
}

#navigation-content{
	width: 760px;
	height: 30px;
	margin: 0px auto;
	font-size: 1.4em;
	text-align: left;
}

#navigation-content ul
{
	padding: 0;
	margin: 0;
	float: left;
	width: 400px;
}
#navigation-content ul li { 
	display: inline; 
	height: 30px;
}

#navigation-content ul li a
{
	padding: 5px 20px;
	color: #ddd;
	text-decoration: none;
	height: 20px;
	float: left;
}

#navigation-content ul li a:hover
{
	background-color: #031115;
	color: #ddd !important;
	height: 20px;
}
.active, .active a
{
	background-color: #143c48;
	color: #ddd !important;
	height: 20px;
}


#mail, #mail a{
	float:right;
	width: auto;
	text-align: right;
	font-size: 10px;
	padding-top: 7px;
	color:#aaa !important;
	
}

/*main site content*/
#site{
	width: 100%;
	min-height: 400px;
	height: auto;
	background: url(../images/content_bg.jpg) #031115 repeat-x;
}

#site-content{
	width: 660px;
	height: auto;
	padding: 30px 20px;
	margin: 0px auto;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: justify;
	color:#ddd;
}

.news td{
	width: 220px;
	padding: 0px 10px;
	vertical-align: top;
	text-align: justify;
}

#footer{
	height: 50px;
	bottom: 0px;
}
#footer-content{
	width: 700px;
	padding-top: 10px;
	color:#666;
	text-align: left;
	margin: 0px auto;
}