/* ---------------- LAYOUT ---------------- */		

* {margin:0;padding:0}

html, body{height:100%;}

body {
	background-color:#FFFFFF;
	color: #000000;
	position:relative;/* for ie7*/
	text-align: center;
	font-family: Arial, Helvetica, Verdana, Sans;
	font-size: 0.8em;
	color: #0069b9;
	}
	
a img {	border-width: 0;}

#outer{
	min-height:100%;
	margin:0;
	color: #000;
	width: 628px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.9em;
	}

* html #outer{
	height:100%;
	} /*IE treats height as min-height anyway*/

.outerwrap {
	float: left;
	width: 100%;
	padding-top:24px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
	}
	
#centrecontent {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:12px;/* 12px + something clear footer*/
	margin-left:-1px;
	padding-top: 0;
	}

	
#navigation {
	margin-top: 30px;
	}
	
#subnavigation {
	margin-top: 24px;
	}
	
#footer {
	width:100%;
	clear:both;
	height:260px;
	color: #666699;
	text-align:left;
	position:relative;
	margin-top: 20px;
	padding-top: 10px;
	border-top: solid thin #333399;
	}
	
.credit {
	font-style:italic;
	}
	
.title {
	font-style:italic;
	}
	
	
.clearer{
	height:0px;
	overflow:hidden;
	margin-top:-0px;
	clear:both;
	}



/* ---------------- LAYOUT - LEFT COLUMN ---------------- */
#left {
	position:relative;/*ie needs this to show float */
	width:114px;
	float:left;
	margin-left:-113px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	/* background-color:#0f0; */
	left:-25px;
	height: 700px;
	/*padding-bottom:262px; clear footer*/
	/* background: #fff url(../images/bg-col-left.jpg) no-repeat; */
	}
	
	/**/

#left #logo {
		width: 114px;
		height: 129px;
		overflow: hidden;
		}

#left #logo span {
		display: none;
		}

#left #logo h1 a {
		background-image: url(../images/logos-rc2.jpg);
		background-repeat: no-repeat;
		width: 114px;
		display: block;
		height: 129px;
		overflow: hidden;
		}
	
#left ul {
		list-style-type: none;
		border-top: #cccccc 1px solid;
		}

#left ul li {
		border-bottom: #cccccc 1px solid;
		}	

#left ul li.active {
		font-weight: bold;
		}
		
#left ul li a {
		text-decoration: none;
		color: #000;
		line-height: 2em;
		padding-left: 11px;
		display: block;
		}

#left ul li a:hover {
		font-weight: bold;
		}

/* ---------------- LAYOUT - RIGHT COLUMN ---------------- */	

#right {
	position:relative;/*ie needs this to show float */
	width:114px;
	float:right;
	margin-right:-113px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	margin-top:24px;/* to clear header*/
	background-color:#00c;
	left:25px;
	height: 700px;
	/*padding-bottom:12px; clear footer*/
	background: #fff url(../images/bg-col-rt.jpg) no-repeat;
	}
	
#right ul {
		list-style-type: none;
		border-top: #cccccc 1px solid;
		}

#right ul li {
		border-bottom: #cccccc 1px solid;
		}	

#right ul li a {
		text-decoration: none;
		color: #000;
		line-height: 2em;
		padding-left: 11px;
		display: block;
		}

#right ul li a:hover {
		font-weight: bold;
		}

#right h3 {
		padding: 10px 10px 0px 10px;
		}
#right h3 a {
		border: 1px solid #c4c2c0;
		background-color: #fff;
		color: #ef893d;
		font-size: 0.9em;
		padding: 8px;
		display: block;
		text-decoration: none;
		text-align: left;
		font-weight: normal;
		}

#right h3 a:hover {
		border: 1px solid #ef893d;
		background-color: #ef893d;
		color: #fff;
		}

.rightcoltext {
	font-family: arial;
	font-style:italic;
	margin: 5px;
	}
	
