/* Fonts, colors and various elements */

:focus
{
	outline: 0;
}

body
{
	font-family: arial, helvetica, sans-serif;
	background: black url(pic/bg.gif) top repeat-x scroll;
	color: white;
}

h1
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 55px;
	text-align: left;
	margin: 0;
}

h2
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	text-align: left;
	margin: 0;
}

h3
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	margin-top: 22px;
	color: #007;
}

a
{
	color: #fff;
}

a img
{
	border: none;
}

.contentbox
{
	margin: 0 22px 22px;
	padding: 11px 22px 22px;
	min-width: 550px;
}

.contentbox a
{
	color: #04f;
}

.contentbox a:visited
{
	color: #727;
}

.videobox
{
	margin: 11px;
	display: -moz-inline-stack; /* Firefox */
	display: inline-block; /* Opera, IE 8*/
	/* IE 6, 7 workaround */
	*zoom: 1;
	*display: inline;
}

#footer
{
	font-family: verdana, arial, helvetica, sans-serif;
}

.footer_left
{
	float: left;
	margin: 0 22px 0;
}

.footer_right
{
	float: right;
	margin: 0 22px 0;
}

table.overview
{
	margin-right: 22px;
}

table.overview p
{
	margin: 0.2em 22px 0.2em;
}

table.overview h3
{
	margin: 0 22px 0.8em;
}

.header
{
	padding: 11px 0 22px 22px;
	min-width: 500px;
}

.thin_space
{
	font-size: 35%;
}

.logo
{
	height: 48px;
	position: relative;
	top: 5px;
	margin-right: 0.2em;
}

.buttonbox
{
	position: absolute;
	right: 22px;
	top: 28px;
	width: 90%;
	text-align: right;
}

.button_icon
{
	position: absolute;
	top: 11px;
	left: 11px;
}

.slideshow
{
	float: left;
	position: relative;
	margin: 0 3% 0 0;
}

li
{
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 0.6em;
}

.news_panel
{
	float: right;
	position: relative;
	margin:0 2% 0 3%;
	width: 20%;
}

ul.news
{
	padding-left: 0;
}