/* 
Palette:
purple:6e6092
pink:a85286
headings:211f56

*/
/* Reset margin, padding */
body, ul, ol, dl, dt, dd, form {
	margin:0;
	padding:0;
}

body{	

	font-family:arial, sans-serif;
	font-size:70%;	
	background:url('/resources/img/bodyBg.gif') left 103px repeat-x; 
	text-align:center;
}
#container {
    width:330px;
    }
#graphTags {
    width: 100%; 
    text-align: center;
    }
#graphTags p{
    display: inline;
    margin:0 40px 0 0;
    padding: 0;
    font-weight: bold;
    }

#wrapper{
	margin:0 auto;	
	width:971px;
	text-align:left;	
}

#header{
	float:left;
	width:971px;
	height:103px;
	position:relative;
}

#logo{
	width:160px;
	float:left;
	margin-left:10px;
	margin-top:0px;
	height:100px;
}

	#logo h1{
		text-indent:-9000px;
	}
	#logo h1 a{
		position:absolute;
		left:0px;
		top:20px;
		display:block;
		width:148px;
		height:40px;
		background:url('/content/header_images/vs_logo') left top no-repeat;

	}

	#title h2{
		text-indent:-9000px;
	}
	#title h2 a{
		position:absolute;
		left:193px;
		top:32px;
		display:block;
		width:330px;
		height:33px;
		background:url('/content/header_images/title') left top no-repeat;
	}	
/* Navigation styles */
	#mainNav{
		position:absolute;
		bottom:5px;
		left:0;
		width:969px;
		height:1.2em;
	}
	
	#mainNav ul{
		float:left;
		display:inline;

		width:949px;
		margin-left:0px;

	}
		#mainNav ul li{
			float:left;
			display:inline;
			
		}
		#mainNav ul li a, #mainNav ul li a:visited{
			font-size:1em;
			float:left;
			display:block;
			color:#6e6092;
			text-decoration:none;
			font-weight:normal;
			padding:0 6px;
			border-left:1px solid #b3b3b3;
		}
		#wrapper #mainNav ul li.end a{
			border:none;
			padding-left:0;
		}
			#mainNav ul li.on a{
				font-weight:normal;
				color:#7f004c;
				
			}
			#p0 #mainNav ul li#m0 a,
			#p1 #mainNav ul li#m1 a,
			#p2 #mainNav ul li#m2 a,
			#p3 #mainNav ul li#m3 a,
			#p4 #mainNav ul li#m4 a,
			#p5 #mainNav ul li#m5 a,
			#p6 #mainNav ul li#m6 a,
			#p7 #mainNav ul li#m7 a,
			#p8 #mainNav ul li#m8 a,
			#p9 #mainNav ul li#m9 a,
			#p10 #mainNav ul li#m10 a,
			#p11 #mainNav ul li#m11 a{
				font-weight:normal;
				color:#a85286;
			}
			
			#mainNav ul li a:hover{
				color:#999;
			}
#main {
	clear:left;
	float:left;
	width:969px;
	margin-top:0;
	border:1px solid #d4d4d4;
	background-color:#fff;
}
#p0 #main{

}
	#content{
		clear:left;
		float:left;
		width:969px;
		position:relative;
		/* cross-browser min-height */	
		min-height:507px;
		height:auto !important;
		height:507px;	
	}

	#p0 #content{

	
	}
	.colourFill1{
	/* performance page */
		background:url(colBgPurple.png) right top repeat-y;
	}	
	/* Years' Activity pages */
	
	#p1 #content{
		min-height:446px;
		height:446px;
	}
	
/* Page copy styles */	
	#copy{
		float:left;
		width:969px;
		position:relative;

		/* cross-browser min-height */	
		min-height:438px;
		height:auto !important;
		height:438px;
	}
	/* home page height */
