/* 
	TobyBrancher.net 2007
 */

* {margin:0; padding:0; border: none 0 #fff;}

html, body {
	color:				#5a5a5a;
	font:				normal 11px Arial;
	background:			#fff;}
div#wrap {width: 915px;}
	

h1, h2, h3, h4 {font: bold 14px Arial;}
h1{margin: 0 0 10px; font-size: 12px;}
h2{color: #5a5a5a;}
h3{color: #5a5a5a;}
h5{color: #5a5a5a; font: bold 12px Arial; margin: 10px 0 0;}
strong {font: bold 11px arial;}

body.day {background: #fff;}

/*
	Main Menu	
*/

div#menu {
	width:				142px;
	height:				602px;
	padding:			183px 0 0 6px;
	display:			block;
	float:				left;
	position:			relative;}
div#menu h2 {margin: 0 0 18px 15px;}
div#menu ul {
	list-style:			none;
	padding:			4px 0 0 0;
	font:				11px Arial;
	background:			url(../img/site/menu/divider_grey.gif) no-repeat;}
div#menu ul li {
	line-height:		19px;
	padding:			0 0 4px;
	background:			url(../img/site/menu/divider_grey.gif) no-repeat 0 21px;}
div#menu ul li a {text-decoration: none; color: #686868; padding: 0px 0px 0px 15px;}

/*
	 Sub Menu
*/

div#sub_menu {

	width:				136px;
	height:				785px;
	padding:			0 6px 0 6px;
	background:			url(../img/site/menu/sub_bg.png) no-repeat;
	display:			block;
	float:				left;}
	
/*
	Page Links	
*/

div#sub_menu div#page_links {
	width:				136px;
	height:				288px;
	padding:			183px 0 0 0;
	display:			block;}
div#sub_menu div#page_links h2 {margin: 0 0 18px 15px;}
div#sub_menu div#page_links ul {
	list-style:			none;
	padding:			4px 0 0;
	font:				11px Arial;
	background:			url(../img/site/menu/divider_grey.gif) no-repeat;}
div#sub_menu div#page_links ul li {
	line-height:		19px;
	padding:			0 0 4px;
	background:			url(../img/site/menu/divider_grey.gif) no-repeat 0 21px;}
div#sub_menu div#page_links ul li a {text-decoration: none; color: #686868; padding: 0 0 0 15px;}
div#sub_menu div#page_links ul li ul {
	background:			none;
	padding:			4px 0 0;}
div#sub_menu div#page_links ul li ul li {
	padding:			1px 0 4px;
	background:			url(../img/site/menu/divider_grey.gif) no-repeat 0 21px;}
div#sub_menu div#page_links ul li ul li.last {
	line-height:		17px;}
div#sub_menu div#page_links ul li ul li a {
	padding:			0 0 0 30px;}
div#sub_menu div#page_links ul li.selected ul li.selected a {}


/*
	News Links
*/

div#sub_menu div#news_links {
	display:			block;
	width:				136px;
	height:				296px;
	margin:				9px 0 0;
}
div#sub_menu div#news_links h3 {
	width:				127px;
	height:				23px;
	border:				solid 1px #686868;
	border-width:		0 0 1px;
	padding:			0 0 0px 9px;
	}
div#sub_menu div#news_links div.item {
	overflow:			hidden;
	padding:			4px 9px 4px 9px;
	border:				solid 1px #686868;
	border-width:		0 0 1px;}
div#sub_menu div#news_links div.item a{
	font:				normal 11px Arial;
	color: 				#686868;
	text-decoration:	none;
	line-height:		19px;
	float:				right;}
div#sub_menu div#news_links div.item p {
	line-height:		14px;
	cursor:				pointer;
	padding:			0 0 0 0;}
div#sub_menu div#news_links div.item#archive a {
	font:				normal 11px Arial;
	line-height:		14px;
	float:				none;}
	

/*
	Page
*/

div#page {
	width:				615px;
	height:				785px;
	float:				left;
	overflow:			hidden;}

	
