/*
	TobyBrancher.net 2007
	Full credit to www.jQuery.com and it supporters	
*/

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

html, body {
	height: 			100%;
	color:				#444444;
	background-color: 	#fff;
	font: 				0.9em arial;
	text-align:			center;}
	
a{text-decoration: none; color: #CCCCCC;}
#content .heading {
	height:				23px;
	padding:			5px 0px 0px 21px;
	margin:				0px 0px 9px 0px;
	background:			url(../img/site/h1_bg.gif) repeat-x;}
h1 {
	font: 				bold 11px Arial; 
	text-transform: 	uppercase; 
	letter-spacing: 	2px; 
	color: 				#028953;
	height:				23px;
	padding:			7px 0px 0px 20px;
	margin:				0px 0px 6px 0px;
	background:			url(../img/site/h1_bg.gif) repeat-x;}
h3 {
	font: 				1em arial;
	color:				#209667;
	margin:				0px 0px 10px 0px;}
h4 { /* dates in news window */
	font: 				0.9em arial;
	color:				#209667;
	font-weight:		normal;
	padding:			0px 1px 0px 2px;
	margin:				4px 0px 4px 0px;}
.clear {float: none; clear: both;}
.left {float:left;}
.right {float: right;}
.text_right {text-align: right;}
.green, a:hover {color: #209667;}
.light_green {color: #a0d5bb;}
a {color: #9933CC; font-weight:	bold;}
a:hover {color:	#209667;}

/* 
	Page 
*/

#page {
	width:				860px;
	height:				880px;
	margin:				auto;
	padding:			9px 0px 0px 21px;
	text-align:			left;}

/*
	Header 
*/	
	
#header {
	width:				841px;
	height:				60px;
	background:			url(../img/site/footer_seperator.gif) no-repeat;
	font:				0.8em Arial;
	margin:				0px 0px 0px 0px;
	padding:			17px 0px 8px 0px;}
#header img.left {
	margin:				6px 276px 0px 10px;}
#header #login {
	margin:				0px 0px 0px 0px;}	
#header #login label {
	text-transform:		uppercase;
	color:				#999;
	letter-spacing:		1.2px;
	line-height:		19px;
	margin:				0px 0px 3px 1px;}
#header #login .txt {
	font-size:			9px;
	width:				150px;
	height:				15px;
	color:				#209667;
	background:			#fff;
	padding:			2px 2px 1px 3px;
	margin:				1px 0px 1px 0px;
	_margin:			1px 0px 0px 0px;
	*margin:			0px 0px 0px 0px;
	background:			url(../img/site/login_bg.gif) no-repeat;
	font-size:			9px;}
#header #login #submit {
	width:				44px;
	height:				38px;
	margin:				0px 0px 0px 6px;
	color:				#7c7e80;
	cursor:				pointer;}

/* 
	Menu 
*/

#nav {
	width:				784px;
	height:				34px;
	line-height:		1.0;
	background:			url(../img/site/menu/bg.gif) repeat-x;
	margin:				0px 0px 9px 0px;
	padding:			0px 0px 0px 55px;}
#nav ul {
	background:			#F5F5F5; /*IE6 needs this*/}
#nav li {
	background:			url(../img/site/menu/li_bg.gif) no-repeat 0px 11px; /*separators */
	float:				left;
	list-style:			none;
	position:			relative;
	text-align:			center;}
#nav li.first {
	background:			url(../img/site/menu/li_bg_first.gif) no-repeat 0px 11px;}
#nav a {
	font: 				bold 11px Arial;
	text-transform: 	uppercase; 
	letter-spacing: 	1px;
	color: 				#A0D5BB;
	display:			block;
	padding: 			5px 0px 10px 0px;
	text-decoration:	none;
	width:				144px;}
#nav .selected a {
	color:				#028953;}
#nav .selected li a {color: #7c7e80;}
#nav .selected li a:hover {color: #028953;}
#nav li ul {
	float:				none;
	top:				-999em;
	position:			absolute;
	z-index:			200; /*that makes sure that the drop down menu appears on top of text and not behind*/
	border:				solid 1px #DEDEDE;
	border-width:		0px 1px 1px 1px;
	margin:				1px 0px 0px 0px;
	padding:			0px 0px 7px}
#nav li:hover,
#nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {
	color:				#028953;}
#nav li:hover ul,
#nav li.sfHover ul {
	left:				-1px;
	top:				2.5em;}
#nav li:hover li ul,
#nav li.sfHover li ul {
	top:				-999em;}
#nav li li:hover ul,
#nav li li.sfHover ul {
	left:				144px;
	top:				-1px;
	width:				110px;}
#nav li li {
	float: 				none; 
	background:			none;
	text-align:			left;
	width:				110px;
	padding:			0px 0px 0px 34px;}
#nav li li li {}
#nav li li a {
	font: 				normal 10px Arial; 
	color:				#7c7e80;
	letter-spacing: 	0px;
	padding:			0px;
	margin:				2px 0px 10px 0px;
	text-transform:		none; /* title in Database are displayed as they are typed, no transformation*/
	width:				112px;}
#nav li li a.last {margin: 0px 0px 20px 0px;}
	
/* quick hacks for IE */
*html #nav li li {
	margin-bottom:-3px;}
*html #nav li li li {
	margin-bottom:-1px;}
*+html #nav li li {
	margin-bottom:-3px;}
*+html #nav li li li {
	margin-bottom:-1px;}

/* 
	Content & Random Image 
*/

#random_img{margin: 0px 0px 6px 0px; _margin: 0px 0px 9px 0px;}

