@charset "utf-8";

body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#C8C8C8;
	margin:0px;
	background-color:#333333;

	
}




h1 {
	
	margin:0px 0px 0px 0px;
	padding:9px 0px 0px 0px;
	font-size:8pt;
	font-weight:bold;	
}

p {
	margin:0px; 
	font-size:8pt; 
	line-height:14px;
}
p a{color:#FFFFFF; text-decoration:none;}
p a:link{color:#FFFFFF; text-decoration:none;}
p a:hover{color:#FFFFFF; text-decoration:underline;}


ul {

}

li { 
	margin:0px; 
	font-size:8pt; 
	line-height:14px;
}

.largeType {
	
	font-size:14pt;
	line-height:18pt; 
	color:#F5F5F5;
	font-weight:100;

}


.siteZone {
	width:1000px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;

}

#backgroundLayer {
	position:absolute;
	z-index:2;
	width:1000px;
}

#contentLayer {
	position:absolute;
	top:40px;
	z-index:3;
	width:1000px;

}

#flashcontent {

	width:1200px;
	height:800px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;

	z-index:1;
}


#loginLayer {
	position:absolute;
	top:200px;
	z-index:100;
	width:1000px;

}

.loginBoxZone {
	
	width:400px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/backgrounds/black75pct.png);
		
	}



.header {
	width:984px;
	margin:0px 0px 10px 0px;
	padding:8px;
	
	}
	
	
.header .logo {margin-bottom:10px;}
	
	
.header	.strapline {
	color:#FFFFFF;
}

.COLW1{
	float:left;
	width:150px;
	height:100px;
	overflow:visible;
	padding:8px;
}

.COLW2{
	float:left;
	width:316px;
	height:100px;
	overflow:visible;	
	padding:8px;
	margin-top:30px;
}


.COLW3{
	float:left;
	width:482px;
	height:100px;
	overflow:visible;
	padding:8px;
	margin-top:30px;
}

.COLW4{
	float:left;
	width:618px;
	padding:8px;
	margin-top:30px;
}

.mainMenuArea {
	float:left;
	width:150px;
	margin:9px 0px 20px 0px;
	overflow: hidden;
}

