/*Site wide style rules*/


html, body{	/*zero margins and padding, set the default line-height*/
	margin: 0;
	padding: 0;
	line-height: 150%;
	}
body{		/*Set background colour, font, font-size and default text colour*/	
	background-color: #F2F2F2;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color: #070c0f;
	}

#wrapper{	/*Contains all other page elements, set width and margins*/
	width: 975px;
	margin: 0px auto;
	}
#head{
	height: 79px;
	background: #3D7595 url(../imgs/head03.jpg) repeat-x top left;
	color: #f1f1f1;
	width: 956px;
	margin: 0px auto;
}
#head h2{
	width: 433px;
	height: 30px;
	position: relative;
	top: 26px;
	left: 10px;
	float: left;
	font-size: 120%;
	
}
#head h2 a{
	color: #f1f1f1;
	text-decoration: none;
	font-size: 120%;
	}
#head h2 span{
	background: url(../imgs/h2span.jpg) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer
	}
#head address{
	float:right;
	font-style: normal;
	margin-top: 5px;
	margin-right: 7px;
	line-height: 140%;
	font-size: 85%;
}
#inner{
	width: 956px;
	margin: 0px auto;
	border-top: 1px solid #fff;
}

#content{
	width: 630px;
	float: right;
	/*border: 1px dashed #999;*/
	margin: 0px 0px 15px 10px;
	}
#content1{
	width: 630px;
	float: right;
	/*border: 1px dashed #999;*/
	margin: 0px 0px 15px 10px;

}
#counter{
	visible:hidden;
	display: none;
	}
.confidential{
	text-align: center;
	background-color:#3D7595;
	color: #f0f0f0;
}
.archive{
	
	
	height: 2em;
	}
.archive ul{
	list-style: none;
	margin: 0;
	margin-left: 3%;
	}
.archive li{
	display:inline;

}
li.tab{
	background-color: #E0EEF1;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-left: 1px solid #ccc;
	padding: .25em; .10em;
	margin: 0 .2em;
}
.archive a{
	text-decoration: none;
	font-weight: 600;
	color: #070c0f;
}
.archive a:hover{
	border-bottom: 1px solid #070c0f;
}
.main, .secondary{
	width: 306px;
	background-color: #fff;
	margin-bottom: 20px;
	}
.main{
	float: left;
	}
.secondary{
	float: right;
	margin-left: 5px;
}
.double{
	width: 620px;
	background-color: #fff;
	margin-bottom: 20px;
}
.double address{
	font-style: normal;
	font-weight: 600;
	margin-left: 3%;
	}
address#contact1{
		font-style: normal;
		font-weight: 600;
		width: 30%;
		margin: 0 auto;
	}
#condetails{
	line-height: 320%;
}
.main h4, .secondary h4, .double h4, #nav h4{
	border-bottom: 1px solid #8F8F8F;
	border-top: 1px solid #fff;
	height: 40px;
	line-height: 40px;
	background-color: #ddd;
	background-image: url(../imgs/h401bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #498db3;
	padding:0px 0px 0px 10px;
	margin: 0;	
	margin-bottom: .75em;
	text-align: center;
	}

.clearboth{
	clear: both;
}
p{
	margin: 0% 3% 1.5em 3%;
	text-align: justify;
}
.b{
	font-weight: 600;
}
dl{
	margin-left: 3%;
}
dt{
	font-weight: 600;
	text-align: justify;
	margin-bottom: .5em;
	}
dd{
	margin-left: 20px;
	margin-bottom: 10px;
}
acronym{
	border-bottom: 3px double #498db3;
	cursor: help;
	}

img.l, img.r{
	background-color:#3D7595;
	margin: 10px;
}
img.l{
	float: left;
}
img.r{
	float: right;
}

			/*Site Navigation*/
#toolbar {
	height: 39px;
	background: #EAEBEC url(../imgs/toolbar.jpg) repeat-x top left;
	border-bottom: 1px solid #8F8F8F;
	margin: 0;
	padding:0; 
	margin-bottom: 20px;		
	}
#toolbar ul#text{
	float: left;
	line-height: 37px;
	margin:0px;
	margin-left: 5px;
	padding:0px;
	padding:0px;
	width: 50%;
}

