/*Transit design by Val Dobson: www.valdobson.co.uk*/

/************************STRUCTURE**********************/
body { font: 0.85em/1.3 "Lucida Sans",  Verdana, Arial, sans-serif; margin: 0; 
padding: 2em; }
.skip{left: -99999em; position: absolute; top: -99999px; }	
.structure {margin: 0 auto; max-width: 100%; width: 70em; }
.header { clear: both; float: left; line-height: 1; width: 100%; }
.nav { float: right;margin: 0; padding: 1em 1em 1em 0; }
.nav li { display: inline; padding: 0 1em 0 0; }
.main {clear: left; float: left; margin: 0.5em 0 0.5em 0; width: 71.67%; padding-right: 2em;}
.sidebox {clear: right;float: right; margin: 0.5em 0 1em 0;width: 23.33%; }
.sidebox ul { margin: 0; padding: 1em 1em; }
.sidebox li { margin: 0.5em 0; padding: 0; }
.sidebox li a{background-color:#fff;color:#222;}
.sidebox li a:hover{background-color:#fff;	color: #3368ff;}
.footer { border-top: 1px solid; clear: both; font-size: 0.9em; padding: 0em 0; }
/*this is for the local group listings*/
.listboxleft{width:45%;clear:both;float:left; margin-right:10px;text-align:left;}
.listboxright{ width:45%; float:right; padding-left:10px;text-align:left;}

/* fix ie */
* html #content { height: 1%; }
/* html #main { margin-left: 1.67%; }*/
* html #sidebox { margin-right: 0; }

/* *********************************** STYLE & COLOUR*********************************** */

body { background-color: #ffffff; color: #222; }
.structure { background-color: #fff; }
.header {  background-color:#006898; color:#fff ;}
.header h1 {width:50%;font-size: 3em; font-weight: normal; margin: 0; 
padding:0.5em 0 0 0;text-transform: uppercase; margin-left:0.5em;}
.header h2{float:left; clear:right;font-size: 1.5em; font-weight: normal; margin-left: 0.5em; 
padding:0.5em; text-transform: lowercase;}
.imgboxleft{float:left; clear:right;margin:0.5em 1em 0em 0em;
border:solid 1px;padding:none; 
}
.imgboxright{	float: right;	clear: left;	margin: 0.5em 0 0 1em;	border: solid 1px;
	text-align: center;padding:none;}
.nav { list-style: none; text-transform: lowercase; }
.nav a { color: #B0F0FF; }
.nav a:hover { border: none; color: #E3F8FF; }
.main { text-align: justify; border-right: 1px solid;  border-color: #006898; }
.sidebox ul {list-style: none; }
.sidebox li { list-style: none; text-align: left; }
.credits/*This is the box for the suthor's photo, bio & contact*/
/*Goes inside sidebox*/
{padding-bottom:0.5em; text-align:justify;}
.footer {margin-top:0.5em; border-top:1px solid;border-color: #006898; text-align: center; }
.blockquote{
	margin: 0 5em 0 5em;
	font-style: italic;
	text-align: left;}
	table{text-align:left;border-width:1px;border-color:#006898; border-style:solid;border-spacing:0px;}
table td{padding:5px;border-width:1px;border-color:#006898; border-style:solid;border-spacing:0px;cellspacing:0px;font-size: 0.9em;}
	.spacerGif{/*Useful for breaking up lenghty text if you don't have any images handy*/
	padding:5px 0px;
	background-image: url(images/line1.gif);
	background-repeat: no-repeat;
	height: 4px;
	width: 100%;
	background-position: left center;}
	
/***************************COMMON ELEMENTS*************************/
a {color: #006898; text-decoration: none; }
a:hover { border-color: #CCBBFF; color: #ccbbff; text-decoration: underline;}
p { margin: 0.3em 0 0 0; padding: 0; }
h3/*This is the article heading*/
{padding:0.5em 0 0.5em 1em;	margin:0; background-color: #006898; color:#fff;font-size: 1.3em;}
h4/*This is the author credit heading*/
{padding:0.5em 0 0.5em 2em;	margin-top:1em; background: #006898; color:#fff;font-size: 1.1em;}
h5/*This is for the sidebox headings*/
{padding:0.1em 0 0.1em 1em;	background: #006898;	font-size: 1em; 	color:#fff;text-transform: lowercase;margin:1em 0 0 0;width:auto;}
.centre{	text-align: center;}

hr{
	      color: #286ea0;
      background-color: #286ea0;
      height: 1px;width:50%;
	
}
