/*----------------
mycon02.css
started: 25/5/06
last updated: 30/6/06
----------------*/

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;
	}
img {
	border: none;
	}
	
#wrapper {
		margin-top: 0;
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background-color: transparent;
		/*border: 1px solid black; REMOVE LATER*/
		/*border: none;*/
	}
#maincontents	{
	clear: right;
	margin-top: 0px;
	margin-left: 30%;
	margin-right:5%;
	padding-top: 5px;
	}

/* ---------[ 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:-30px; */
		margin-right: 10px;
		font-size: 80%; 
	}
.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%;
	font-size: 95%;
	}
#header p.logo {
	margin-top: 25px;
	margin-left: 0px;
	padding: 0px;
	}	
/* ala pp31.. in bulletproof wd */
#nav {
	float: left;
	/*width: auto;
	better for IE6: width: auto;
	width: 72%;*/
	width:100%; 
/* tantek's box-model hack for IE 5->6 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:72%;*/
	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: #339;
	}
#t-about a	{
	background: #006;
	}
#sidebar{
	clear: left;
	float: left;
	width: 30%;
	height: 600px;
	/*background: #ffa500;*/
	color: #ccc;
	font-style:normal;
	font-weight:bold;
	padding: 0px;
	margin: 0 10px 0 -5px;
	}

#subnav ul
	{
	list-style: none;
	width:80%;
	padding:2px;
	margin-left: 5px;
	background: #999;
	}
#subnav a {
	text-decoration: none;
	color: #fff;
	background: #E6E6E6E6;
	}
#subnav a:hover, #subnav /*a.thispage*/ {
	color: #ccc;
	}
#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: #fff;
	}
#mainnavbottom a:hover, #mainnavbottom /*a.thispage*/ {
	color: #EFF334;
	background: #99f;
	}
#mainnavbottom  {
	color: #ccc;
	background: #9f9f9f;
	padding:10px;
	}
/*-------[various]----*/
.quotebox {
	float:right;
  			  width:166px;
			  /*border:solid 1px #ccc;*/
			  margin:5px 0 10px 30px;
			  padding:0px;
			  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 2px 170px;
font-size:0.8em;
}