/*-------
http://www.pmob.co.uk/temp/1colcentred2.htm (check out css)<------------------------
-------*/


body {
	padding:0 0 -1px 0;
	margin:0;
	background:#B3CAE3;
	color: #000000;
	text-align:left;
	background-image:url(/pics/topbg.gif);
	background-position:top;
	background-repeat: repeat-x;
	
}

#logo{
	
	text-align:left;
	z-index:1;
	background:#fff;
	border-right:1px medium #000;
	}
#img{
	position:absolute;
	top: 95px;
	left: 135px;
	width: 306px;

	}

	
#imgtitle{ 
		position:absolute; 
		left:195px; 
		top:106px; 
		width:58px; 
		height:23px;
		z-index:3;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size:36px;
		color: #000;
		 }
		 
#breadcrumbs{
position:absolute; 
left:135px; 
top:258px; 
width:396px; 
height:12px; 
margin:2px 2px 2px 2px;
padding:2px 2px 2px 2px;
display: block;

}

#text
{
position:absolute; 
left:363px; 
top:308px; 
width:400px; 
height:61px; 
}

#content{
	
	width:406px;
	float:right;
	padding-top:0;
	margin-top:4px;
	padding-right:70px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	

}

#bottom_border{
	position:absolute;
	left:135px;
	top: 254px;
	height: 20px;
	width: 400px;
}

#top_border{
	position:absolute;
	left:135px;
	top: 76px;
	height: 20px;
	width: 397px;
}

#outer{
	height:100%;
	min-height:100%;
	width:612px;
	background-color:#FFFFFF;
	color: #000000;
	border:1px #000 solid;
	margin:auto;
	text-align:left;
	position:relative;
	padding-bottom:-1px;
}
#outer p {padding-left:6px; padding-right:6px;}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#footer {
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
	width:612px;
	background-color:#D5D5D5;
	border:1px #000 solid;
	border-top:none;
	margin:auto;
}
#footer  a{
list-style: none;
text-decoration:none;


}

#footer  a:hover{

text-decoration:none;
border-bottom:1px #000 dotted;
}

				  
 #navcontainer
{
	
	position:absolute;
	width: 133px;
	left:0px;
	top:95px;
	padding: 0 0 -2px 0;
	margin:0px 0 0 0;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color: #FFFFFF;
	color: #333;
	height: 160px;
	
	
}

#navcontainer ul
{
	
	list-style: none;
	margin: 0;
	padding: 0;
	border: 2px 2px 2px 0;
	border-color:#000000;
}

#navcontainer li 
{

border-bottom: 3px solid #FFFFFF;
margin: 0;
}

#navcontainer li a
{

display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #5A89CA;
background-color: #FFFFFF;
color: #000;
text-decoration: none;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #CCC;
background-color: #5A89CA;
color: #FFF;
}

#articles_left li{
	list-style-image:url(article_block.gif);
}

#articles_right li{
position:absolute;
list-style-image:url(article_block.gif);
}

/* -------------------------------------------------------------------------------------*/
#box1 {
	
	width: 395px;
	background-color: #FFF;
	margin: 0 0 15px 0px;
	padding: 5px 8px 0 0px;
	z-index:1;
}

#box1 h1 {
	margin: -5px -8px 5px 0;
	padding: 5px 5px 3px 7px;
	font-family: Arial;
	font-size: 10pt;
	font-style: bold;
	background-color: #D5D5D5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	color: #000;
	letter-spacing: .7px;
	
}


#box1 p {
	margin: 15px 0;
	padding: 0 5px;
	}

/* -------------------------------------------------------------------------------------*/
#box2 {
	width: 395px;
	background-color: #FFF;
	margin: 0 0 15px 0px;
	padding: 5px 8px 0 0px;
	z-index:1;
}

#box2 h2 {
	margin: -5px -8px 5px 0;
	padding: 5px 5px 3px 7px;
	font-family: Arial;
	font-size: 10pt;
	font-style: bold;
	background-color: #D5D5D5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	color: #000;
	letter-spacing: .7px;
}


#box2 p {
	margin: 15px 0;
	padding: 0 5px;
	}
/* -------------------------------------------------------------------------------------*/	
#box3 {
	
	width: 395px;
	background-color: #FFF;
	margin: 0 0 15px 0px;
	padding: 5px 8px 0 0px;
	z-index:1;
}

#box3 h3 {
	margin: -5px -8px 5px 0;
	padding: 5px 5px 3px 7px;
	font-family: Arial;
	font-size: 10pt;
	font-style: bold;
	background-color: #D5D5D5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	color: #000;
	letter-spacing: .7px;
}

#box3 p {
	margin: 15px 0;
	padding: 0 5px;
	}
/* -------------------------------------------------------------------------------------*/	
#box4 {
	width: 395px;
	background-color: #FFF;
	margin: 0 0 15px 0px;
	padding: 5px 8px 0 0px;
	z-index:1;
}

#box4 h4 {
	margin: -5px -8px 5px 0;
	padding: 5px 5px 3px 7px;
	font-family: Arial;
	font-size: 10pt;
	font-style: bold;
	background-color: #D5D5D5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	color: #000;
	letter-spacing: .7px;
}

#box4 p {
	margin: 15px 0;
	padding: 0 5px;
	
	}

/* -------------------------------------------------------------------------------------*/	
#box5 {
	
	width: 395px;
	background-color: #FFF;
	margin: 0 0 15px 0px;
	padding: 5px 8px 0 0px;
	z-index:1;
}

#box5 h5 {
	margin: -5px -8px 5px 0;
	padding: 5px 5px 3px 7px;
	font-family: Arial;
	font-size: 10pt;
	font-style: bold;
	background-color: #D5D5D5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	color: #000;
	letter-spacing: .7px;
}

#box5 p {
	margin: 15px 0;
	padding: 0 5px;
	}
/* -------------------------------------------------------------------------------------*/