/* NOTES FOR NEW STYLES
This template forms the base of the CSS layouts 
to position the main content first, then 
prioritise the rest of the content in the 
correct positions on the page for SEO.
*/



* {margin:0;padding:0}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
body {
	color: #000;
	position:relative;/* for ie7*/
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1em;
	text-align:left;
}
h1 
{
    font-family:Garamond, Georgia, "Times New Roman";
    font-weight:normal;
    font-style:italic;
    font-size:2.4em;
    color:#fff;
    overflow:visible;
    }
h2 
{
	font-family:Garamond, Georgia, "Times New Roman";
	font-weight:normal;
	font-style:italic;
	font-size:2.5em;
	color:#fff;
	overflow:visible;
	clear:left;
	padding: 14px 0 0 35px;
    }
h3 
{
	font-family:Garamond, Georgia, "Times New Roman";
	font-weight:normal;
	font-style:italic;
	color:fdce10;
	font-size:2em;
    }
#wrapper {width:927px;margin:0 auto;}
#outer{
	min-height:100%;
	margin:0;
	color: #000;
	background-color:#130505;
}
.outerwrap {
	float: left;
	width: 100%;
	padding-top:459px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
	background-color:#262324;
}
a img {
	border:none;
}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
form {padding:0;margin:0;}


* html #outer{height:100%;} /*IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	width:927px;
	margin:0 auto;
	height:459px;
	padding:0;
	z-index:1;
	background: transparent url(../img/topimage.jpg) no-repeat top left;
	 
}
#header #logo {position:absolute;display:block;width:100px;height:100px;cursor:pointer;border:solid 1px #000;}
#top{
	height:71px;
	background-color: #272324;
}

.title{
	margin:0 0 30px 0;
}
.yellow{
	color:#Fdce10;
	font-size: 1.3em;
}

.yellow-small{
	color:#Fdce10;
	font-size: 0.9em;
}
#topmenu 
{
	position:absolute;
	top:459px;
	margin:0 auto;
	font-family:Georgia, "Times New Roman";
	font-size:1.1em;
	font-weight:normal;
	text-align:center;
	width:927px;
	height:25px;
	margin:0;
	z-index:999;
	background-color: #060102;
    }
#topmenu a {
    color:#fff;
	width:126px;
    }
#topmenu ul li {
	display: inline-block;
	list-style:none;
	width:126px;
	height:42px;
	background: transparent url(../img/buttonbg.gif) repeat-x top left;
	font:Georgia, Times New Roman 13px #fff;
	padding:10px 0;
	float:left;
	margin-left:10px;
} 
#topmenu ul li:hover {
	background: transparent url(../img/topmenubg_on.gif) repeat-x top left;
}  
#topmenu ul {margin-top:-3px;overflow:visible;width:75%;margin-left:110px;}
#main {
	position:relative;
	padding:38px 50px 0 50px;/* clear footer*/
}
#main #centercol {
	margin:0 0 0 0;
	padding:10px 20px 10px 20px;
	font-family: Calibri, Arial;
	font-size:0.75em;
	color:#bdbbbb;
	background-color:#262324;

    }
#main #centercol .content {
	padding:20px 20px 20px 20px;
	margin-top:-8px;
	margin-bottom:10px;
	background: #161616;
    }
	
	
.title-content {
	padding:8px 20px 15px 20px;
	background-color: #060102;
    }
	
#main #centercol .content p {
    margin-bottom:10px;
    line-height:1.8em;
    text-align:justify;
    }
#main #centercol .content p.bold {
    margin-bottom:10px;
    line-height:1.8em;
    text-align:justify;
    font-weight:bold;
    color:#fff;
    letter-spacing:0.05em;
    }
#main #centercol .content a {
	filter:alpha(opacity=40);
	-moz-opacity:40;
	opacity:40;
    }
    
#main #centercol .content a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:100;
	opacity:100;
	
	}
	
	
#main #centercol .content ul {
    margin-left:40px;
    }
#main #centercol .content ul li {
    margin-bottom:10px;
    }
#nav {
	position:relative;/*ie needs this to show float */
    width:500px;
    text-align:center;
    margin:0 auto;
    float:right;
}
#nav ul {
    list-style:none;
    float:left;
    padding:0;
    margin:0 auto;
    color:#000;
}
#nav ul ul {
    list-style:none;
    padding:0;
    margin:10px 0 10px 10px;
    color:#666;
    font-weight:normal;
    width:140px;
}
#nav li {
    list-style:none;
    padding:0 0 0 10px;
    margin:0 0 12px 0;	
    float:left;
    border-left:1px solid #423737;
}
#nav ul ul li {
    list-style:none;
    padding:0;
    margin:0 0 8px 0;
}
#nav li a {
    color:#666;
}
#nav li ul li a {
    color:#999;
}
#logo {
	float:right;
	margin-top: -10px;
}

#details {
	float:right;
	height: 29px;
	width: 93px;
	background-color: #262324;
	z-index:999;
	position:relative;
	margin-bottom:20px;
}

#menu 
{
    float:left;
    margin:0 auto;
    }
#right {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:right;
	margin-right:-199px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:255px;/* to clear header*/
	left:1px;
	padding-bottom:52px;/* clear footer*/
	background-color:green;
}
 
#footer {
	width:827px;
	clear:both;
	height:25px;
	text-align:center;
	position:relative;
	margin-top:-50px;/*drag footer from below the fold*/
	padding:10px 50px;
	font-family:Verdana, Tahoma, Arial;
	font-size:0.75em;
	color:#999;
	background-color:#060102;
}
#footer a {
    color:#423737;
    margin-right:10px;
    font-size:0.8em;
    }
#footer #copyright {
	margin:0;
	font-size:0.8em;
    }
#footer p {
    font-size:0.9em;
    margin:0;
    font-weight:bold;
    clear:left;
    text-align:left;
    }
.clear{
	clear: both;
}
.star-top{
	float:right;
	position: absolute;
	left: 831px;
	top: 0px;
}

p.spacer {display:block;height:10px;width:300px;}
    
p.expand a{font-size:0.9em;color:red;} /* can be removed - example only to show columns pushing footer down*/
p.expand a:hover{display:block;height:300px;background:red;font-size:0.9em;} /* can be removed - example only to show columns pushing footer down*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
.clearall {
    clear:both;
    display:block;
    position:relative;
    width:99%;
    }

/* Page Printing */
#printLogo {
	display:none;
}

#printWebSite {
	display:none;	
}
#icons {
    position:absolute;
	top:205px;
	width:200px;
	margin:0 0 0 640px;
	height:108px;
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	height:20px;
	float:right;
	z-index:900;
	}

/* End Page Printing */


#video {
	float:left;
	z-index:50;
	width:217px;
	height:145px;
	border: solid white 2px;
	margin: 0 20px 10px 0;
}