/* layout.css is NOT includes in the cms */

/* ================================================================= Global Resetting */
/* colors

#282828 - dark grey, main bg
#37612e - dark green, box bg
#2e5127 - dark green, box border
#01009a - blue
#ffcd48 - yellow


*/

* {
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	height: 100%;
	background-color: #282828;
	overflow-y: scroll;

	scrollbar-face-color: #1a1a1a;
	scrollbar-highlight-color: #1a1a1a;
	scrollbar-3dlight-color: #282828;
	scrollbar-darkshadow-color: #1a1a1a;
	scrollbar-shadow-color: #1a1a1a;
	scrollbar-arrow-color: #282828;
	scrollbar-track-color: #282828;
}

body {
	height: 100%;
	margin: 0;
}

a img {
	border:0;
}

.clear {
	clear:both;
}



/* ================================================================= Layout */

#Main {
	margin: 0 auto;
	width: 1016px;
	height: 100%;
}

	#Top {
		width: inherit;
		height: 39px;
		background: url(../images/bg_top.png) no-repeat;
	}

		/* Search holder */
		#SearchForm * {
			margin: 0;
			padding: 0;
			border: 0;
			height: 15px;
		}

		#SearchForm {
			float: right;
			margin: 7px 0 0 0;
			padding: 0;
			width: 137px;
		}

			#SearchForm legend {
				display: none;
			}

			/* Search field */
			#Search, #SearchForm_SearchForm_Search {
				float: left;
				padding-left: 2px;
				background-color: #4f4f4f;
				width: 100px;

				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: normal;
				color: #bfc0bf;
			}

			/* Search button */
			#SearchForm_SearchForm_action_results{
				float: right;
				background: url(../images/form_search_btn_bg.gif) no-repeat #4f4f4f;
				width: 30px;
			}

		#Flags {
			float: right;
			height: 15px;
			margin: 7px 15px 0 10px;
		}

			#Flags a {
				margin-left: 4px;
			}

	/* end #Top */

	#BorderLeft {
		float: left;
		width: 22px;
		height: inherit;
		background: url(../images/bg_border_left.png) repeat-y;
	}

	#BorderRight {
		float: right;
		width: 22px;
		height: 100%;
		background: url(../images/bg_border_right.png) repeat-y;
	}

	#Page {
		float: left;
		background: url(../images/bg_green.gif) repeat;
	}

		#Navigation {
			position: relative;
			float: left;
			z-index: 2;
			margin-bottom: 20px;
		}

			/* Menu1 = #sf-menu (menu.css) */

			#Menu2 * {}

				#Menu2 li { /*padding: 0 4px;*/ }

				#Menu2 li:hover { /*background-color: #37612e;*/ }

				/* links in Meny2 */
				#Menu2 a, #LatestPages a {
					color: white;
					text-decoration: none;
					padding: 0 12px;
					font-weight: normal;
				}

					#Menu2 a:hover, #LatestPages a:hover {
						background: url(../images/bg_submenu-over.png) no-repeat left;
					}

					.item.selected {
						background: url(../images/bg_submenu-current.gif) no-repeat left;
					}

				/* current item in Meny2 */
				#Menu2 span {
					color: black;
					cursor: default;
					padding: 0 12px;
				}

				/* news menu */
				#Menu2 .date {
					color: black;
					font-size: 10px;
					margin: 12px 0 0 12px;
					padding: 0;
					/* border-top: 1px solid #396735; */
					line-height: 10px;
				}

				#Menu3 { margin: 0 0 8px 13px; }


		/* end #Navigation */


		#ContentContainer {
			clear: left;
			float: left;
			width: 972px;
			position: relative;
			padding-bottom: 30px;
			margin-top: 0;
		}

			/* white content text area */
			#Content {
				clear: both;
				float: left;
				width: 617px;
				min-height: 600px;
				height: auto !important;
				height: 600px;
				margin: 0 0 20px 20px;
				background: url(../images/bg_content_top.jpg) repeat-x left top #f0faee;
				position: relative;
			}

				#BgLeft {
					position: absolute;
					top: 17px;
					left: 0px;
					width: 17px;
					height: 100%;
					background: url(../images/bg_content_left.jpg) repeat-y left top;
				}

				#Text {
					padding: 30px 50px 12px 30px;
				}

					/* Guestbook */
					#PageComments_holder {
						width: 100% !important;
						border: none !important;
					}

						#CommentHolder {}

							#PageComments li {
								background-color: #cae0c6;
								border: 1px solid #bad3b6;
								margin: 10px 0 0 0;
								padding: 10px;
							}

								#PageComments .comment {}

								#PageComments .info {
									border-top: 1px dotted white;
									margin: 14px 0 0 0;
									padding-top: 4px;
								}

									/* admin links */
									.actionLinks *{
										border: none !important;
										font-size: 12px;
										padding: 0 !important;
									}
					/* end #Guestbook */

				/* end #Text */

				#BgRight {
					position: absolute;
					top: 17px;
					right: 0px;
					width: 17px;
					height: 100%;
					background: url(../images/bg_content_right.jpg) repeat-y left top;
				}

				#BgBottom {
					position: absolute;
					bottom: -17px;
					left: 0px;
					height: 17px;
					width: 100%;
					background: url(../images/bg_content_bottom.jpg) 2px no-repeat;
				}

			/* end #Content */

			#SideBar {
				float: left;
				width: 292px;
				margin: 0 0 40px 32px;
			}

			/* Guestbook page */
			#PageComments_holder {
				float: left;
				width: 600px;
				border: 1px solid black;
			}

			#Boxes {
				float: right;
				width: 282px;
				margin: 0 21px 0 0;
			}

				/* Floating dark boxes */
				.boxHolder {
					border: 1px #2e5127 solid;
					width: inherit;
					margin: 0 0 25px 0;
					background-color: #37612e; /* dark green */
				}

					.box {
						width: 262px;
						padding: 5px 10px 0 10px;
						margin: 0 0 5px 0;
						overflow-x: hidden;
						overflow-y: auto;
						scrollbar-face-color: #37612e;
						scrollbar-highlight-color: #37612e;
						scrollbar-3dlight-color: #2e5127;
						scrollbar-darkshadow-color: #37612e;
						scrollbar-shadow-color: #37612e;
						scrollbar-arrow-color: #2e5127;
						scrollbar-track-color: #2e5127;
					}

						.box ul {
							border-top: 1px solid #2e5127;
							padding: 0;
							margin-top: 6px;
						}

						.box ul.first {
							border-top: none;
						}

						.box ul.last {
							border-bottom: 1px solid #2e5127;
							margin-bottom: 10px;
						}

						.box input { margin: 10px 0; }

						.box p { font-size: 12px; }

					.boxHolder .shadow {
						/*background: url(../images/bg_box_shadow.gif) no-repeat; */
						width: 282px;
						height: 4px;
						/* margin-bottom: -11px; */
					}

				#News { height: auto; }

					#News .title { margin-top: 4px; }

						.puffImage {
							float: right;
							border: 1px solid #2e5127;
							margin: 0 -11px 0 4px;
							opacity: .7;
						}

				#GuestBook { /* height: 300px; */ }
			/* end Boxes */


			/* Search result */
			#SearchResult {
				clear: left;
				float: left;
				margin: 0;
				margin: 20px 0 0 30px;
				width: 617px;
				height: auto;
			}

				#SearchResult #PagesTop {
					margin-bottom: 10px;
				}

				#SearchResult #PagesBottom {
					margin-top: 10px;
					margin-bottom: 10px;
				}

				#SearchResult h5 {
					text-align: center;
				}

				#SearchResult hr {
					width: 95%;
					text-align: left;
					border: 1px solid #6a9863;
					margin: 15px 0;
				}



		/* end #ContentContainer */

	/* end #Page */

/* end #Main */



/* misc */

.clear { clear: both; }


/* silverstripe */
#SilverStripeNavigatorMessage {
	z-index: 100;
}