html, body, form {
	margin: 0;
	padding: 0;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body {
	background: #f1f6d4 url(/assets/images/body_bg.gif) repeat-y top center;
}

span.v {
	color: #818181;
	font-size: 11px;
	padding-left: 5px;
}

select, textarea, input {
	border: 1px solid #308725;
	font-family: Arial;
	font-size: 11px;
}

input {
	margin-right: 4px;
	margin-top: 1px;
	margin-bottom: 1px;
}

input[type="checkbox"], input[type="radio"] {
	border: 0;
}

input[type="button"], input[type="submit"] {
	background-color: #01662c;
	color: white;
	border: 1px solid #308725;
}

input[type="button"]:hover, input[type="submit"]:hover {
	background-color: white;
	color: #01662c;
	border: 1px solid #308725;
}

/* table form for form controls */
table.form td {
	padding: 3px;
	vertical-align: top;
}


/* SITE LAYOUT ELEMENTS */

/* site header container */
div#header {
	width: 100%;
	height: 280px;
	background-color: #e0e99e;
}

/* top of header with grebbelinie logo */
div#header_top {
	height: 60px;
	border-bottom: 2px solid white;
	background-color: #acc600; 
}

div#header_contents {
	width: 992px;
	clear: both;
	margin: 0 auto;
	padding-left: 30px;
}

/* wrapper for repeating left image/bg */
div#header_left_wrapper {
	width:50%;
	height: 220px;
	float:left;
	margin-left:-496px;
}

/* background image with gradient on left side of banner (transparent png) */
div#header_left {
	height: 100%;
	margin-left: 496px;
	background: #e0e99e url(/assets/images/header_left_bg.gif) no-repeat top right;
}

/* green top border in left header */
div#header_left_border {
	border-top: 45px solid #acc600;
}

/* centered banner images per page (above the curve) */
div#header_banner {
	width: 992px;
	background-repeat: no-repeat;
	background-position: top left;
	height: 220px;
	float: left;
}

/* wrapper for repeating right image/bg right */
div#header_right_wrapper {
	height: 220px;
	float:right;
	margin-left:-496px;

	width:50%; 
	
	/* IE6&7 fix */
	*width: 49.9%;
}

/* background image with gradient on right side of banner (transparent png) */
div#header_right {
	height: 100%;
	margin-left: 496px;
	background: #e0e99e url(/assets/images/header_right_bg.gif) no-repeat top left;
}

/* green top border in right header */
div#header_right_border {
	border-top: 45px solid #acc600;
}

/* the transparent green curve, relatively positioned on top of the banner image  */
div#header_banner_curve {
	width: 992px;
	height: 93px; /* 93px instead of 94 because of padding workaround */
	clear: both;
	margin: 0 auto;
	position: relative;
	top: -94px;
	margin-bottom: -94px; /*  clear the gap caused by relative position */
	background: url(/assets/images/banner_bg.png) no-repeat top center;
	
	/* workaround for Firefox, the header_search div does not respect the margin settings when the 
	parent element does not contain text content (nonbr space, break etc) */
	padding-top: 1px; 
	
	/*	Fix background image from header poking through in IE7 because these browsers need a
		width of 49.9% otherwise floating elements are pushed down (header_right_wrapper)
		
		THIS DOESNT WORK FOR IE6 FOR SOME REASON, PROBABLY BOXMODEL PROBLEMS
	*/
	*border-right: 1px solid #e0e99e;
}

/* search control in curve below the banner image */
div#header_search {
	margin-left: 675px;
	margin-top: 60px;
	margin-right: 30px;
}

/* main content container with menu/page/breadcrumb/right column content */
div#content_container {
	width: 992px;
	clear: both;
	margin: 0 auto;
}

/* breadcrumb of pages */
div#breadcrumb {
	height: 21px;
	border-bottom: 2px solid white;
	margin-left: 31px;
	margin-right: 31px;
	padding-left: 230px;
	background-color: #e0e99e;
	color: #a5c10a;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
}

div#breadcrumb a, div#breadcrumb a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #a5c10a;
	text-decoration: none;
}

div#breadcrumb a:hover {
	color: #00662c;
	text-decoration: underline;
}