.mainMenuArea .menuItem{float:left; width:150px; height:12px; padding:5px 0px 4px 0px ;margin:0px 0px 8px 0px; border-bottom:#C8C8C8 dotted 1px; color:#C8C8C8;}
.mainMenuArea .menuItem a{color:#C8C8C8; text-decoration:none;}
.mainMenuArea .menuItem a:link{color:#C8C8C8; text-decoration:none;}
.mainMenuArea .menuItem a:hover{color:#FFFFFF; text-decoration:none;}

.mainMenuArea .menuItemSelected{float:left; width:150px; height:12px; padding:5px 0px 4px 0px ;margin:0px 0px 8px 0px; border-bottom:#C8C8C8 dotted 1px; color:#FFFFFF;}
.mainMenuArea .menuItemSelected a{color:#FFFFFF; text-decoration:none;}
.mainMenuArea .menuItemSelected a:link{color:#FFFFFF; text-decoration:none;}
.mainMenuArea .menuItemSelected a:hover{color:#FFFFFF; text-decoration:none;}


.mainMenuArea .subMenuArea {
	float:left;
	width:138px;
	margin:12px 0px 12px 12px;
}

.mainMenuArea .subMenuArea .subMenuItem{float:left; width:130px; padding:1px 0px 1px 0px; margin:0px 0px 2px 0px; color:#C8C8C8;}
.mainMenuArea .subMenuArea .subMenuItem a{color:#C8C8C8; text-decoration:none;}
.mainMenuArea .subMenuArea .subMenuItem a:link{color:#C8C8C8; text-decoration:none;}
.mainMenuArea .subMenuArea .subMenuItem a:hover{color:#FFFFFF; text-decoration:none;}

.mainMenuArea .subMenuArea .subMenuItemSelected{float:left; width:130px; padding:1px 0px 1px 0px; margin:0px 0px 2px 0px; color:#FFFFFF;}
.mainMenuArea .subMenuArea .subMenuItemSelected a{color:#FFFFFF; text-decoration:none;}
.mainMenuArea .subMenuArea .subMenuItemSelected a:link{color:#FFFFFF; text-decoration:none;}
.mainMenuArea .subMenuArea .subMenuItemSelected a:hover{color:#FFFFFF; text-decoration:none;}

.imageMenuArea{
	float:left;
	width:150px;
}


.imageMenuArea .title {
	float:left;
	width:150px;
	height:22px;
	padding:4px 0px 4px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	border-top:#CCC dotted 1px;
	color:#FFF;
	overflow:hidden;
}


.imageMenu{
	float:left;
	width:150px;
	padding:4px 0px 8px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
}



.imageMenu .menuItem{
	float:left;
	width:12px;
	margin:0px 2px 2px 0px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:6pt;
	font-weight:bold;
	padding: 2px;
	height: 12px;

}

.imageMenu .menuItem a{color:#999999; text-decoration:none;}
.imageMenu .menuItem a:link{color:#999999; text-decoration:none;}
.imageMenu .menuItem a:hover{color:#FFFFFF; text-decoration:none;}


.imageMenu .menuItemSelected{
	
	float:left;
	width:12px;
	margin:0px 2px 2px 0px;
	color:#999999;
	background-color:#FFCC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:6pt;
	font-weight:bold;
	padding: 2px;
	height: 12px;

}

.imageMenu .menuItemSelected a{color:#333333; text-decoration:none;}
.imageMenu .menuItemSelected a:link{color:#333333; text-decoration:none;}
.imageMenu .menuItemSelected a:hover{color:#333333; text-decoration:none;}




.docsMenuArea{
	float:left;
	width:150px;
}


.docsMenuArea .title {
	float:left;
	width:150px;
	height:22px;
	padding:4px 0px 4px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	border-top:#CCC dotted 1px;
	color:#FFF;
	overflow:hidden;
}


.docsMenu{
	float:left;
	width:150px;
	padding:4px 0px 8px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
}



.docsMenu .menuItem{
	float:left;
	width:12px;
	margin:0px 2px 2px 0px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	padding: 2px;
	height: 12px;

}

.docsMenu .menuItem a{color:#999999; text-decoration:none;}
.docsMenu .menuItem a:link{color:#999999; text-decoration:none;}
.docsMenu .menuItem a:hover{color:#FFFFFF; text-decoration:none;}


.docsMenu .menuItemSelected{
	
	float:left;
	width:12px;
	margin:0px 2px 2px 0px;
	color:#999999;
	background-color:#FFCC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	padding: 2px;
	height: 12px;

}

.docsMenu .menuItemSelected a{color:#333333; text-decoration:none;}
.docsMenu .menuItemSelected a:link{color:#333333; text-decoration:none;}
.docsMenu .menuItemSelected a:hover{color:#333333; text-decoration:none;}






.imagePanel {
	float:left;
	width:316px;

}


.imagePanel .title {
	float:left;
	width:316px;
	height:22px;
	padding:4px 0px 4px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	border-top:#CCC dotted 1px;
	color:#FFF;
	overflow:hidden;

}

.imagePanel .image {
	float:left;
	width:316px;
	margin:0px 0px 16px 0px;
}


.textPanel .title {
	float:left;
	width:316px;
	 height:22px;
	padding:4px 0px 4px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	border-top:#CCC dotted 1px;
	color:#FFF;
	overflow:hidden;

}

.textPanel .description {
	float:left;
	width:316px;
	padding:0px 0px 8px 0px;
	margin:0px 0px 16px 0px;
	border-bottom:#CCC dotted 1px;
	color:#C8C8C8;

}

.addressPanel {
	float:left;
	width:150px;
	margin:0px 0px 16px 0px;
}

.addressPanel .title {
	float:left;
	width:150px;
	height:22px;
	padding:4px 0px 4px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	border-top:#CCC dotted 1px;
	color:#FFF;
	overflow:hidden;
}

.addressPanel .description {
	float:left;
	width:150px;
	padding:0px 0px 8px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	color:#C8C8C8;

}



.textMenuArea{
	float:left;
	width:316px;
}


.textMenuArea .title {
	float:left;
	width:316px;
	height:22px;
	padding:4px 0px 4px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
	border-top:#CCC dotted 1px;
	color:#FFF;
	overflow:hidden;
}


.textMenu{
	float:left;
	width:316px;
	padding:4px 0px 8px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:#CCC dotted 1px;
}



.textMenu .menuItem{
	width:316px;
	margin-bottom:4px;
}

.textMenu .menuItem a{color:#999999; text-decoration:none;}
.textMenu .menuItem a:link{color:#999999; text-decoration:none;}
.textMenu .menuItem a:hover{color:#FFFFFF; text-decoration:none;}


.textMenu .menuItemSelected{
	
	width:316px;
	margin-bottom:4px;
}

.textMenu .menuItemSelected a{color:#FFFFFF; text-decoration:none;}
.textMenu .menuItemSelected a:link{color:#FFFFFF; text-decoration:none;}
.textMenu .menuItemSelected a:hover{color:#999999; text-decoration:none;}
