@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color: #F4F2E6;
	background-image: url(../img/body_bg.jpg);
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
}p, li{
	margin: 0px;
	vertical-align:top;
	font-size: 13px;
	color: #333;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: justify;
}ul, ol{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: square;
}h1, h2, h3, h4, h5{
	margin: 0px;
	font-weight: bold;
	color: #7A8E15;
	padding: 5px 5px 5px 5px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}h1 {
	font-size: 24px;
}h2 {
	font-size: 18px;
}h3 {
	font-size: 16px;
}a{
	color: #7a8e15;
	text-decoration: underline;
}a:hover, a:active {
	text-decoration: none;
	color: #7a8e15;
}form{
	margin: 5px;
}input, textarea, select{
	background-color:#F4F2E6;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333;
	border: 1px solid #7a8e15;
	font-size: 13px;
}.kreet{
	font-size: 18px;
	color: #4B0B0C;
	margin-right: 200px;
}.required{
	color:#F00;
}#container{
	width:1000px;
	margin:0px auto;
	padding:0px;
	position:relative;
	background-color: #E6F3AB;
}#header {
	height: 138px;
	margin: 0px auto;
	padding: 0px;
	background-color: #4B0B0C;
	background-image: url(../img/header_bg.png);
}#header p{
	padding: 0px 5px 0px 5px;
}#centreposition {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 0px;
	overflow: hidden;
	width: 990px;
}

/* The centrecontent style is set up for a 2 column layout.  
If you want a 3 column layout then change the centreposition style like this:   padding-right: 200px; 
<div id="right"> Write the content for your right hand column inside an id-"right" div like this </div> */

#centrecontent {
	margin: 0px;
	padding: 0px;
	display:block;
	background-color: #FFFFFF;
	border:none;
	overflow: hidden;
	width: 785px;
	float: right;
	height: 100%;
}
#centrecontent p {
	padding: 5px 5px 5px 5px;
}
#footer {
	padding: 5px;
	margin: 0 auto;
}#footer p{
	color: #7a8e15;
	text-align: right;
}#left {
	display:block;
	width: 200px;
	padding: 0px;
	border: none;
	/*visibility: visible;*/
	float: left;
}#left p{
	color:#7a8e15;
	padding: 5px;
	text-align: left;
}#left h1, h2, h3, h4{
	color:#7a8e15;
	padding: 5px;
}#left li{
	color:#7a8e15;
	padding: 0px;
}#left ul, ol{
	list-style-type: square;  
	margin-top: 0px;
	margin-bottom: 0px;
}#right {
	width: 130px;
	position: absolute;
	top: 100px;
	right: 0px;
	height: 200px;
}#menu_container{
	position:absolute;
	left: 210px;
	top: 85px;
	width: 790px;
	height: 30px;
	visibility: visible;
}#mainMenu{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;	/* Fonts of main menu items */
	font-size:14px;	/* Font size of main menu items */
	border-bottom:1px solid #D2DD8E;	/* Bottom border of main menu */
	height:30px;	/* Height of main menu */
	position:relative;
}
#mainMenu a{
	padding-left:5px;	/* Spaces at the left of main menu items */
	padding-right:5px;	/* Spaces at the right of main menu items */
	font-weight:bold;
	/* Don't change these two options */
	position:absolute;
	bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	color: #FFF;
	visibility: visible;
	text-decoration: none;
}
#submenu{
	font-family: Arial, Helvetica, sans-serif;	/* Font  of sub menu items */
	background-color:#D2DD8E;	/* Background color of sub menu items */
	width:100%;
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
	
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	/* Border options */
	color:#7a8e15;
	border-left:1px solid #D2DD8E;
	border-top:1px solid #D2DD8E;
	border-right:1px solid #D2DD8E;
	background-color: #D2DD8E;	/* Background color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	text-decoration: none;
}
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{
	color: #FFF;	/* Text color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	text-decoration: none;
}

#submenu a{
	text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	padding-left:5px;	/* Space at the left of each sub menu item */
	padding-right:5px;	/* Space at the right of each sub menu item */
	color: #7a8e15;	/* Text color */
	font-size:12px;
}

#submenu a:hover{
	color: #333;	/* Red color when the user moves the mouse over sub menu items */
}#gb{
	/*margin:0px auto;*/
	padding:5px;
}div.ruler {
    clear: both;
    height: 1px;
    background-color: #a5a5a5;
}

div.ruler hr {
    display: none;
}

div.ruler1 {
	clear: both;
	height: 21px;
	background: #fff url('/img/ruler1.jpg') no-repeat scroll center;
}

div.ruler1 hr {
    display: none;
}

div.ruler2 {
	clear: both;
	height: 11px;
	background: #fff url('/img/ruler2.gif') no-repeat scroll center;
}

div.ruler2 hr {
    display: none;
}

div.ruler3 {
	clear: both;
	height: 6px;
	background: #fff url('/img/ruler3.gif') no-repeat scroll center;
}

div.ruler3 hr {
    display: none;
}#weather{
	text-align: center;
	margin-bottom: 5px;
}#weather p{
	display: inline;
	font-size: 36px;
	font-weight: bold;
}#weather_text p{
	padding: 0px;
	text-align: center;
	font-size: 10px;
}#weather_image{
	display: inline;
}.navi {
	padding:5px;
	font-size: 16px;
	color:#F8F5EE;
	background-color: #7A8E15;
}.cal {
	color:#000;
	background-color: #E6F3AB;
}.calbooked {
	color:#FFF;
	background-color: #4B0B0C;
}#calender{
	vertical-align:top;
	display:inline;
	margin: 1px;
	overflow: auto;
	
}#calender_container{
	float:left;
	margin: 8px;
	vertical-align:top;
	height: 200px;
	background-image: url(../img/calender.png);
}#spacer{
	clear:both;
}