/* ---------------- CASUAL ---------------- */	
#centrecontent h1 {
	font-size: 1.4em;
	line-height: 1em;
	margin-top: 24px;
	margin-bottom: 20px;
	}
	
#centrecontent h1 span {
	font-weight: normal;
	}
	
#centrecontent h2 {
	font-family: arial;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	border-bottom: #333399 solid 1px;
	margin-top: 24px;
	height: 2em;
	}
	
#centrecontent h2 span {
	background: #333399 url(../images/bg-h2.gif) repeat-x;	
	padding: 4px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	}
	
#centrecontent h2 a span {
	background: transparent none repeat-x;
	color: #333399;
	float: none;
	}
	
	
#centrecontent h2 span.seperator {
	width: 1px;
	background-color: #f7c49b;
	background-image: none;
	text-indent: 200px;
	overflow: hidden;
	padding: 4px 0;
	}
	
#centrecontent h4 {
	font-size: 1em;
	margin:0;
	padding:0;
	color: #000;
	line-height: 1.6em;
	}
	
#centrecontent h5 {
	font-size: 1em;
	margin: 1.6em 0 0 0;
	padding:0;
	color: #000;
	line-height: 1.6em;
	}
	
#centrecontent p {
	font-size: 1em;
	margin:0 0 1.6em 0;
	padding:0;
	color: #000;
	line-height: 1.6em;
	}
	
#centrecontent ul {
	font-size: 1em;
	margin:0 1.6em 1.6em 0;
	padding:0;
	padding-left: 3.2em;
	color: #000;
	line-height: 1.6em;
	}	
#centrecontent td {
	font-size: 1em;
	color: #000;
	line-height: 1.6em;
	}


#centrecontent hr {
		display: none;
	}
	
#centrecontent div.hr {
	clear:both;
	border-bottom: solid 1px #333399;
	}


input, select{
	font-size: 1em;
	font-family: arial;
	}
	
input.button {
	border: solid 0px #000;
	background-color: #666699;
	color: #fff;
	width: 12em;
	padding: 0.2em;
	}
	
#centrecontent a {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #ccc;
	}


#centrecontent a:hover {
	color: #666699;
	border-bottom: solid 1px #fadac0;
	}
	
/* ---------------- BIO PAGES ---------------- */

div.biotext {
	float: right;
	width: 80%;
}

div.bioimage{
	float: left;
	width: 20%;
}


/* ---------------- NEWS ---------------- */	
.newsitem {
	padding-top: 10px;
	}

.newsimg {
	float: left;
	padding-bottom: 10px;
	}

.newsimg img {
	height: 100px;
	}

.newstxt {
	float: left;
	margin-top: -2px;
	margin-left: 20px;
	height: 100px;
	width: 400px;
	height: 100px;
	}

.newstxt a {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #ccc;
	}

.newstxt a:hover {
	border-bottom: solid 1px #000;
	}

/* ---------------- AGENDA ---------------- */
.agenda table {
	position: relative;
	}

.agenda table th {
	background: #666699 url(../images/bg-agenda-th.jpg) repeat-x;
	font-weight: normal;
	color: #fff;
	width: 14%;
	line-height: 1.8em;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	border-bottom: solid 1px #cccccc;
	}
	
.agenda table td {
	border-bottom: solid 1px #cccccc;
	padding-top: 7px;

	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.6em;
	vertical-align: top;

	}
/*- AGENDA EXCEPTIONS -*/
.home table th {width: 14%;}
.home table td {
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.4em;
	width: 14%;
	}
.home table td {
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 6px;
	line-height: 1.6em;
	vertical-align: top;

	}
	
.agenda table td.left {
	border-left: solid 0px #cccccc;
	}

.agenda table td.left .date {
	left: -5px;
	}
	
.agenda table td .date {
	border: solid 1px #ccc;
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: tahoma;
	text-align: center;
	width: 16px;
	position: relative;
	top: -1px;
	left: -6px;
	padding-bottom: 1px;
	margin-right: 26px;
	margin-bottom: 6px;
	}

.agenda table th {
	width: auto !important;
	}