body  	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		
	}

h1	{	
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 120%;
		text-align: center
	}
p	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 84%;
	}
td	{
		font-size: 84%
	}
	
ul .main{ 
	font-family: Arial, Helvetica, sans-serif;
		font-size: 84%;
	}
#strong     {
		 font-size: 100%;
		color: black;
		font-weight: bold
	}
td{
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		
		font-size: 84%
	}
caption{
		font-family: Arial, Helvetica, sans-serif;
		color: #6699CC;
		font-weight: bold;
		font-size: 84%
	}

h2{
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;
		font-size: 84%
	}
h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;
		font-size: 84%
		}
.head {
	float: left;
	width: 65%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	
		}
		
.floatleft {
   	float:left;
	padding: 0 0.3em 0.3em 0;
	background-color:#FFFFFF;
	vertical-align: inherit
 }

#headright{
	 float: right;	
	 padding: 1em 0 0 0;
	 width: 30%;
	 font-size: 100%;
	 color: #fff;
	 font-weight: bold;
	 text-align: center
	 }

#donate{
		display: none;
	}
	


#headright .roundtl{ background-color:#9999CC
  }
 
#headright a:visited {
 text-decoration: none;
 color: #fff
 }
#headright a:link {
 color: #fff;
 text-decoration: none
 }
#headright a:hover {
 color: #FFF;
 
}
  

#tagline{
  	 		display: none;
		}
 
#centre{
		text-align: center;
		
}

p#centreblue{
		text-align: center;
		color: #000;
		font-weight: bold
		
}

.all{
	 	width: 800px;
}

.imgtitle {
color: #000;
font-size: 84%
}

.blue {

font-weight:bold;
color: #000;
background-color: #fff
}

.green {

font-weight:bold;
color: #000;
background-color: #fff
}

.purple {
	
	font-weight:bold;
	color: #000;
	background-color: #fff;
}

/*********************Positioning classes for logo***********************/

img#logo{
	 position: relative;
	 top: 5px;
	 left: 0px;
	}
#logoname {
	
	position: relative;
	left:100px;
	top: -30px;
	
	font-size: 150%;
	color: #99CCCC;
	}
.left {
 	float: left;
	padding: 1em;
	
	}
.right {
	float: right;
	}
.funders {
position:relative;
	left: 0;
	} 

/***********************Layout Classes*****************/

#content {
	width: 100%;
	float: left;
	padding: 4ems 0.5em 2ems 0.5em
	
}

#content ul{
	
	font-size: 84%;
	
	
}

#content ul li {
	
	
}
#content ul li a {
   color: #99CCCC
   }
 
 #content ol{
 	font-size: 84%;
	}

/*****breadcrumbs*******/	
#bread, #bottom-section, #left, #accessibility, #navbar, #nav{
	display: none;
}

.navlist, .footer { display: none;
}
/**************/
#top-section {
  
  left: 0;
  top: 0;
  width:100%
  }
#mid-section {
  padding: 0 0 2ems 0;
  width: 100%
  }
 

     	

/*************************boxes********************************/
/*Code for boxes with curves thanks to http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml and http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-boxes.shtml*/

/* classes for blue boxes with curved borders***/

.bl {background: url(images/bluecorner_bottomleft.gif) 0 100% no-repeat}
.br {background: url(images/bluecorner_bottomright.gif) 100% 100% no-repeat}
.tl {background: url(images/bluecorner_topleft.gif) 0 0 no-repeat}
.tr {background: url(images/bluecorner_topright.gif) 100% 0 no-repeat; padding: 0.5em 0 0.5em 0}
.t {background: url(images/dot.gif) 0 0 repeat-x}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y }


/*********
 classes for round cornered coloured boxes****/	 
.roundbl {  
			
			background: url(images/trans_bl.gif) 0 100% no-repeat ; 
		}				
.roundbr {background: url(images/trans_br.gif) 100% 100% no-repeat}
.roundtl {background: url(images/trans_tl.gif) 0 0 no-repeat}
.roundtr {background: url(images/trans_tr.gif) 100% 0 no-repeat; padding:10px}
		
.clear {font-size: 1px; height: 1px}
/**********************************************************/


.fixedwidth{
	
	width: 10%; 
	
  } 

/*form layout classes*/
	
.frm{
	margin-left: 25%;
	margin-right: 10%;
	font-size: 84%;
	
}

.frm label,.frm input, .frm option .frm select{ 	display: block; 
		width: 250px; 
		float: left; 
		margin-bottom: 10px; } 
.frm label {		 text-align: right; 
		width: 95px;
		padding-right: 20px; } 

.frm br { 		clear: left; } 
.frm textarea {
		width: 250px
}
.frm p { font-size: 100%;}
input#ea { width: 50px;
		}
label#ea { padding-right: 10px;
		width 250px
	}

/*********Publications order form***********************/

.pubsfrm{
	
	
}

.pubsfrm label,.pubsfrm input, .pubsfrm option{ 	display: block; 
		width: 250px; 
		float: left; 
		margin-bottom: 10px; } 
.pubsfrm label {		 text-align: right; 
		width: 70px;
		padding-right: 20px; } 

.buttons { margin-left: 100px;
		padding-bottom: 3ems:
		}
				
.buttons input { width: 100px;
		float: left;
		}

.pubsfrm br { 		clear: left; } 
.pubsfrm textarea {
		width: 400px
}
input#ea { width: 50px;
		}
label#ea { padding-right: 10px;
		width 250px
	}
/****************Navigation Classes***************************/

		img {
			display:block;
			margin-top:1em;
			background:#eee
		}

/
 /**********************left navigation************************************************************/ 
/*code thanks to http://www.alistapart.com/articles/horizdropdowns*****/

/******************************************************/
/* Main links */

/*#content a:visited{color: #005AAA;
		text-decoration: none} 
#content a:link{color: #005AAA;
		text-decoration: none}
#content a:hover{background: #DDDDDD;
		text-decoration: underline}

/* Main links */

#content a:visited{color: #005AAA;
		text-decoration: underline} 
#content a:link{color: #005AAA;
		text-decoration: underline}
#content a:hover{background: #DDDDDD;
		font-weight: bold;
		text-decoration: underline}
#content ul li a:visited { color: #005AAA;
		text-decoration: underline}
#content ul li a:link{color: #005AAA;
		text-decoration: underline;
		}
#content ul li a:hover{background: #DDDDDD;
		text-decoration: underline;
		font-weight: bold}

		

.top{
	text-align: right;
     }
	

.test {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #6C00AA;
	}
.testTable {
	font-family: Arial, Helvetica, sans-serif;
	align: left
	
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
.testresult {
	color: #000000;
	text-align: center;
}
.cyan {
	background-color: #CEEEF7;
}
.righthead {
	width=100%;
	
	background-color: #6699CC;
}
.righthead H2 { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center
	}
#right P {
     text-align:center
	 }	

.imgright {
	float: right;
	margin: 0;
	padding: 0 0 0.3em 0.3em;
	background-color: #fff
	}
	
.imgleft {
	float: left;
	margin: 0;
	padding: 0 0.3em 0.3em 0;
	background-color: #fff
	}

.border {
		border-style:dotted;
		border-width:thin;
		border-color:#000000
		}