#toolbar li{ 	
	display: inline;
	height: 39px;
	width: 35px;
	margin: 0 3px 0 2px;
	line-height: 39px;	
	}
#toolbar li a, #toolbar li a:link{
	text-decoration: none;
	color: #070c0f;
	border-bottom: 1px solid #070c0f;
	}
#toolbar li a:hover{
	background-color: #2D4E61;
	color: #fff;
}


#toolbar a.default, #toolbar a.default:link{
	color: #070c0f;
	font-weight: 400;
	text-decoration: none;
	margin-left: 0px;
	font-size: 150%;
	border-bottom: none;
	}
#toolbar a.medium, #toolbar a.medium:link{
	color: #070c0f;
	font-weight: 400;
	text-decoration: none;
	font-size: 200%;
	border-bottom: none;
	}
#toolbar a.large, #toolbar a.large:link{
	color: #070c0f;
	font-weight: 400;
	text-decoration: none;
	font-size: 250%;
	border-bottom: none;
	}
ul#contact{
	float: right;
	line-height: 39px;
	margin-right: 5px;
}
ul#contact a.email{
	font-size: 200%;
	border: none;
	margin-right: 10px;
	
}
.big{
	font-size: 200%;
	}
#elsewhere{
	background-color: #e0eef1;
	width: 85%;
	margin: 0 auto;
}
#elsewhere ul{
	margin: 0;
	margin-left: .75em;
	padding-bottom: 1.5em;
	padding: 0;
	list-style: none;
}
#elsewhere li{
	margin-bottom: .5em;
	}
#elsewhere a{
	text-decoration: none;
	color: #070c0f;
	border-bottom: 1px solid #070c0f;
	margin-bottom: .5em;
	}
#elsewhere a:hover{
	border-bottom: none;
	color: #407998;
}

#nav{
	width:286px;
	background-color: #f2f2f2;
	margin-left:10px;
	float: left;
}
#nav h4{
	margin: 0 auto;
	width: 80%;
	text-align: center;
}

ul.thispage, ul#menu{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	width: 80%;
	}
.thispage{
	background-color: #eee;	
	}

#menu a, #menu a:link, .thispage li a, .thispage li a:link{
	display: block;
	text-decoration: none;
	text-align: left;
	padding: .25em 0.5em;
	width: 100%;
	margin: 0 .5%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #8F8F8F;
	color: #070c0f;
	font-weight: 600;
}
.thispage li a, .thispage li a:link{
	background-color: #E0EEF1;
}
.thispage li a:hover{
	background-color: #B7D7E2;
	}
	
#menu li a:hover{
	background-color: #64A7C1;
	}
#menu li a.current{
	background-color: #64A7C1;
	cursor: default;
	color: #fff;
	}
#menu li a.current:hover{
	background-color: #64A7C1;
	cursor: default;
	color: #fff;
	}
#menu li a, #menu li a:link{
	background-color: #93C1D2;
}

ul.next{
	margin: 10px auto;	
	padding:0;
	list-style: none;
	width: 250px;
	
	}
ul.next li{
	display: inline;
	background-color: #E0EEF1;
	}
ul.next li a, ul.next li a:link{
	text-decoration: none;
	padding: .25em 0.5em;
	width: 100%;
	margin: 0 .5%;
	color: #070c0f;
	font-weight: 600;
	background-color: #E0EEF1;
	}
ul.next li a:hover{
	background-color: #B7D7E2;
}
			
			/*specific rules for Team Page*/

.jp, .sb, .kt, .ap, .bn, .jm, .ab, .sl, .ym, .wg, .jw, .ah, .dm{
	height: 140px;
	width: 101px;
	background-color: #3D7595;
	float: left;
	margin: 10px;
	margin-right: 5px;
	color: #f1f1f1;
	
}


.jp{
	background: url(../imgs/jp.jpg) no-repeat top left;
}
.sb{
	background: url(../imgs/sb.jpg) no-repeat top left;
}
.kt{
	background: url(../imgs/kt.jpg) no-repeat top left;
}
.ap{
	background: url(../imgs/ap.jpg) no-repeat top left;
}
.bn{
	background: url(../imgs/bn.jpg) no-repeat top left;
}

