/**************************************/
/* Style Sheet Jan 2009 Simon Stather */
/**************************************/
    
/* Global Styles */
* { margin:0; padding:0; }
body { background-color: #8A8D8F; color: white; font-family: Tahoma, Geneva, Verdana, Arial, trebuchet ms, Helvetica,"Lucida console", "lucida grande", sans-serif; line-height: 1.4em;  font-size: 62.5%; }
h1 { font-size: 1.9em; font-weight: bold; padding: 0.3em 0; margin-top: 0.1em; color: white; font-family: Trebuchet MS, Arial; }
h2 { width:100%; font-size: 1.4em; font-weight: bold; padding: 0; margin: 0.1em 0; color: white; }
h3 { font-size: 1.2em; font-weight: 400; padding-bottom: 0.2em; color: white; width:100%; }
h4 { font-size: 1.1em; font-weight: 600; padding-bottom: 0.2em; color: white; }
p,label,li,td,dt,dd { font-size: 1.2em; line-height: 1.4em; color: #FFFFFF; padding-bottom: 0.8em; }
ul { list-style: none; }
li {   }
li.selected { color:Red; font-weight:bold; }
strong { font-style:normal; }
h1 span { }

/* input */
legend { line-height: 16px; padding:10px; color: #999999; font-style:italic; background-color:#FFFFFF; }
dl { padding: 0; margin:0; color: #333333; }
dt { clear: both; width: 300px; padding:0.4em 0 0.2em 0; float:left;}
dd { clear: both; float:left; }
select { width: 16em; } /* drop down lists */
input[type=text] { width: 16em; } /* attribute selector */


a img { border: none; }
a:link    { color:#FFFFFF; text-decoration:none; font-weight:600; }  
a:visited { color:#FFFFFF; text-decoration:none; font-weight:600; }       
a:hover   { color:#189ACC; text-decoration:none; font-weight:600; }    
a:active  { color:#FFFFFF; text-decoration:none; font-weight:600; }
a.selected { color:#FFFFFF; }
a.selected:visited { color:#FFFFFF; }

/* show and hide for javascript */
.hideDiv { display:none; } 
.showDiv { display:block; }


/* Layout Styles */

div#Container 
{
	width: 794px;
	background-color: #555555;
	margin:0 auto;
}

div#Header
{
	background-color:#000000;
	color:#FFFFFF;
	height:178px;
	
}

div#Header #HeaderLeft
{
	padding-top:60px;
	padding-left:33px;
	float:left;
	height: 63px;
	width: 161px;
}

div#Header #HeaderRight
{
	height: 63px;
	width: 580px;
	float:right;
	
	text-align:right;
}

div#Header #HeaderRight .RightTop
{
	padding-top:60px;
}

div#Header #HeaderRight .RightBottom
{
	padding-top: 47px;
	/*border-bottom: solid 1px Green;*/
}

div#Header #HeaderRight .RightBottom img
{
	margin-right: 7px;
	/*border-bottom: solid 1px Green;*/
}

div#Content
{
	background: #626366;
	padding:20px;
	color:White;
}



div#Footer   
{
	background-color:#000000;
	color:#FFFFFF;
	height:20px;
	padding:10px;
	
 }

div#Footer p { width: 560px; float: left; font-size: 9px; }
div#Footer p#registered { width: 200px; text-align: right; float: right; }


.SiteContainer
{
	width:100%;
	text-align:center;
	margin:0px auto;
}

.PageContainer
{
	width:800px;
	height:500px;
	margin:0px auto;
	
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



.Banner
{
	height:160px;
	width:798px;
	background-repeat:no-repeat;
	border-bottom: Solid 1px #A3A9A5;
	border-left: Solid 1px #A3A9A5;
	border-right: Solid 1px #A3A9A5;
}

.ContentNOT 
{
	background-image: url('../../images/contentbackground.jpg');
	background-repeat:repeat-y;
	width:800px;
}

.Left
{
	float:left;
	width:198px;
	margin-top:10px;
}

.LeftNavigation
{
	
	width:178px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

.LeftNavigation a
{
	
	width: 178px;
	display: block;
}

.LeftNavigation div div a
{

		width: 158px;
		padding-left: 20px;
}


.LeftNavigation div div div a
{
		width: 138px;
		padding-left: 40px;
}

.LeftNavigationLine,
.LeftNavigationLineSelected

{
	border-bottom: 1px solid #d5d5d5;
	margin-bottom:8px;
}

.LeftNavigationLineSelected
{
	font-weight:bold;
}

.LeftNavigationLine:hover,
.LeftNavigationLineSelected:hover
{
	background-color: Aqua;	
}
/*
.LeftNavigationText
{
	margin-bottom:5px;
}

.LeftNavigationText a
{
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
	color:#2e9836;
}
*/
.Centre
{
	width:380px;
	float:left;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
}

.Right
{
	float:right;
	width:198px;
	margin-top:10px;
	
}

.Right h2
{
	margin:0px auto;
	
	font-size:16px;
	color:black;
}


.FooterNOT
{
	width:800px;
	height:20px;
	text-align:center;
	background-color:gray;
	clear:both;
}


.RightAlignHome
{
	float:right;
	width:93px;
	height:73px;
	
}

.LeftAlignHome
{
	float:left;
	width: 650px;
	height:73px;		
}

.BlueBox,
.GreenBox,
.PurpleBox,
.YellowBox,
.OrangeBox,
.RedBox
{
	overflow:hidden;
	background-color:#404040;
	padding-top: 17px; 
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 15px 0px;
	/*display:inline-block;
	clear:both;*/
	height: 100%;
}

.BlueBox
{
	border: Solid 1px #189ACC;
}

.BlueBox h2
{
	color: #189ACC;
}

.GreenBox
{
	border: Solid 1px #8BC53F;
}

.GreenBox h2
{
	color: #8BC53F;
}

.PurpleBox
{
	border: Solid 1px #CF10CF;
}

.PurpleBox h2
{
	color: #CF10CF;
}

.YellowBox
{
	border: Solid 1px #D7CE19;
}

.YellowBox h2
{
	color: #D7CE19;
}

.OrangeBox
{
	border: Solid 1px #F7931D;
}

.OrangeBox h2
{
	color: #F7931D;
}

.RedBox
{
	border: Solid 1px #EC1C24;
}

.RedBox h2
{
	color:#EC1C24;
}

.Column1OfTwo,
.Column2OfTwo
{
	float:left;
	width:368px;


}

.Column1OfTwo
{
	margin-right: 15px;	
}

.Column1LargeOfTwo
{
	float:left;
	width:536px;
	margin-right:15px;
}

.Column2SmallOfTwo
{
	float: left;
	width:196px;
}