body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #444;
	text-align: center;
}
body, div, p {
	margin: 0;
	padding: 0;
}
div, p, table { text-align: left; }
p, li, dt, dd, th, td {
	color: #333;
	font-size: 0.75em; /* 12px */
	line-height: 1.5em;
}
li li {
	font-size: 1em; /* don't scale within nested lists */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: left;
}
h1 { font-size: 190%; line-height: 1.4em; margin-bottom:12px}
h2 { font-size: 164%; line-height: 1.4em; }
h3 { font-size: 105%; line-height: 1.4em; }
h4 { font-size: 118%; line-height: 1.4em; }
h5 { font-size: 100%; line-height: 1.4em; }
h6 { font-size: 90%; line-height: 1.4em; }

div.orange h1, div.orange h2, div.orange h3, div.orange h4, div.orange h5, div.orange h6, div.orange p strong { color: #db9a24; }
div.red h1, div.red h2, div.red h3, div.red h4, div.red h5, div.red h6, div.red p strong { color: #c32927; }
div.green h1, div.green h2, div.green h3, div.green h4, div.green h5, div.green h6, div.green p strong { color: #8ec23c; }
div.yellow h1, div.yellow h2, div.yellow h3, div.yellow h4, div.yellow h5, div.yellow h6, div.yellow p strong { color: #e9c91e; }
div.purple h1, div.purple h2, div.purple h3, div.purple h4, div.purple h5, div.purple h6, div.purple p strong, a.purple { color: #6c3988; }
div.grey h1, div.grey h2, div.grey h3, div.grey h4, div.grey h5, div.grey h6, div.grey p strong { color: #9ea3a9; }

div.grey h1.dark-grey, div.grey h2.dark-grey, div.grey h3.dark-grey, div.grey h4.dark-grey, div.grey h5.dark-grey, div.grey h6.dark-grey, div.grey p strong.dark-grey { color: #616264; }

div.purple h1.light-purple,
div.purple h2.light-purple,
div.purple h3.light-purple,
div.purple p strong.light-purple,
div.purple .light-purple {
	color: #b599c2;
}

a {
  color: #111;
}
a:hover {
  color: #666;
}
a img { border: none; }

div#article p, div#aside p {
	margin: 6px 0;
	padding: 0;
}

div#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background: #e7e7e9 url(rockface.jpg) repeat-y 0 5px;
}

div#header {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 176px;
	padding-left: 22px;
	padding-top: 16px;
}

a#logo {
	display: block;
	width: 67px;
	height: 90px;
}
a#logo img { display: block; }

form#search {
	margin: 0;
	padding: 2px 0 0 0;
	height: 23px;
	position: relative;
}
form#search p {
	margin: 0;
	padding: 0;
}
form#search label {
	display: block;
	float: left;
	width: 50px;
	line-height: 1em;
}
form#search input#searchbox {
	display: block;
	float: left;
	width: 125px;
	margin-right: 0;
	height: 18px;
}
form#search input#searchbutton {
	position: absolute;
	margin: 0;
	padding:0;
	right: 2px;
	top: 2px;
}
form#search input.searchbutton {
	position: absolute;
	right: 1px;
	top: 5px;
	background-color: #fff;
	border: none;
	padding: 0 2px 0 0;
}

div#nav {
	overflow: auto;
	margin-top: -40px;
	height: 80px;
}
div#contextnav {
	padding: 4px 16px 6px 16px;
	clear: both;
	margin-left: 16px;
}
div#contextnav a {
	font-size: 0.75em;
	text-decoration: none;
	color: #fff;
	padding-left: 12px;
	padding-right: 8px;
	background: url(whitearrow.png) no-repeat 0 50%;
}
div#contextnav a:hover { text-decoration: underline; }
div.orange div#contextnav { background-color: #db9a24 }
div.red div#contextnav { background-color: #c32927 }
div.green div#contextnav { background-color: #8ec23c }
div.yellow div#contextnav { background-color: #e9c91e }
div.purple div#contextnav { background-color: #6c3988 }
div.grey div#contextnav { background-color: #9ea3a9 }