/*	#p0 #copy{ 
		float:left;
		width:969px;
		position:relative;
		border-bottom:1px solid #d4d4d4;
	}	
	
*/
	
		#copy.flow{
			/* cross-browser min-height */	
			min-height:438px;
			height:auto !important;
			height:438px;

		}
	/* Years' Activity pages */
	#p1 #copy{
		min-height:438px;
		height:auto !important;
		height:438px;
		border-bottom:1px solid #d4d4d4;
	}		
			
		#wrapper #copy.fixed{
			height:438px;
		}
	.column{
		float:left;
		width:323px;
	}
	
	.singleColumn{
		float:left;
		width:646px;
	}	

	.columnInner{
		float:left;
		margin-left:20px;
		margin-right:10px;
		display:inline;
		width:293px;
	}
	.singleColumn .columnInner{
		margin-left:20px;
		margin-right:0px;
		display:inline;
		width:626px;
	}		
	.paddingTop{
		margin-top:30px;
	}
		/* Board page */
		#p8 .board .column .paddingTop{
			margin-top:109px;
			padding-top:7em;
		}
		#p8 #copyCol1 .paddingTop{
			margin-top:20px;
			padding-top:0;
		}
	
    #copyCol3 {
        width: 323px;
        background-color: #FFFFFF;
        padding: 0px 0px;
    }
    #copyCol3 table {
        color: #fff;
    }
    #copyCol3 table thead, tfoot {
        font-weight: bold;
    }
    
    #copyCol3 table thead th {
        border-bottom: 1px solid #fff;
    }
    
    #copyCol3 table tfoot th {
        border-top: 1px solid #fff;
    }
  
	#main #copyCol2 .columnInner, #main #copyCol3 .columnInner{
		margin-left:0px;

	}
	#main #copyCol2.singleColumn .columnInner{
		margin-right:0px;
		width:606px;
	
	}

		#copy .fixed{
			height:447px;
			overflow:auto;
		}
		
	.columnPadding{
		height:30px;
	}

	#wrapper #sectionHead h2{
		padding:0;
		margin:0px 0 0 20px;
		display:inline;
		text-indent:-9000px;
		height:59px;
	}
	#wrapper #sectionHead h3{
		float:left;
		padding:0;
		margin:0px 0 0 0px;
		text-indent:-9000px;
		height:59px;		
	}	
	#sectionHead{
		float:left;
		width:969px;
		height:60px;
		background:#a28fbc;
		
	}
	#sectionHead h2{
		float:left;
		width:304px;
	}
	#sectionHead h2 a{
		height:39px;
		display:block;
	}
	
	
	
	/* section heading graphics */
	#p1 #sectionHead h2{
		width:255px;
		background:url('/resources/img/sectionHead_international.png') left top no-repeat;
	}	
	#p4 #sectionHead h2{
		background:url('/resources/img/sectionHead_minister.png') left top no-repeat;
	}
	#p5 #sectionHead h2{
		background:url('/resources/img/sectionHead_chairman.png') left top no-repeat;	
	}
	#p6 #sectionHead h2{
		background:url('/resources/img/sectionHead_chiefexecutive.png') left top no-repeat;
	}	
	#p7 #sectionHead h2{
		background:url('/resources/img/sectionHead_strategies.png') left top no-repeat;
	}
	#p8 #sectionHead h2{
		width:148px;
		background:url('/resources/img/sectionHead_about.png') left top no-repeat;		
	}		
		#p8 #sectionHead #board{
			width:63px;
			background:url('/resources/img/sectionHeadSub_board.png') left top no-repeat;
		}
		#p8 #sectionHead #smt{
			width:240px;
			background:url('/resources/img/sectionHeadSub_smt.png') left top no-repeat;
		}
		#p8 #sectionHead #policies{
			width:81px;
			background:url('/resources/img/sectionHeadSub_policies.png') left top no-repeat;
		}		

	#p9 #sectionHead h2{
		width:130px;
		background:url('/resources/img/sectionHead_performance.png') left top no-repeat;		
	}	
		#p9 #sectionHead #awards{
			width:77px;
			background:url('/resources/img/sectionHeadSub_awards.png') left top no-repeat;
		}			


	/* information section */
	#p14 #sectionHead h2{
		background:url('/resources/img/sectionHead_terms.png') left top no-repeat;
	}	
	#p15 #sectionHead h2{
		background:url('/resources/img/sectionHead_privacy.png') left top no-repeat;
	}	
	#p17 #sectionHead h2{
		background:url('/resources/img/sectionHead_disclaimer.png') left top no-repeat;
	}	
	#p18 #sectionHead h2{
		background:url('/resources/img/sectionHead_contact.png') left top no-repeat;
	}	
	#copy p{
		color:#666;
		font-family:arial, sans-serif;
		margin-top:0;
		padding-top:0;
		line-height:1.4em;
	}

	#copy a, #copy a:visited{
		text-decoration:none;
		color:#a85286;
	}	
	#copy a:hover{
		color:#333;
	}
	#copy h2{
		margin:0 0 .5em;
		padding:0;
		font-weight:bold;
		color:#211f56;
		font-size:1em;	
	}
	
	#copy h3{
		margin:0;
		padding:0 0 .5em;
		color:#666;
		font-size:1em;
		font-weight:bold;
	}
	
	#copy h4{
		margin:0 0 .5em;
		padding:0;
		font-weight:normal;
		color:#211f56;
		font-size:1em;	
	}
	
	#copy ul{
		color:#666;
		list-style:square;
		margin-left:15px;
		margin:.5em 0 .5em 15px;
	}
	#copy ul li{
	margin-bottom:.5em;
	}