/*
	Header & Image
*/

div#page div#header {
	width:				615px;
	height:				210px;}
div#page div#header img {
	margin:				10px;}

div#page div#page_image {
	overflow:			hidden;
	height:				262px;
	margin:				1px 0;}

/*
	Content
*/

div#page div#overlay_wrap {
	float:				left;
	position:			relative;
	overflow:			hidden;
	background:			#fff;}
div#page div.swWindow {
	position:			relative;
	width:				615px;
	height:				310px;
	background:			url(../img/site/body_text_bg.png) no-repeat;}

div#page #overlay_top {
	position:			absolute;
	top:				0;
	left:				0;
	width:				603px;
	height:				10px;
	background:			url(../img/site/body_text_overlay_top.png) no-repeat;}
div#page #overlay_bottom {
	position:			absolute;
	top:				296px;
	left:				0;
	width:				603px;
	height:				14px;
	background:			url(../img/site/body_text_overlay_bottom.png) no-repeat;
} 	
.swContent h1 {
	padding:			2px 0 10px;
	border-bottom:		solid 1px #686868;
	line-height:		9px;
	
	}
.swContent p {
	margin:				10px 0;}
	
.swContent a {
	color:				#686868;
	text-decoration:	none;
	margin:				0;
	padding:			0;}
	
/* Archive content */

div#page.archive div.swContent div.item {
	overflow:			hidden;
	padding:			7px 3px;
	border:				solid 1px #666;
	border-width:		0 0 1px;}

div#page.archive div.swContent a, div#page.archive div.swContent .date {
	font:				bold 12px Arial;
	margin:				20px 0;}

div#page.archive div.swWindow {
	width:				615px;
	height:				574px;
	position:			relative;
	background:			url(../img/site/archive_bg.gif);}
div#page.archive div.swContent {
	position: 			relative; 
	top: 				0px;
	padding:			8px 0 13px 8px;
	width: 				587px;}
div#page.archive div.swTrack {
	height:				550px;}
	
/* Scroller */

.swWindow {
	overflow: 			hidden;
	_zoom:				1;}
.swContent {
	position: 			relative; 
	top: 				0px; 
	padding:			8px 0px 13px 8px;
	width: 				587px;} /* padding bottom should always be at least 13px */
.swArrowUp,
.swArrowDown { 
	position: 			absolute;
	cursor:				pointer;
	right: 				1px; 
	_right:				0;
	width: 				9px; 
	height: 			11px;
	_height:			10px;
	background:			#eeefe8;}
.swArrowUp {top: 0;} 
.swArrowDown {bottom: 0;}
.swArrowDown-over, .swArrowUp-over {background: #78CFF6;}
/*.swArrowDown-active, .swArrowUp-active {background: #a0d5bb;}*/
.swTrack {
	position:			absolute; 
	top: 				12px; 
	right: 				1px;
	_right:				0;
	width: 				9px;
	background:			#eeefe8;}
.swSlider { 
	position: 			absolute; 
	top: 				0; 
	_right: 			-1px;
	width: 				9px;
	background: 		#D8D8D8;
	cursor:				pointer;}
.swSlider-active , .swSlider-over {background: #fff;}
.swTrack {
	height:				286px;}


	
/*
	Footer
*/

div#footer {
	position:			relative;
	float:				left;
	width:				763px;
	margin:				0 0 0 14px;
	padding:			0 0 0 134px;
	background:			url(../img/site/logo_footer.gif) no-repeat 0 20px;}
div#footer .block {
	width:				763px;
	height:				64px;
	overflow:			hidden;}
div#footer p {
	width:				760px;
	float:				right;
	text-align:			right;
	padding:			4px 3px 10px 0;
	margin:				2px 0 0 0;
	border:				solid 1px #fff;
	border-width:		1px 0 0 0;}
div#footer p a {
	text-decoration:	none;}

/*
	Colours
*/

/* Orange */