/* left column with components */
div#content_left {
	width: 230px;
	float: left;
	padding-bottom: 20px;
}

/* menu container which is relatively positioned with the top of the menu on top of the header_banner element */
div#menu_container {
	position: relative; 
	top: -75px;
	margin-bottom: -75px;
	
	/* assign a z-index for IE6/7 browsers because the z-index of children of relatively positioned elements 
	are handled in a new stacking context. without this z-index submenu elements are hidden behind the news component*/
	z-index: 1;
}

/* page content */
div#page_content {
	float: left;
	width: 712px;
	margin-left: 10px;
	
	/* min-height workaround for IE6 */
	min-height: 450px;
	height: auto !important;
	height: 450px;
	
	padding-top: 20px;
	padding-bottom: 20px;
}

div#page_content h1:first-child {
	margin: 0;
}

/* menu shadow + component */
table.menu_shadow {

}

table.menu_shadow td {
	padding: 0;
	margin: 0;
}

table.menu_shadow td.top-right {
	width: 15px; 
	height: 15px; 
	background: url(/assets/images/menu/menu-shadow-top-right.png) no-repeat top left;
}

table.menu_shadow div.shadow_content {
	position: relative; 
	top: -15px; 
	margin-bottom: -15px;
}

table.menu_shadow td.right-repeat {
	width: 15px; 
	background: url(/assets/images/menu/menu-shadow-right-repeat.png) repeat-y top left;
}

table.menu_shadow td.bottom {
	background: url(/assets/images/menu/menu-shadow-bottom.png) no-repeat top left;
}

table.menu_shadow td.bottom-right {
	width: 15px; 
	height: 15px; 
	background: url(/assets/images/menu/menu-shadow-bottom-right.png) no-repeat top left;
}

/* menu image which is shown instead of the menu */
div#menu_image {
	margin-top: 10px;
	width: 215px;
}


/* component below menu + shadow below the menu */
table.comp_shadow {
}

table.comp_shadow td {
	padding: 0;
	margin: 0;
}

table.comp_shadow td.top-right {
	width: 15px; 
	height: 15px; 
	background: url(/assets/images/components/shadow-top-right.png) no-repeat top left;
}

table.comp_shadow div.shadow_content {
	position: relative; 
	top: -15px; 
	margin-bottom: -15px;
}

table.comp_shadow td.right-repeat {
	width: 15px; 
	background: url(/assets/images/components/shadow-right-repeat.png) repeat-y top left;
}

table.comp_shadow td.bottom {
	background: url(/assets/images/components/shadow-bottom.png) no-repeat top left;
}

table.comp_shadow td.bottom-right {
	width: 15px; 
	height: 15px; 
	background: url(/assets/images/components/shadow-bottom-right.png) no-repeat top left;
}

/* news component */
div#news_container {
	margin-top: 10px;
	width: 230px;
}

div#news_component {
	width: 100%;
	background-color: #eaedb9;
}

div#news_component div.header {
	background: url(/assets/images/components/news_header.png) no-repeat top left;
	width: 215px;
	height: 79px;
}

div#news_component div.content {
	padding: 5px;
}

div#news_component div.content ul#news {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#news_component div.content ul#news li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-bottom: 1px solid #bcd02e;
	font-size: 11px;
}

div#news_component div.content ul#news li a, div#news_component div.content ul#news li a:hover {
	font-size: 11px;
	color: #e85c0f;
}

div#news_component div.content ul#news li a:hover {
	color: #00662c;
}

div#news_component div.footer {
	height: 20px;
	background: url(/assets/images/components/news_footer.png) no-repeat bottom left;
	padding-left: 10px;
}

/* historical event component */
div#histevent_container {
	margin-top: 10px;
	width: 230px;
}

div#histevent_component {
	width: 100%;
	background-color: #eaedb9;
}

div#histevent_component div.header {
	background: url(/assets/images/components/histevent_header.png) no-repeat top left;
	width: 215px;
	height: 79px;
}

div#histevent_component div.content {
	padding: 5px;
}

div#histevent_component div.content ul#events {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#histevent_component div.content ul#events li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-bottom: 1px solid #bcd02e;
	font-size: 11px;
}