img.topLine{
	margin-top:1px;
}

/* custom page layout */

#downloads{
	margin:1em 0 0 25px;
	float:left;
	width:250px;
	display:inline;
}
#downloads2{
	margin:1em 0 0 0px;
	float:left;
	width:250px;
	display:inline;
}
	#downloads span {
		float:left;
		width:110px;
		margin-top:0px;
		margin-left:0px;
		display:inline;
	}

	#downloads span img{

	
	}	
	#downloads span p{
		float:left;
		font-size:.9em;
		line-height:1em;
	}
		#downloads span  p a{

			
		}
	#pdfList{
		float:left;
		width:280px;
		margin-top:30px;
		margin-bottom:30px;
		margin-left:35px;
		display:inline;
		list-style:none;
		padding-top:25px;
		padding-bottom:20px;
	}
		#pdfList li{
			float:left;
			width:66px;
			margin-right:5px;
			display:inline;
			line-height:.9em;
		}
		#pdfList li.end{
			margin-right:0px;
		}
		#main #pdfList li a{
			display:block;
			padding-top:55px;
			background:url(pdf_logo.png) left top no-repeat;
			color:#fff;
			font-size:.8em;			
		}
		#main #pdfList li a:hover{
			color:#eabcd8;		
		}
		
			#pdfList li span{
			display:block;
			}
			
	.board{
		clear:left;
		height:25em;
	}		
	.board img {
		float:left;
		padding-right:10px;
	}	
	

/* Section Nav */
#sectionNav{
	float:left;
	width:303px;

}
	#sectionNav ul{
		margin:0;
		float:left;
		width:301px;
		border:1px solid #d4d4d4;
		border-bottom:none;
		border-left:none;
		list-style:none;
	}
	#p8 .board #sectionNav{
		height:7.5em;
	}
		#sectionNav ul li{
			float:left;
			width:301px;
			border-bottom:1px solid #d4d4d4;
			font-size:.9em;
			font-weight:bold;
			margin-bottom:0;
			background:#382c66 url('/resources/img/navArrow_on.gif') 285px center no-repeat;

		}
		#sectionNav ul li.on{
			float:left;
			background:#382c66 url('/resources/img/navArrow_on.gif') 285px center no-repeat;			

			
		}		
			#sectionNav ul li a, #sectionNav ul li a:visited{
				float:left;
				width:261px;
				padding:8px 20px;
				color:#eee;
				text-decoration:none;
				background:#a28fbc url('/resources/img/navArrow.gif') 285px center no-repeat;
			}
			#sectionNav ul li.on a, #sectionNav ul li.on a:visited{
				color:#eee;
				background:#382c66 url('/resources/img/navArrow_on.gif') 285px center no-repeat;
			}
			#sectionNav ul li.on a:hover, 
			#sectionNav ul li a:hover{
				color:#fff;
				background:#382c66 url('/resources/img/navArrow_on.gif') 285px center no-repeat;
			}


