﻿html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	background-color: #8f8c86;
	line-height: 1.25;
}

div.SideBarPanel {
	background: #fff url('../Gfx/PanelBg.png') repeat-x scroll left bottom;
}

div#Header {
	margin-bottom: 0;
	clear: both;
	height: 49px;
	background: #5c747d url('../Gfx/TopHeaderBg.png') repeat-x scroll left top;
	border: solid #57727a 2px;
	border-left: none;
	border-right: none;
}

div#Header table.HeaderTable {
	width: 100%;
}

div#Header table.HeaderTable td {
	padding: 0px 1px;
}

div#Header .BetaImage,
div#Header .TopLogoImage {
	border: none;
}

div#Header table.HeaderTable td a {
	color: #c9dbe3;
}

div#Header table.HeaderTable td.BetaImageCell {
	width: 2%;
}

div#Header table.HeaderTable td.LogoCell {
	width: 18%;
}

div#Header table.HeaderTable td.MainButtonsCell {
	text-align: center;
	width: 50%;
}

div#Header table.HeaderTable td.MainButtonsCell a {
	display: inline-block;
	padding: 1px 3px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border-right: dotted #b9b9b9 1px;
	padding-right: 5px;
}

div#Header table.HeaderTable td.MainButtonsCell a.Last {
	border-right: none;
}

div#Header table.HeaderTable td.LinksCell {
	width: 30%;
}

div#Header table.HeaderTable td.LinksCell table {
	margin-left: auto;
	margin-right: 0px;
}

div#Header table.HeaderTable td.LinksCell a {
	color: #c9dbe3;
}

div#Header table.HeaderTable td.LinksCell .Separator {
	color: #a3b2b8;
}

div#Header table.HeaderTable td .LanguageLabelCell {
	color: #76b5cc;
}

div#HeaderContents {
	margin: 0 auto;
	width: 998px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#MiddleContainer {
	background: #fff url('../Gfx/MiddleTextureGradient.png') repeat-x scroll left top;
}

div#Middle {
	margin: 0 auto;
	width: 998px;
	clear: both;
}

/* Makes div#Middle expand its height. */
div#Middle:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

div#SideBar {
	float: left;
	width: 181px;
	padding: 5px;
	background-color: #f0f0f0;
	border: solid #aaa 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#Contents {
	float: right;
	width: 799px;
}

div#Footer {
	clear: both;
	padding-bottom: 10px;
	overflow: hidden;
	background: #8e8b85 url('../Gfx/FooterBg.png') repeat-x scroll left top;
}

div#FooterContents {
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	width: 998px;
	overflow: hidden;
	font-size: 11px;
}

div#FooterContents span,
div#FooterContents a {
	color: #e9e9e9;
}

div#FooterContents .Credits,
div#FooterContents .Copyright,
div#FooterContents .Links {
	padding: 5px 7px;
	width: 31%;
}

div#FooterContents .Copyright .SiteDescription {
	font-weight: normal;
	margin-top: 5px;
	text-align: center;
}

div#FooterContents .Copyright .SiteDescription span {
	font-size: 9px;
	color: #e0e0e0;
}

div#FooterContents .Credits,
div#FooterContents .Links {
	padding: 0;
}

div#FooterContents .FooterSectionContainer {
	padding: 5px 7px;
}

div#FooterContents .Credits .FooterSectionContainer,
div#FooterContents .Links .FooterSectionContainer {
	display: inline-block;
	background: #65635d url('../Gfx/FooterHeaderBg.png') repeat-x scroll left top;
}

div#FooterContents .Credits {
	float: left;
}

div#FooterContents .Credits table td {
	padding: 0;
}

div#FooterContents .Credits table td a {
	display: block;
}

div#FooterContents .Credits table td.CreditsLabel {
	font-weight: bold;
	padding-right: 5px;
}

div#FooterContents .Credits table td.Separator {
	color: #e9e9e9;
}

div#FooterContents .Credits table td.FreeImagesCoUk,
div#FooterContents .Credits table td.FamFamFam {
	padding-top: 1px;
}

div#FooterContents .Copyright {
	float: left;
	text-align: center;
	font-weight: bold;
}

div#FooterContents .Links {
	float: right;
	text-align: right;
}

/* ----------------------------------------------------- BEGIN: IE ------------------------------------------------------*/

.ie div#FooterContents .Credits .FooterSectionContainer,
.ie div#FooterContents .Links .FooterSectionContainer {
	display: inline;
}

.ie div#FooterContents .Credits .FooterSectionContainer *,
.ie div#FooterContents .Links .FooterSectionContainer * {
	vertical-align: middle;
}

/* ----------------------------------------------------- END: IE ------------------------------------------------------*/

/* ----------------------------------------------------- BEGIN: IE 6 -----------------------------------------------------*/

.ie6 div#Header {
	padding: 0;
	margin: 0;
}

.ie6 div#HeaderContents {
	padding-top: 4px;
	padding-bottom: 4px;
}

.ie6 div#Header table.HeaderTable td.MainButtonsCell a {
	line-height: 14px;
}

/* ----------------------------------------------------- END: IE 6 ------------------------------------------------------*/