div#histevent_component div.content ul#events li a, div#histevent_component div.content ul#events li a:hover {
	font-size: 11px;
	color: #e85c0f;
}

div#histevent_component div.content ul#events li span.eventdate {
	font-size: 11px;
	color: #869a02;
}

div#histevent_component div.content ul#events li a:hover {
	color: #00662c;
}

div#histevent_component div.footer {
	height: 20px;
	background: url(/assets/images/components/histevent_footer.png) no-repeat bottom left;
	padding-left: 10px;
}

div#histevent_component div.footer a, div#histevent_component div.footer a:hover {
	font-size: 11px;
}


/* calendar event component */
div#calendar_container {
	margin-top: 10px;
	width: 230px;
}

div#calendar_component {
	width: 100%;
	background-color: #eaedb9;
}

div#calendar_component div.header {
	background: url(/assets/images/components/activities_header.png) no-repeat top left;
	width: 215px;
	height: 79px;
}

div#calendar_component div.content {
	padding: 5px;
}

div#calendar_component div.content ul#items {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#calendar_component div.content ul#items li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-bottom: 1px solid #bcd02e;
	font-size: 11px;
}

div#calendar_component div.content ul#items li a, div#calendar_component div.content ul#items li a:hover {
	font-size: 11px;
	color: #e85c0f;
}

div#calendar_component div.content ul#items li span.itemdate {
	font-size: 11px;
	color: black;
}

div#calendar_component div.content ul#items li a:hover {
	color: #00662c;
}

div#calendar_component div.footer {
	height: 20px;
	background: url(/assets/images/components/histevent_footer.png) no-repeat bottom left;
	padding-left: 10px;
}

div#calendar_component div.footer a, div#calendar_component div.footer a:hover {
	font-size: 11px;
}

/* page & article layout */


/* images markup + rounded corners in the right sidebar */
div.sidebarimage {
	width: 255px;
	margin-top: 20px; 
	background-repeat: no-repeat;
	background-position: top left;
}

div.sidebarimage table.rc {
	width: 100%; 
	height: 100%;
}

div.sidebarimage table.rc td.top {
	height: 8px;
	background: url(/assets/images/sidebar/top.png) no-repeat top left;
}

div.sidebarimage table.rc td.middle {
	background: url(/assets/images/sidebar/repeat.png) repeat-y top left;
}

div.sidebarimage table.rc td.bottom {
	height: 8px; 
	background: url(/assets/images/sidebar/bottom.png) no-repeat top left;
}

/* page layout */
div.page {
	margin-bottom: 40px;
}

div.page_title {
	float: left;
}

div.page_print {
	float: right;
}

div.page_clear {
	clear: both;
}

div.pagefooter {
	clear: both;
}

/* article layout */
div.article {
	margin-bottom: 40px;
}

div.article h1:first-child, div.article h2:first-child, div.article h3:first-child, 
div.article h4:first-child, div.article h5:first-child, div.article h6:first-child {
	margin-top: 0;
}

div.articlefooter {
	clear: both;
}

div.articlelastupdate {
	color: #869a02;
	font-size: 11px;
}

/* gallery preview layout */
div.articlegallerypreview {
	clear: both;
}

div.articlegallerypreview h5 {
	margin-top: 3px;
	margin-bottom: 2px;
}

div.articlegallerypreview div.images {
	margin-bottom: 2px;
}

div.articlegallerypreview div.images a img {
	margin-right: 4px;
	opacity: 0.7;
	filter: alpha(opacity='70');
	border: 1px solid #91b707;
}

div.articlegallerypreview div.images a:hover img {
	opacity: 1;
	filter: alpha(opacity='100');
}

/* newscategory markup in the newsindex */
ul.newscategorylist {
	padding-bottom: 20px;
}

ul.newscategorylist li {
	float: left;
	font-weight: bold;
	list-style-type: none;
	padding-bottom: 4px;
}

ul.newscategorylist li.active a {
	color: #00662c;
}

/* newsitem markup in the newsindex */
div.newslistitem {
	margin-top: 5px;
	margin-bottom: 30px;
}

div.newslistitem hr {
	margin: 0;
	padding: 0;
}

div.newslistitem h2 {
	margin-top: 3px;
	margin-bottom: 3px;
}

