/* Menu background, global site font */

body
{
	background: url("../images/menubar-slice2.png") 20px 0px repeat-y;
	color: #000000;
	font: small "Lucida Grande", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	border-top: 20px solid #ffffff;
	padding: 0;
	margin: 0;
}

ul{list-style-type:none;}

#content
{
	position: absolute ;
	top: 5% ;
	padding: 0 5% 5% 300px;
}

abbr{cursor:help;}
/* Link colours */

a:hover 	{text-decoration: underline; background: transparent; color: #8C9C86;}
a:focus 	{background: transparent; color: #9C8697;}
a:active	{background: transparent; color: #9C9586;}

/* Screenshot positioning */

.screenshot
{
	border: 1px solid #666666;
	padding: 0.2em;
	margin: 0.5em;
}

.nofloatimage
{
	margin: 5px 0px;
	border: 1px solid #666666;
	padding: 0.2em;
}

.floatright
{
	float: right;
	margin: 5px 0px;
	border: 1px solid #666666;
	padding: 0.2em;
}

.floatleft
{
	float: left;
	margin: 5px 10px 5px 0px;
	border: 1px solid #666666;
	padding: 0.2em;
}

img{border:none;} /* Make sure MSIE doesn't draw a big fat blue border around images */

/* The logo part */
h1
{
	background: url("../images/header.jpg") 20px 0px no-repeat;
	color: #000000;
	height: 225px;
	padding: 0;
	margin: 0;
}

h1 span {display: none;}

/* The subheader parts */
h2
{
	background: url("../images/subheader.png") no-repeat;
	color: #000000;
	font-size: medium;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.section{clear:both; padding-bottom: 2em;} /* this bit is to prevent a page with too little content and an image to overlap */

h2 span {display: block; border-bottom: 1px solid #828284; padding-top: 5px;text-indent: 5px;}
h2 span:first-letter {font-weight: bolder; font-size: xx-large;}

/* Define menu position and button dimension */

#menu
{
	position: absolute;
	top: 235px;
	width: 251px;
	left: -20px;
}
		
#menu li 	{display: inline;}
#menu a  	{display: block; height: 30px; text-decoration: none;}
#menu span 	{display: block; text-indent: -1000px;}

/* Define menu button height and position changing on rollover*/

#about a, #forums a, #team a {height: 29px;}
#alienswarm-infested a, #alienswarm a, #nightblade a,#thievery a,#lab a {height: 62px;}
#menu a:hover,#menu li.current a {background-position: 251px 0px;}

/* Define menu button images, the li#name part is to stop flickering in MSIE */

#about a, li#about									{background-image: url("../images/about.png");}
#forums a, li#forums								{background-image: url("../images/forums.png");}
#team a, li#team									{background-image: url("../images/team.png");}
#alienswarm-infested a, li#alienswarm-infested  	{background-image: url("../images/alienswarm-infested2.png");}
#alienswarm a, li#alienswarm						{background-image: url("../images/alienswarm.png");}
#nightblade a, li#nightblade						{background-image: url("../images/nightblade.png");}
#thievery a, li#thievery							{background-image: url("../images/thievery.png");}
#lab a, li#lab										{background-image: url("../images/lab.png");}