/*----------------
mycon03.css
started: 28/9/06
aims:
                  - minimal markup
                  - ordered source, with content first (though header will still be first of all(?), we can jump over the navigation that's in the header with a 'jump to content' link in the header)
                  - footer width matching header (navbar) width
                  
                  and aim in sidebar versions:
                  - font same size as in wikipedia, and with a similar bullet
inspiration from:

http://www.positioniseverything.net/ordered-floats.html
http://www.positioniseverything.net/articles/onetruelayout/

----------------*/

html, body	{
		margin: 0;
		padding: 0;
	}

body	{
		font-family: verdana, helvetica, sans-serif;
		font-size: small;
		text-align: center;
		color: #505367;
		background-color: #fff;
		background-image: url(/img/gfx/topgrey_01.gif);
		background-repeat: repeat-x;
	}

p {padding: 10px;}

img {
	border: none;
	}
	
#wrapper {
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}
#float-wrapper {float: left; width: 750px;}
     /*** This can be floated left or right ***/
#maincontents	{float: right; width: 500px;}

/* ---------[ accessibility statement links, top and bottom ]------------*/
/* currently identical, but they might not be by launch, or later */
.accsstatbox {
	margin: 0;
		float: right;
		/*width: auto;
		text-align: right;
		background-color: transparent;
		padding: 0px 5px;*/
	margin-top:-42px; 
	padding: 10px 0px; /* without padding, the hotspot for these links is only about one pixel high in safari, and is still a problem */
		/*margin-right: 10px;*/
		font-size: 80%; 
		
	_margin-top: -10px; /* for IE */
	}
	




.accsstatboxbottom a {
	padding: 7px 13px;
	text-decoration: none;
	color: #000;
	}
.accsstatbox a {
	text-decoration: none;
	color: #999;
	}
.accsstatbox a:hover {
	text-decoration: underline;
	color: #999;
	}	

/* ------[HEADER and MAIN NAVIGATION ]-------*/	
#header 	{
margin: 0px;
padding: 0px;
	background: url(/img/gfx/bapd_strap01.gif) no-repeat 99% 90%;
	_background: url(/img/gfx/bapd_strap01.gif) no-repeat 100% 50%; /* for IE */
	font-size: 95%;
	}
#header p.logo {
	margin-top: 25px;/*was 25px with old logo*/
	margin-left: -7px;/*was 0px with old logo*/
	_margin-left: 0px;/*just for IE5, 5.5 and 6, though 6 doesn't need it, grrr */
	padding: 0px;
	}	
#header p.logo img {
	margin-top: 10px;/*was 25px with old logo*/
	}		
/* ala pp31.. in bulletproof wd */
#nav {
	float: left;
	/*width: auto;
	better for IE6: width: auto;
	width: 72%;*/
	width:750px; 
/* tantek's box-model hack for IE 5->6 ...Let's see what happens with 7 ;) */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:72%;
  /* end of box-model hack */
	margin: 0;
	padding: 0px 0 0 206px;
	list-style: none;
	background: #999 url(img/gfx/nav_bottom_bg.gif) repeat-x bottom left;
	}
/*
html>body .nav {
  width:72%;
}	*/	
/* #nav ul	{
	float: left;
	}*/
#nav li	{
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 80%;
	}
#nav a	{
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 10px 8px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #99C;
	border-bottom: none;
	background: #669;
	}
#nav a:hover	{
	color: #336;
	background-color: #fff;
	}
#t-home a	{
	background: #336;
	}
#t-facilitation a	{
	background: #669;
	}
#t-tad a	{
	background: #336;
	}
#t-he a	{
	background: #336; /* was: #339;*/
	}
	
#t-qualifications a	{
	background: #669;
	}

#t-about a	{
	background: #006;
	}

body.home #nav #t-home, body.home #nav #t-home a,
body.facilitation #nav #t-facilitation, body.facilitation #nav #t-facilitation a,{color:#333;background:#dcdcdc;text-decoration:none;}	
	
	
	
/*body.home #nav #t-home, body.home #nav #t-home a,
body.home #nav #t-home, body.home #nav #t-home a, 
body.home #nav #t-home, body.home #nav #t-home a, */




/*	
body.home, #t-home a {
	color: #336;
	background-color: #fff;
	}
body.facilitation, #t-facilitation a {
	color: #336;
	background-color: #fff;
	}
body.tad, #t-tad a {
	color: #336;
	background-color: #fff;
	}	
body.he, #t-he a {
	color: #336;
	background-color: #fff;
	}	
body.about, #t-about a {
	color: #336;
	background-color: #fff;
	}	*/		
	
/**** SIDE COLUMN ******/	
	
#sidebar {float: left; width: 250px;
	/*background: #ffa500; take this out */
	color: #999;
	font-style:normal;
	font-weight:bold;
	padding: 0px;
	margin: 0 0px 0 -5px;
	font-size:0.8em;
	}

#subnav ul
	{
	list-style: none;
	width:80%;
	padding:3px;
	margin-left: 5px;
	margin-top: 2px;
	background: #ccc;
	}
#subnav a {
	text-decoration: none;
	color: #999;
	}
#subnav a:hover {
	color: #666;
	text-decoration: underline;
	background: #E6E6E6;
	}
#subnav li {
	margin-bottom: 5px;
	}	

#mainnavbottom ul {
	list-style: none;
	}	
#mainnavbottom li {
	display: inline; /* this makes it horizonatal */
	}
	
#mainnavbottom a {
	padding: 7px 13px;
	text-decoration: none;
	color: #999; /*was ccc*/
	}
#mainnavbottom a:hover, #mainnavbottom /*a.thispage*/ {
	color: #333;
	/*background: #99f;*/
	}
#mainnavbottom a:hover {
	text-decoration: underline;
	}	
#mainnavbottom  {
	padding-top: 5px;
	color: #999;
	background: #f9f9f9;
	}
/* -------[various]---- */

address {
margin-left: 25px;
}

.quotebox {
	float:right;
  			  width:200px;
			border:solid 1px #ccc;
			  margin:5px 0 10px 30px;
			  padding:5px;
			  font-size: 1em;
			  /*text-align: left;*/
			  background:#f5f5f5;
	}
.quotebox p, img, h {
			  padding:5px;
	}	
.randomquote{font-size:0.8em;}


.comments{font-size:0.8em;}


#footer {
clear: both;
margin: 20px 2px;
font-size:0.8em;
}