/* globals
------------------------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
}

body
{
	height: 100%;
	background: #757575;
	overflow: auto;
	font: 0.75em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif !important;
	padding-bottom: 2.5em;
	_padding-bottom: 0;
}

img
{
	border: 0;
}

a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none !important;
}

a:hover, .active
{
	color: #aaaaaa;
	text-decoration: underline !important;
}

.nolink:hover, .logo:hover
{
	color: #eeeeee;
	text-decoration: none !important;
}

.logo
{
	font-family: Helvetica,Verdana,"Trebuchet MS",Arial,sans-serif !important;
	font-weight: normal !important;
}

table
{
	width: 100%;
}


/* header
------------------------------------------------------------------*/
#header
{
	width: 100%;
	height: 5em;
	_height: 1.5em;
	position: fixed;
	top: 0;
	color: #dddddd;
	background-color: #444444;
	border-bottom: #ffffff 1px solid;
}

#header #left
{
	width: 18%;
	float: left;
	background-color: #000000;
	font-size: 2.5em;
	line-height: 2em;
/*	_line-height: 1.5em;*/
	text-align: center;
	border-right: #ffffff 1px solid;
}

#header #right
{
	width: 54%;
	height: 5em;
	_height: 1.5em;
	float: left;
	padding: 3em 4% 0 4%;
	_padding: 3em 4% 0 4%;
}


/* content
------------------------------------------------------------------*/
#index
{
	margin-top: 5em;
}

#latest img, #stories img
{
	margin: 0 2em 3em 0;
}

#view
{
	margin-top: 1em;
	_margin-top: 4.5em;
}

#features, #bio
{
	margin-top: 5em;
	font-size: 1.1em;
	font-weight: bold;
}

#features p, #bio p
{
	margin-bottom: 1em;
}

#stories
{
	font-size: 0.9em;
}

#stories p
{
	margin-bottom: 0;
}

#bio, #latest
{
	margin-top: 5em;
}

.bio, .news, .contact, .about
{
	font-size: 0.9em;
	text-align: justify;
}

#bio h2
{
	text-align: right;
	margin-bottom: 0.5em;
}

#main
{
	color: #dddddd;
	width: 100%;
/*	padding-top: 7.5em;*/
/*	_padding-top: 2em;*/
}

#text
{
	width: 370px;
	height: 330px;
	overflow: auto;
	border-top: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	margin-top: 3px;
	margin-bottom: 3px;
}

#image
{
	margin-top: 3px;
	margin-bottom: 3px;
}


/* footer
------------------------------------------------------------------*/
#footer
{
	width: 100%;
	height: 2em;
	position: fixed;
	_position: absolute;
	bottom: 0;
	color: #eeeeee;
	background-color: #444444;
	border-top: #ffffff 1px solid;
	line-height: 2em;
	font-weight: bold;
	text-align: center;
}