/* Scrollers */
			

.swWindow, #right_content #no_scroll {
	position: 			relative;
	height:				235px;
	overflow: 			hidden;}
.swContent, #right_content #no_scroll {
	position: 			relative; 
	top: 				0px; 
	padding: 			0 0px 13px 19px; 
	width: 				175px;} /* padding bottom should always be at least 13px */
	
.swWindow, #all_content #no_scroll {
	position: 			relative;
	height:				450px;
	overflow: 			hidden;}
.swContent, #all_content #no_scroll {
	position: 			relative; 
	top: 				0px; 
	padding: 			0 0px 13px 19px;
	z-index:			-1;
	width: 				175;} /* padding bottom should always be at least 13px */

.swArrowUp,
.swArrowDown { 
	position: 			absolute;
	cursor:				pointer;
	right: 				0; 
	width: 				11px; 
	height: 			11px;}
.swArrowUp {top: 0; background: url(../img/site/scroller/arrow_up.gif) no-repeat 2px 0px;}
.swArrowDown {bottom: 0; background: url(../img/site/scroller/arrow_down.gif) no-repeat 2px 0px;}
.swTrack {
	position:			absolute; 
	top: 				10px; 
	right: 				0; 
	width: 				12px;  
	background: 		#FFFFF url(../img/site/scroller/scroll_track.gif) repeat-y 7px 0px;}
.swSlider { 
	position: 			absolute; 
	top: 				0; 
	right: 				0;
	width: 				7px;
	background: 		#fff;
	border:				solid 1px #B4B4B4;
	cursor:				pointer;}

.swArrowDown-over {background: url(../img/site/scroller/arrow_down_o.gif) no-repeat 2px 0;}
.swArrowUp-over {background: url(../img/site/scroller/arrow_up_o.gif) no-repeat 2px 0;}
/*.swArrowDown-active,
.swArrowUp-active {background: #a0d5bb;}*/
.swSlider-over {background: #a0d5bb;}
.swSlider-active {background: #a0d5bb;}

#left_content .text .swWindow { 
	width: 				596px;}
#left_content .text .swContent {
	width: 				537px;
	padding: 			0 0px 13px 30px; }
#left_content .text .swTrack, #right_content .text .swTrack {
	height:				210px;}
#right_content .text .swWindow {
	width:				212px;}
#right_content #no_scroll {
	height:				235px;
	position: 			relative;
	padding:			0px 15px 13px 12px;}
#right_content .text .swContent {
	padding:			0px 15px 13px 12px;
}
#all_content .text .swWindow { 
	width: 				830px;}
#all_content .text .swContent {
	width: 				810px;
	padding: 			0 0px 13px 30px; }
#all_content .text .swTrack {
	height:				200px;}
	
	
/* Left Content */

#left_content {
	width:				600px;
	margin:				0px 20px 0px 0px;}
#left_content h1 {
	width:				590px;}
#left_content h3 {
	margin:				16px 0px 14px -11px;}
#left_content .text {
	width:				608px;
	height:				495px;
	font:				0.95em arial;
	padding:			10px 0px 0px 2px;
	background:			#ffffff;}	/*previously #f5f5f5*/
#left_content .text p {

	margin:				0px 0px 10px 0px;}
#left_content .text a {
	color:				#a0d5bb;}
#left_content .text a:hover {
	color:				#209667;}
#left_content .text img.content_img {
	margin:				0px 0px 0px 10px;}
#left_content .text ul {
	font:				1em arial;
	margin:				10px 0px 10px 0px;
	list-style-image:	url(../img/site/bullet.gif);}
#left_content .text ul li {
	margin:				0px 0px 0px 26px;
	padding:			0px 40px 0px 30px;}
	
/* Right Content */

#right_content {
	font:				0.85em Arial;
	width:				223px;}
#right_content h1 {
	width:				200px;}
#right_content .text {
	width:				221px;
	height:				495px;
	padding:			10px 0px 0px 0px;
	background:			#f5f5f5;}
#right_content .container p {
	text-align:			justify;
	padding:			0px 1px 0px 2px;}
#right_content .container p.more {
	margin:				3px 0px 0px 0px;}
#right_content .container img {
	padding:			8px 0px 3px 0px;
	margin:				0px 0px 3px 0px;}
	
	/* All Content */

#all_content {
	width:				840px;
	margin:				0px 20px 0px 0px;}
#all_content h1 {
	width:				820px;}
#all_content h3 {
	margin:				16px 0px 14px 0px;}
#all_content .text {
	width:				837px;
	/*height:				450px;*/
	font:				0.95em arial;
	padding:			10px 0px 0px 2px;
	background:			#ffffff;}	/*previously #f5f5f5*/
#all_content .text p {

	margin:				0px 0px 10px 0px;}
#all_content .text a {
	color:				#9933CC;}
#all_content .text a:hover {
	color:				#209667;}
#all_content .text img.content_img {
	margin:				0px 0px 0px 10px;}
#all_content .text ul {
	font:				1em arial;
	margin:				10px 0px 10px 0px;
	list-style-image:	url(../img/site/bullet.gif);}
#all_content .text ul li {
	margin:				0px 0px 0px 26px;
	padding:			0px 40px 0px 30px;}
	
/* 
	Footer 
*/

#footer {
	width:				841px;
	background:			url(../img/site/footer_seperator.gif) no-repeat;
	font:				0.8em Arial;
	color:				#777;
	padding:			7px 0px 0px 0px;
	margin:				9px 0px 0px 0px;}
#footer p {
	padding:			0px 4px 0px 0px;}