div#nav ul {
	float: right;
	width: 784px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#nav li {
	float: left;
	margin: 0;
	padding: 0;
}
div#nav li a {
	display: block;
	text-decoration: none;
	background: url(white_left.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0 12px; 
	color: #333;
}
div#nav li a.begin {
	background-image: url(white_left_end.png);
}
div#nav li a span {
	display: block;
	padding: 12px 16px 6px 4px;
	background: url(white_right.png) no-repeat 100% 0;
}
div#nav li a.end span {
	background-image: url(white_right_end.png);
	padding-right: 20px;
}
div.orange div#nav li.orange a.begin { 
/*	background-color: #db9a24; */
	background-image: url(orange_left.png);
}
div.orange div#nav li.orange a span {
	background-image: url(orange_right.png);
	color: #fff;
}
div.red div#nav li.red a { 
/*	background-color: #c32927; */
	background-image: url(red_left.png);
}
div.red div#nav li.red a span {
	background-image: url(red_right.png);
	color: #fff;
}
div.green div#nav li.green a { 
/*	background-color: #8ec23c; */
	background-image: url(green_left.png);
}
div.green div#nav li.green a span {
	background-image: url(green_right.png);
	color: #fff;
}
div.yellow div#nav li.yellow a { 
/*	background-color: #e9c91e; */
	background-image: url(yellow_left.png);
}
div.yellow div#nav li.yellow a span {
	background-image: url(yellow_right.png);
	color: #fff;
}
div.purple div#nav li.purple a { 
/*	background-color: #6c3988; */
	background-image: url(purple_left.png);
}
div.purple div#nav li.purple a span {
	background-image: url(purple_right.png);
	color: #fff;
}
div.grey div#nav li.grey a { 
/*	background-color: #9ea3a9; */
	background-image: url(grey_left.png);
}
div.grey div#nav li.grey a span {
	background-image: url(grey_right.png);
	color: #fff;
}

div#content {
	overflow: auto;
}

div#article {
	background: #fff url(cog_white.png) no-repeat 100% 0;
	float: left;
	width: 524px;
	margin-right: 20px;
	padding: 16px 16px 64px 16px;
	min-height: 650px;
}
div#article p strong {
	font-size: 1.3em;
	line-height: 1.5em;
}
div#article div.two-cols {
	overflow: auto;
}
* html div#article div.two-cols {
	height: 1%; 
}
div#article div.two-cols div.left {
	float: left;
	width: 265px;
	margin-right: 16px;
}
div#article div.two-cols div.right {
	float: left;
	width: 243px;
}

div#article .links-list {
	padding: 0;
	list-style: none;
}
div#article .links-list a{
	color: #9ea3a9;
	font-weight: bold;
}

div#article address {
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.9em;
}

div#article .event-thumbnail,
div#article .news-thumbnail {
	margin: 5px 0;
	float:right;
}
/*
* html div#article {
	height: 650px; /* min-height for IE6 */
}
*/

ul.colourblock {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}
ul.colourblock li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.colourblock li a {
	text-decoration: none;
	font-size: 1.2em;
}
ul.colourblock li a img {
	vertical-align: middle;
	padding-right: 4px;
}


div#aside {
	float: left;
	width: 211px;
	background: url(sidebar.png) no-repeat 0 0;
	padding-top: 8px;
}
div#aside div.group {
	background: #fff url(sidebar.png) repeat-y -220px 0;
	padding: 1px 10px 0 11px;
}
div#aside div.otherpage {
	padding-top: 10px;
}
div#TenThousandYears {
	background: url(sidebar.png) no-repeat -440px 0;
	padding-top: 28px;
}

div#footer {
	clear: both;
	position: relative;
	margin-top: -40px;
	height: 80px;
	padding-top: 20px;
}
div.orange div#footer,
div.red div#footer,
div.green div#footer,
div.yellow div#footer,
div.purple div#footer,
div.grey div#footer {
	background-repeat: no-repeat;
	background-position: 0 -170px;
}
div#footer div.leftcorner {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -73px;
	height: 73px;
	width: 92px;
	background-repeat: no-repeat;
	background-position: 0 -97px;
}
div#footer div.rightcorner {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -170px;
	height: 170px;
	width: 336px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
div.orange div#footer,
div.orange div#footer div.leftcorner,
div.orange div#footer div.rightcorner {
	background-image: url(curve_orange.png); 
}
div.red div#footer,
div.red div#footer div.leftcorner,
div.red div#footer div.rightcorner {
	background-image: url(curve_red.png); 
}
div.green div#footer,
div.green div#footer div.leftcorner,
div.green div#footer div.rightcorner {
	background-image: url(curve_green.png); 
}
div.yellow div#footer,
div.yellow div#footer div.leftcorner,
div.yellow div#footer div.rightcorner {
	background-image: url(curve_yellow.png); 
}
div.purple div#footer,
div.purple div#footer div.leftcorner,
div.purple div#footer div.rightcorner {
	background-image: url(curve_purple.png); 
}
div.grey div#footer,
div.grey div#footer div.leftcorner,
div.grey div#footer div.rightcorner {
	background-image: url(curve_grey.png); 
}
div#footer p.right img { margin-left: 20px;  }

div#footer p.left {
	width: 48%;
	float: left;
	padding-left: 16px;
	text-align: left;
	color: #fff;
}
div#footer p.right {
	width: 48%;
	float: right;
	padding-right: 16px;
	text-align: right;
	color: #fff;
}

div#footer p { font-size: 0.625em !important; }