body.orange div#page div#header 
{background: url(../img/site/colour_sets/orange/header_bg.png) no-repeat;}
body.orange div#footer .block
{background: url(../img/site/colour_sets/orange/footer_bg.png) no-repeat;}
body.orange h1, body.orange div#menu h2, body.orange div#sub_menu div#page_links h2, body.orange div#menu .selected a, body.orange div#sub_menu div#page_links ul li.selected a, body.orange div#sub_menu div#page_links ul li.selected ul li.selected a, body.orange div#sub_menu div#news_links div.item a.selected, body.orange div#page.archive div.swContent .date, body.orange div#page.archive div.swContent a:hover, body.orange div#sub_menu div#news_links h3, body.orange div#sub_menu div#news_links div.item p.hover
{color: #FF9900;}
body.orange .swSlider-active , body.orange .swSlider-over, body.orange .swArrowDown-over, body.orange .swArrowUp-over 
{background: #FF9900;}
body.orange div#menu ul li a.hover, body.orange div#sub_menu div#page_links ul li a.hover, body.orange div#sub_menu div#page_links ul li ul li a.hover, body.orange div#footer p, body.orange div#sub_menu div#news_links div.item a.hover, body.orange div#sub_menu div#page_links ul li.selected ul li a.hover, body.orange .swContent a:hover, body.orange div#footer p a
{color: #FFD23E;}
body.orange div#footer p
{border-color: #FFD23E;}

/* Dark Blue */

body.dark_blue div#page div#header 
{background: url(../img/site/colour_sets/dark_blue/header_bg.png) no-repeat;}
body.dark_blue div#footer .block 
{background: url(../img/site/colour_sets/dark_blue/footer_bg.png) no-repeat;}
body.dark_blue h1, body.dark_blue div#menu h2, body.dark_blue div#sub_menu div#page_links h2, body.dark_blue div#menu .selected a, body.dark_blue div#sub_menu div#page_links ul li.selected a, body.dark_blue div#sub_menu div#page_links ul li.selected ul li.selected a, body.dark_blue div#sub_menu div#news_links div.item a.selected, body.dark_blue div#page.archive div.swContent .date, body.dark_blue div#page.archive div.swContent a:hover, body.dark_blue div#sub_menu div#news_links h3, body.dark_blue div#sub_menu div#news_links div.item p.hover
{color: #0055A4;}
body.dark_blue .swSlider-active , body.dark_blue .swSlider-over, body.dark_blue .swArrowDown-over, body.dark_blue .swArrowUp-over 
{background: #0055A4;}
body.dark_blue div#menu ul li a.hover, body.dark_blue div#sub_menu div#page_links ul li a.hover, body.dark_blue div#sub_menu div#page_links ul li ul li a.hover, body.dark_blue div#footer p, body.dark_blue div#sub_menu div#news_links div.item a.hover, body.dark_blue div#sub_menu div#page_links ul li.selected ul li a.hover, body.dark_blue .swContent a:hover, body.dark_blue div#footer p a
{color: #8ADBFF;}
body.dark_blue div#footer p
{border-color: #8ADBFF;}

/* Light Blue */

body.light_blue div#page div#header 
{background: url(../img/site/colour_sets/light_blue/header_bg.png) no-repeat;}
body.light_blue div#footer .block 
{background: url(../img/site/colour_sets/light_blue/footer_bg.png) no-repeat;}
body.light_blue h1, body.light_blue div#menu h2, body.light_blue div#sub_menu div#page_links h2, body.light_blue div#menu .selected a, body.light_blue div#sub_menu div#page_links ul li.selected a, body.light_blue div#sub_menu div#page_links ul li.selected ul li.selected a, body.light_blue div#sub_menu div#news_links div.item a.selected, body.light_blue div#page.archive div.swContent .date, body.light_blue div#page.archive div.swContent a:hover, body.light_blue div#sub_menu div#news_links h3, body.light_blue div#sub_menu div#news_links div.item p.hover
{color: #00AFEF;}
body.light_blue .swSlider-active , body.light_blue .swSlider-over, body.light_blue .swArrowDown-over, body.light_blue .swArrowUp-over 
{background: #00AFEF;}
body.light_blue div#menu ul li a.hover, body.light_blue div#sub_menu div#page_links ul li a.hover, body.light_blue div#sub_menu div#page_links ul li ul li a.hover, body.light_blue div#footer p, body.light_blue div#sub_menu div#news_links div.item a.hover, body.light_blue div#sub_menu div#page_links ul li.selected ul li a.hover, body.light_blue .swContent a:hover, body.light_blue div#footer p a
{color: #B9E0F7;}
body.light_blue div#footer p
{border-color: #B9E0F7;}

/* Green */

body.green div#page div#header 
{background: url(../img/site/colour_sets/green/header_bg.png) no-repeat;}
body.green div#footer .block
{background: url(../img/site/colour_sets/green/footer_bg.png) no-repeat;}
body.green h1, body.green div#menu h2, body.green div#sub_menu div#page_links h2, body.green div#menu .selected a, body.green div#sub_menu div#page_links ul li.selected a, body.green div#sub_menu div#page_links ul li.selected ul li.selected a, body.green div#sub_menu div#news_links div.item a.selected, body.green div#page.archive div.swContent .date, body.green div#page.archive div.swContent a:hover, body.green div#sub_menu div#news_links h3, body.green div#sub_menu div#news_links div.item p.hover
{color: #00AB39;}
body.green .swSlider-active , body.green .swSlider-over, body.green .swArrowDown-over, body.green .swArrowUp-over 
{background: #00AB39;}
body.green div#menu ul li a.hover, body.green div#sub_menu div#page_links ul li a.hover, body.green div#sub_menu div#page_links ul li ul li a.hover, body.green div#footer p, body.green div#sub_menu div#news_links div.item a.hover, body.green div#sub_menu div#page_links ul li.selected ul li a.hover, body.green .swContent a:hover, body.green div#footer p a
{color: #00FF00;}
body.green div#footer p
{border-color: #00FF00;}

/* Purple */

body.purple div#page div#header 
{background: url(../img/site/colour_sets/purple/header_bg.png) no-repeat;}
body.purple div#footer .block
{background: url(../img/site/colour_sets/purple/footer_bg.png) no-repeat;}
body.purple h1, body.purple div#menu h2, body.purple div#sub_menu div#page_links h2, body.purple div#menu .selected a, body.purple div#sub_menu div#page_links ul li.selected a, body.purple div#sub_menu div#page_links ul li.selected ul li.selected a, body.purple div#sub_menu div#news_links div.item a.selected, body.purple div#page.archive div.swContent .date, body.purple div#page.archive div.swContent a:hover, body.purple div#sub_menu div#news_links h3, body.purple div#sub_menu div#news_links div.item p.hover
{color: #A54499;}
body.purple .swSlider-active , body.purple .swSlider-over, body.purple .swArrowDown-over, body.purple .swArrowUp-over 
{background: #A54499;}
body.purple div#menu ul li a.hover, body.purple div#sub_menu div#page_links ul li a.hover, body.purple div#sub_menu div#page_links ul li ul li a.hover, body.purple div#footer p, body.purple div#sub_menu div#news_links div.item a.hover, body.purple div#sub_menu div#page_links ul li.selected ul li a.hover, body.purple .swContent a:hover, body.purple div#footer p a
{color: #F7B9D4;}
body.purple div#footer p
{border-color: #F7B9D4;}

/* reset */
body.orange div#sub_menu div#page_links ul li.selected ul li a, body.dark_blue div#sub_menu div#page_links ul li.selected ul li a, body.light_blue div#sub_menu div#page_links ul li.selected ul li a, body.green div#sub_menu div#page_links ul li.selected ul li a, body.purple div#sub_menu div#page_links ul li.selected ul li a 
{color: #5a5a5a;}