.ab{ 
	background: url(../imgs/ab.jpg) no-repeat top left;
}
.sl{
	background: url(../imgs/sl.jpg) no-repeat top left;
}
.ym{
	background: url(../imgs/ym.jpg) no-repeat top left;
	}

.wg{
	background: url(../imgs/wg.jpg) no-repeat top left;
}


.jw{
	background: url(../imgs/jw.jpg) no-repeat top left;
}
.jm{
	background: url(../imgs/jm.jpg) no-repeat top left;
}

.ah{
	background: url(../imgs/ah.jpg) no-repeat left top;
}

.dm{
	background: url(../imgs/dm.jpg) no-repeat left top;
}



a.facilitator, a.facilitator:link{	/*Default link styling*/
	text-decoration: none;
	border-bottom: 1px solid #498db3;
	color:#498db3;
}
a.facilitator:visited{
	color: #444;
	border-bottom: 1px solid #444;
}
a.facilitator:hover{
	background-color: #2D4E61;
	color: #f1f1f1;
	border-bottom: 1px solid #2D4E61;
}
.container{	/*Container for team page only*/
	float: right;
	width: 475px;
	/*border:1px dashed #666;*/
	margin: 0px 10px;
}
.l3, .r3{/*These are used on the team page to control content for each profile*/
	width: 200px;
	border: 1px dashed #ccc;
}
.l3{
	float: left;
	}
.r3{
	float: right;
}
.containert{	/*container for all other pages*/
	margin: 0 auto;
	width: 600px;
	/*border: 1px dashed #666;*/
}
.containert h4{
	color: #498db3;	
	background: transparent;
	border: none;
}
.container h4{
	color: #498db3;
	background: transparent;
	border: none;
	margin: 10px 0px 10px 10px;
	line-height: 1em;
	} 
.l1, .r1{	
	width: 280px;
	/*border: 1px dashed #999;*/
	}
.l1{ 
	float: left;
	}
.r1{
	float: right;	
	}
.l2, .r2{/*Used on the Contact page*/
	width: 120px;
	/*border: 1px dashed #00f;*/
}
.l2{
	float: left;
	margin-left: 10px;
}
.r2{
	float: right;
}
#valid{		/*Used to diaplay validation icons*/
	margin-top: 5em;
	margin-left: 99px;
	width: 88px;
	}
#valid p{
	margin: 0px 10px;	
}
#foot{	
	height: 39px; 
	background: #3D7595 url(../imgs/footbg.jpg) repeat-x top left;
	color: #fff;
	margin-top: 15em;
	clear: both;
	}
p#disclaimer{
	line-height: 39px;
	float: left;
	margin-left: 10px;
}
#foot ul{
	list-style: none;
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -1px; right: 0px;
}
#foot li{
	display: block;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	}
#foot a, #foot a:link{
	text-decoration: none;
	border-bottom: 1px solid #f1f1f1;
	color: #f1f1f1;
}
#foot a:hover{
	color: #2D4E61;
	background-color: #fff;
	border-bottom: 1px solid #2D4E61;
}
#dis{/*Used on contact page*/
	background: url(../imgs/dis.gif) no-repeat 5px 5px;
}
#dis p{
	margin-left: 50px;
	}
hr{ 
margin: 1.5em 10%;
color: #eee;
}
h5{
	font-size: 120%;
	color: #498db3;	
	background: transparent;
	border: none;
	text-align: center;
}
h3{
	text-align: center;
}
table#open{
	width: 50%;
	margin: 0 auto;
	margin-bottom: 1.5em;
	}
 tr.title{
	text-align: center;
	font-size: 140%;
	color: #498db3;
}
.reduced{
	color: #fff;
	background-color: #3D7595;

}
.reducedone{
	color: #fff;
	background-color: #64A7C1;
}
.closed{
	background-color: #E0EEF1;
	color: #070c0f;
}
td{
	text-align: center;
}
.day{
	text-align: left;
	font-weight: 600;
	color: #070c0f;
}
tr.white{
	background-color: #fff;
}
/*Set up space for team page*/

.profile{
	clear:both;
	margin-bottom: 1.5em;
}
form#sum{
	background-color:#f1f1f1;
	width: 80%;
	border: 1px dashed #999;
	margin: 1.5em auto;
}