@charset "utf-8";
/* CSS Document */



	*{
		color:						#2f4787;
		font-family:				arial,verdana;
		margin: 					0;
	}
	body {
		SCROLLBAR-ARROW-COLOR: 		#8bb2ff;
		SCROLLBAR-BASE-COLOR: 		#0000a4;
		SCROLLBAR-3DLIGHT-COLOR: 	#3232ff;
		SCROLLBAR-TRACK-COLOR: 		#E0E0FF;
		margin:						64px 32px 8px 0px;
		background:					white;
	}
	h1 {
		color:						#2f4787;
		font-size:					1.4em;
		font-weight:				bold;
		margin:						4px 4px 4px 4px;
	}
	h2 {
		color:						#2f4787;
		font-size:					1.2em;
		font-weight:				bold;
		text-align:					justify;
		margin:						4px 4px 4px 4px;
		display: 					inline;
		vertical-align: 			8px;
	}
	h3 {
		font-size:					1em;
		font-weight:				bold;
		text-align:					justify;
		margin:						6px 0px 4px 40px;
	}
	ul {
		font-weight:				bold;
		list-style-type: 			disc;
		font-size:					1em;
		text-align:					left;
		margin:						16px 16px 16px 16px;
	}
	
	.content,.logo {
		color:						#2f4787;
		font-size:					1em;
		font-weight:				bold;
		text-align:					justify;
		margin:						16px 0px 16px 0px;
	}
	.whitePlaque a img{
		border: none;
	}
	p {
		font-size:					1em;
		text-align:					justify;
		margin:						8px 8px 8px 4px;
	}
	ol {
		color:						white;
		font-size:					1em;
		text-align:					justify;
		margin-top: 				16px;
	}
	.credits {
		color:						white;
		font-size:					0.7em;
	}	
	
	.intro{
		font-size:					0.7em;
	}
	#SchoolResults{
		width: 500px; 
		height: 500px;
	}
	#SchoolResults td{
		text-align: center;
	}
	#SchoolResults td:first-child{
		text-align: left;
	}
	content1.content1 {
		text-align: 				right;
		font-size:					0.7em;
		color:						#2f4787;
		margin:						4px 4px 4px 4px;
	
	}	
	.cvlogodiv{
		float: 						left;
		margin:						0px 8px 8px 0px;
		border:						2px outset;
	}
	.cvlogodiv img{
		border:						none;
	}
	img.expandContract{
		vertical-align:	middle;
	}
	#pagewidth{
		width:						1000px;
		margin: 					auto;
	}
	div.blueFrame8{
		margin-left: 16px;
		margin-top: 8px;
		margin-bottom: 8px;
		margin-right: 0px;
		float: right;
	}
	div.whitePlaque{
		margin-left: 40px;
		margin-top: 8px;
		margin-bottom: 8px;
		margin-right: 16px;
		float: left;
	}
	#personal,
	#content div p{
		text-align: justify;
		margin-left: 40px;
	}
	#personal{
		padding: 0;
		margin-left: 38px;
	}
	#personal tr th,
	#personal tr td{
		margin: 0;
		padding: 0;
	}
	/*#content,*/
	#content div.expander{
		width: 936px;
		clear: both;
	}
	#content a.tick,
	#content div.expander a.plus,
	#content div.expander a.minus{
		background: url(http://www.bagnall.co.uk/images/minusA.gif) transparent;
		width: 32px;
		height: 32px;
		cursor: pointer;
		border: none;
		display: inline-block;
		outline: none;
		background-color: blue;
		color: white;
	}
	#content a.tick{
		background: url(http://www.bagnall.co.uk/images/tickA.gif) transparent;
		vertical-align: middle;
	}
	
	#content div.expander a.plus{
		background: url(http://www.bagnall.co.uk/images/plusA.gif) transparent;
	}
	#content a.tick img,
	#content div.expander a.plus img,
	#content div.expander a.minus img{
		margin: 0px;
		border: none;
		width: 32px;
		height: 32px;
	}
	#content a.tick:hover img,
	#content div.expander a.plus:hover img,
	#content div.expander a.minus:hover img{
		display: none;
		width: 32px;
		height: 32px;
	}
	#content a.tick:active{
		background: url(http://www.bagnall.co.uk/images/tickP.gif) transparent;
	}
	#content div.expander a.plus:active{
		background: url(http://www.bagnall.co.uk/images/plusP.gif) transparent;
	}
	#content div.expander a.minus:active{
		background: url(http://www.bagnall.co.uk/images/minusP.gif) transparent;
	}
	
	#content div.expander div.expander{
		margin-left: 32px;
		width: 904px;
	}
	#content div.expander div.expander div.expander{
		margin-left: 32px;
		width: 832px;
	}
	#content div.expander img.place{
		float: right;
		/*border: 1px solid cyan;*/
		margin: 8px 0 4px 8px;
	}
	#content div.expander img.logo{
		float: left;
		margin: 20px 8px 4px 0;
	}
	#content div.half,
	div.half{
		width: 49%!important;
		margin: 0px!important;
		clear:	none;
	}
	a.portfolio img,
	a.portfolio{
		width: 66px;
		height: 18px;
		overflow:hidden;
		display: inline-block;
		vertical-align: middle;
	}
	a.portfolio img{
		height: 36px;
		border:none;
	}
	a:hover.portfolio img{
		height: 36px;
		border:none;
		margin-top: -18px;
	}