/* Sub Nav */
#subNav{
	display:block;
	clear:both;
	float:left;
	width:969px;
	height:68px;
}
.subNavLink{
	float:left;
	width:322px;
	height:68px;
	border-right:1px solid #d4d4d4;	
}
.subNavLinkOn{

	background:#544370;
}
#main .subNavLinkOn p a, #main .subNavLinkOn  p a:visited{
	color:#ccc;
}
#main .subNavLinkOn  p a:hover{
	color:#fff;
}
#sub3{
	width:323px;
	border:none;
}
	.subNavLink h2{
		float:left;
		margin:0;
		padding:0;		
		margin-left:20px;
		margin-top:15px;
		display:inline;
		text-indent:-9000px;
	}

	#sub1 h2 a{
		display:block;
		height:20px;
		width:111px;	
		background:url('/resources/img/nav_international.png') left top no-repeat;		
	}
	#sub1 h3 a{
		display:block;
		height:20px;
		width:143px;	
		background:url('/resources/img/nav_bringingithome.png') left top no-repeat;
	}
	#sub2 h2 a{
		display:block;
		height:20px;
		width:45px;	
		background:url('/resources/img/nav_local.png') left top no-repeat;		
	}
	#sub2 h3 a{
		display:block;
		height:20px;
		width:124px;	
		background:url('/resources/img/nav_ontheground.png') left top no-repeat;
	}	
	#sub3 h2 a{
		display:block;
		height:20px;
		width:73px;	
		background:url('/resources/img/nav_national.png') left top no-repeat;		
	}
	#sub3 h3 a{
		display:block;
		height:20px;
		width:146px;	
		background:url('/resources/img/nav_acrosstheboard.png') left top no-repeat;
	}	
	

	.subNavLink h3{
		float:left;
		text-indent:-9000px;		
		margin:0;
		margin-top:15px;
		padding:0;
	}
	.subNavLink p{
		clear:left;
		float:left;
		margin:5px 0 0 20px;
		padding:0;
		display:inline;
		width:302px;
	}
	.subNavLink p a, .subNavLink p a:visited{
		display:block;
		color:#666;
		text-decoration:none;
	}
	.subNavLink p a.on{
		color:#a85286;
	}	
	.subNavLink p a:hover{
		color:#111;
	}	

.thumbnailLink{
	float:left;
	width:90px;
	padding-right:10px;
}
.thumbnailLink p{
	font-size:.9em;
}

/* Footer styles */
#footer{
	clear:left;
	float:left;
	position:relative;
	width:969px;
	height:100px;
	border:1px solid #d4d4d4;
	border-bottom:2px solid #d4d4d4;
	border-top:none;
	margin-bottom:10px;
}

#footerAddress{
	float:left;
	width:300px;
	margin-left:20px;
	margin-top:20px;
	display:inline;
}
	#footerAddress p{
		color:#666;
		margin:0;
		padding:0;
		line-height:1.2em;
		font-size:.9em;
	}



#footerLinks{
	position:absolute;
	bottom:10px;
	right:10px;
}
	#footerLinks ul{
		float:right;
		width:646px;
		color:#666;
		margin-top:1.5em;
		margin-left:323px;
		display:inline;
	}
		#footerLinks ul li{
			float:left;
			font-size:.9em;	
			display:inline;
			padding-right:10px;
			padding-left:8px;
			border-left:1px solid #BFAE9B;
		}
		#footerLinks ul li.end{
			padding-left:8px;
			border:none;
		}
		#footerLinks ul li a, #footerLinks ul li a:visited{
			text-decoration:none;
			color:#666;
		}
		#footerLinks ul li.on a{
			text-decoration:none;
			color:#a85286;
		}
		#footerLinks ul li a:hover{		
				color:#999;				
		}

/*
Misc. Classes
*/

.off{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}


/* Global */

abbr, acronym{
	border-bottom:1px dotted #555;
	cursor: help;
}
img{
	border:0;
}
/* Charts */

#canvas-container {
    width:300px;
    height: 200px;
    padding: 0;
    margin: 5px;
}
#piechartone, #piecharttwo {
    width:300px;
    height: 200px;
    padding: 0;
    margin: 5px;
}

.s1 {
    width:6px;
    height:6px;
    background-color: #fff;
}
.s2 {
    width:6px;
    height:6px;
    background-color: #211E56;
}
.s3 {
    width:6px;
    height:6px;
    background-color: #D2D2DD;
}
.s4 {
    width:6px;
    height:6px;
    background-color: #76729D;
}
.s5 {
    width:6px;
    height:6px;
    background-color: #8F8EAF;
}
.tickLabel {
overflow: auto;
display: block;
}

.flipv {
		font-size: 16px;
		color: green;
	}