p.newsitemleadin {
	font-weight: bold;
}

span.newsitemdate {
	color: #869a02;
	font-size: 11px;
}

/* total results counter and pager */
div.pager {
	margin-top: 5px;
	margin-right: 2px;
}

div.pager a {
	margin-left: 2px;
	margin-right: 2px;
}

/* gallery layout and markup */
div.gallerysubcategory {
	float: left; 
	margin: 10px; 
	width: 200px;
	text-align: center;
}

div.gallerysubcategory h3 {
	margin-top: 0;
}

div.gallerysubcategory:hover {
	background-color: #dae68d;
}

div.gallerysubcategory div.image {
	width: 200px; 
	height: 150px;
	margin-bottom: 4px;
}

/* gallery item markup in subcategory */
div.gallerylistitem {
	margin-top: 5px;
	margin-bottom: 30px;
}

div.gallerylistitem img {
	margin-right: 4px;
	border: 1px solid #91b707;
}

div.gallerylistitem hr {
	margin: 0;
	padding: 0;
}

div.gallerylistitem h2 {
	margin-top: 3px;
	margin-bottom: 3px;
}

span.gallerydate {
	color: #a1b902;
	font-size: 11px;
}

div#gallery_images img {
	margin: 2px;
}

/* gallery medium detail */
div#gallery_medium_image {

}

div#gallery_image_description {
	color: #00662c;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	margin-bottom: 2px;
}

/*  guestbook items */
div.guestbooklistitem {
}

div.guestbooklistitem hr {
	margin: 0;
	padding: 0;
}

div.guestbooklistitem h3 {
	margin-top: 3px;
	margin-bottom: 3px;
}

span.guestbookitemdate {
	color: #a1b902;
	font-size: 11px;
}

/* sitemap elements */
table.sitemap {
	width: 325px;
	margin-bottom: 20px;
}

table.sitemap th {
	background-color: #9db501;
	color: white;
}

table.sitemap th a, table.sitemap th a:hover {
	color: white;
	text-decoration: none;		
}

table.sitemap th a:hover {
	text-decoration: underline;		
}

table.sitemap, table.sitemap td {
	border: 1px solid black;
	background-color: #e3ecaa;		
}

table.sitemap th, table.sitemap td {
	padding: 2px;
	padding-left: 4px;
}

div#sitemap_leftcol {
	float: left;
}

div#sitemap_rightcol {
	float: right;
}

/* search markup */
div.search_result {
	width: 700px;
	height: 72px;
	margin-bottom: 20px;
	border: 1px solid #247f27;
	background-color: #00662c;
}

div.search_result div.result_header {
	height: 15px;
	color: white;
	font-weight: bold;
	padding: 2px;
	padding-left: 4px;
}

div.search_result div.result_header a, div.search_result div.result_header a:hover {
	color: white;
	text-decoration: none;
}

div.search_result div.result_header a:hover {
	text-decoration: underline;
}

div.search_result div.resulttext {
	float: left; 
	width: 584px; 
	height: 45px;
	padding: 4px;
	background-color: #d4e27c; 
}
	
div.search_result div.resulttext p {
	font-size: 11px;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}

div.search_result div.resulttext a, div.search_result div.resulttext a:hover {
	font-size: 11px;
}

div.search_result div.relevance {
	float: right; 
	width: 100px; 
	height: 45px;
	padding: 4px;
	background-color: #98b600; 
	color: white; 
	font-weight: bold; 
	font-size: 14px; 
	text-align: center; 
	line-height: 20px;
}

/* tabular data layout */
table.itemList {
	width: 100%;
}

table.itemList thead th {
	border: 1px solid white;
	background: #247f27;
	text-align: left;
	color: white;
	padding: 2px;
}

table.itemList td {
	border: 1px solid white;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

table.itemList td a, table.itemList td a:hover {
	text-decoration: none;
}

table.itemList td a:hover {
	text-decoration: underline;
}

table.itemList tr.alt {
	background-color: #d8e487;
}

/* event date */
div.eventdate {
	color: #a1b902;
	font-size: 11px;
}


div#bannerContainer a {
	font-size: 11px;
}

div#banner {
	width: 215px;
	height: 80px;
}