﻿* {
	margin:0;
}

html, body {
	height:100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	background-color:#CCCCCC;
	text-align:center; /* horizontal centering for IE Win quirks */
}

a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
	border-style: none; 
	border-width: 0px; 
	border-color: #CCCCCC;

}
a:hover {
	text-decoration: underline;
	color: #CCCCCC;
	border-style: none; 
	border-width: 0px; 
	border-color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
	border-style: none; 
	border-width: 0px; 
	border-color: #CCCCCC;
}

#content { 
	width:1px;
	height:50%;
	margin-bottom:-325px; /* half of wrapper's height */
	float:left;
}

#wrapper {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:651px;
	width:800px;
	clear:left;
}
 

.header {
	width: 800px; 
	height: 20px; 
	z-index: 1; 
	background-color: #003876;	
}

.menuLink0 {
	position: relative; 
	float:left;
	width: 90px; 
	z-index: 6; 
	left:0px; 
	text-align:center;
}
.menuLink1 {
	position: relative; 
	float:left;
	width: 90px; 
	z-index: 6; 
	left:0px; 
	text-align:center;
}
.menuLink2 {
	position: relative; 
	float:left;
	width: 90px; 
	z-index: 6; 
	text-align:center;
}
.menuLink3 {
	position: relative; 
	float:left;
	width: 180px; 
	z-index: 6; 
	text-align:center;
}
.menuLink4 {
	position: relative; 
	float:left;
	width: 90px; 
	z-index: 6; 
	text-align:center;
}
.menuLink5 {
	position: relative; 
	float:left;
	width: 114px; 
	z-index: 6; 
	text-align:center;
}
.menuLink6 {
	position: relative; 
	float:left;
	width: 114px; 
	z-index: 6; 
	text-align:center;
}


.leftColumn {
	position: relative; 
	width: 534px; 
	height: 530px; 
	z-index: 2; 
	float: left; 
	left: 0px; 
	top: 0px; 
	background-color: #FFFFFF;
}

.footer {
	width: 800px; 
	height: 100px; 
}

#footer a { 
	text-decoration:none; 
	height:100px; 
	width:133px; 
	position:relative; 
	margin-right:0px; 
	float:left; 
	display:inline; 
} 

#footer a span { 
	position:absolute; 
	left:0; 
	top:0; 
	height:100px; 
	width:133px; 
} 


#footer a.imageLink span {background:url(../images/NBG_sml.png) no-repeat;} 
#footer a.imageBink span {background:url(../images/NBB_sml.png) no-repeat;} 
#footer a.imageCink span {background:url(../images/NSR_sml.png) no-repeat;} 
#footer a.imageDink span {background:url(../images/ANG_sml.png) no-repeat;} 
#footer a.imageEink span {background:url(../images/CDN_sml.png) no-repeat;} 
#footer a.imageFink span {background:url(../images/ADR_sml.png) no-repeat;} 

.menuLayer {
	position: relative; 
	width: 100%; 
	height: 20px; 
	color: #003876; 
	background-color: #CCCCCC;
	text-align:center;
}

.menuLeft {
	position: absolute; 
	width: 50%; 
	z-index: 6; 
	left:0px;
}
.menuRight {
	position: absolute; 
	width: 50%; 
	z-index: 6; 
	left:50%;
}
.menuCenter {
	position: absolute; 
	width: 100%; 
	z-index: 6; 
	left:0px;
}
.menuLayer1{
	position: absolute; 
	width: 134px; 
	z-index: 6; 
	left:0px;
}
.menuLayer2 {
	position: absolute; 
	width: 134px; 
	z-index: 6; 
	left:132px;
}
.menuLayer3 {
	position: absolute; 
	width: 134px; 
	z-index: 6; 
	left:267px;
}
.menuLayer4 {
	position: absolute; 
	width: 134px; 
	z-index: 6; 
	left:401px;
}
#menuLayer a:link{
	color: #003876;
	text-decoration: none;
	
}
#menuLayer a:visited {
	text-decoration: none;
	color: #003876;
}
#menuLayer a:hover {
	text-decoration: underline;
	color: #003876;
}
#menuLayer a:active {
	text-decoration: none;
	color: #003876;
}
.dataLayer {
	position: relative; 
	width: 85%; 
	height: 80%; 
	z-index: 2; 
	left: 0px; 
	top: 0px; 
	text-align: left; 
	padding-top: 50px; 
	padding-left: 35px;  
	float: left;
}
img {
	border-style: none; 
	border-width: 0px; 
	border-color: #CCCCCC;
	
}
.rightColumn {
	position: relative; 
	width: 266px; 
	height: 530px; 
	z-index: 3; 
	float: right;
}


.colourFont {
	font-family: Arial, Helvetica, sans-serif;
	color: #003876;
	font-size: 11px; 
}
.greyFont {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-align: justify
}
.orangeFont {
	color:#FF6600;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px
}
.submitForm {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #003876; 
	font-size: 13px;
}

.tablediv {
	display:  table;
	width:100%;
}
.celldivleft {
	float:left;/*fix for  buggy browsers*/
	width:50%;
	margin:3px;
	text-align: right
}
.celldivright {
	float:left;/*fix for  buggy browsers*/
	width:45%;
	margin:3px;
	text-align:left;
}

.celldivleftschool {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	float:left;/*fix for  buggy browsers*/
	width:25%;
	margin:3px;
	text-align: left;
}
.celldivrightschool {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	float:left;/*fix for  buggy browsers*/
	width:65%;
	margin:3px;
	text-align:left;
}
a.openmenu {
	font-family: Arial, Helvetica, sans-serif;
	color: #003876;
	font-size: 11px; 
}
