/* CSS Document SPARX 2005 */
/* The Black Pig Design Co Ltd, The Sty, 47 Upper King St, Royston, SG8 9AZ, 01763 222 333 */

html,body{ 
   margin:0px; 
   padding:0px; 
   height: 100%; /*this is important otherwise div will not centre n some browsers */    
	text-align: center;
	background-color: #E7ECF4;
} 

p{
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8B8B90;
	margin: 0 0 7px 0;
	padding: 0;
}

a{
	color: #3D79B7;
}

a:hover{
	color: #A0BDDC;
}

h1{
	font: bold 0.95em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3D79B7;
	margin: 0 0 7px 0;
	padding: 0;
}

h2{
	font: bold 0.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3D79B7;
	margin: 0 0 7px 0;
	padding: 0;
}

#container{ 
   position: absolute; 
   left: 50%; 
   top: 50%; 
   width:760px; 
   height:416px; 
   margin-top: -208px; /* make this half your div height */ 
   margin-left: -380px; /* make this half your div width */ 
   color: #000000;     
	background-color: white;
	border: 1px solid #CCCCCC;
} 

#logopos{
	position: absolute;
	top: 8px;
	left: 8px;
	height: 46px;
}

#tagline{
	position: absolute;
	top: 12px;
	right: 8px;
	height: 46px;
}

#contenthdr{
	position: absolute;
	top: 150px;
	left: 15px;
	height: 20px;
	width: 450px;
}

#contenthdr2{
	position: absolute;
	top: 150px;
	left: 65px;
	height: 20px;
	width: 450px;
}

#pagehdr01{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-01.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr02{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-02.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr03{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-09.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr04{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-04.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr05{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-05.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr06{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-06.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr07{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-07.jpg) no-repeat;
	z-index: 100;
}	

#pagehdr08{
	position: absolute;
	top: 63px;
	left: 0;
	height: 71px;
	width: 760px;
	background: url(images/page-hdr-08.jpg) no-repeat;
	z-index: 100;
}

#pageimg{
	position: absolute;
	bottom: 21px;
	right: 0;
	height: 260px;
	width: 264px;
}

#content01{
	position: absolute;
	top: 180px;
	left: 15px;
	height: 205px;
	width: 455px;
	text-align: left;
	overflow: auto;
}

#content02{
	position: absolute;
	top: 180px;
	left: 65px;
	height: 205px;
	width: 455px;
	text-align: left;
}

#content03{
	position: absolute;
	top: 210px;
	left: 65px;
	height: 170px;
	width: 455px;
	text-align: left;
	overflow: auto;
}

#leftcol{
	position: absolute;
	bottom: 21px;
	left: 0;
	height: 260px;
	width: 36px;
	background: url(images/left-col-blank.gif) no-repeat;
}

#book1{
	position: absolute;
	top: 210px;
	right: 120px;
	width: 87px;
	height: 137px;
}

#book2{
	position: absolute;
	top: 210px;
	right: 15px;
	width: 87px;
	height: 137px;
}

#picpos{
	position: absolute;
	top: 180px;
	right: 45px;
}

#picpos2{
	position: absolute;
	top: 205px;
	right: 45px;
}

#subnav{
	position: absolute;
	top: 175px;
	left: 36px;
	width: 724px;
	height: 20px;
	background-color: #F1F4F7;
	border-top: 1px solid  #CCCCCC;
	border-bottom: 1px solid  #CCCCCC;
	text-align: left;
}

#subnav ul{
	margin: 0 0 0 29px;
	padding: 0;	
}

#subnav li{
	list-style-type: none;
	display: inline;
	margin: 0 7px 0 0;		
}

#subnav li span{
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8B8B90;		
}

#subnav li a{
	font: bold 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8B8B90;
	text-decoration: none;			
}

#subnav li a:hover{	
	color: #3D79B7;		
}

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 760px;
	border-top: 1px solid #CCCCCC;
	text-align: right;
}

#footer a{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #8B8B90;
	padding:0;
	margin: 3px 15px 0 0;
	display: block;
}

#footer a:hover{
	color: #A0BDDC;	
}

#content01 ul{
	margin: 0;
}

#content01 li{
	list-style-type: none;
	margin:0;	
	padding: 0;
}

#content01 li a{
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8B8B90;
	text-decoration: none;			
}

#content01 li a:hover{	
	color: #3D79B7;		
}

.logobox { width:220px; float:left; text-align:center; }
.logobox p { clear:left; margin:5px 0px 0px 0px; }