/* --------------------      CSS    ------------------------*/

	html {
		height:100%; /*required for all browsers*/ 
	}
	body {
		background-color: #E4E0C5;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	tr {
		font: 12px  arial, helvetica, sans-serif;
		color: #333333;
		margin: 0px;
		padding: 0px;
		line-height: 18px;
	}
	p {
		font: 12px arial, helvetica, sans-serif;
		line-height: 18px;
		margin: 10px 0px 0px 0px;
		color: #666666;
	}
	a {
		color: #6E4D40;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		color: #96796D;
	}
	h1 {
		font:18px arial, helvetica, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		letter-spacing: 0ex;
		line-height: 26px;
	}
	h2 {
		font:16px arial, helvetica, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		letter-spacing: 0ex;
		line-height: 24px;
	}
	h3 {
		font:14px arial, helvetica, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		letter-spacing: 0ex;
		line-height: 22px;
	}
	h4 {
		font:12px arial, helvetica, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		line-height: 22px;	
		letter-spacing: 0ex;
		line-height: 20px;
	}		
	ul {
		font:12px arial, helvetica, sans-serif;
		line-height: 16px;
		list-style-type: square;
		list-style-color: #F0E190;
	}
	hr {
		color: none;
		border-bottom: 1px dashed #979832;
		height: 1px;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		padding: 0px;
		margin: 10px 0px 5px 0px;			
	}
	
/* --------------------      Classes    ------------------------*/

	.navMain {
		padding-right: 8px;
		padding-left: 8px;
		color: #6E4D40;
		font-family: Arial, Helvetica, sans-serif;		
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		cursor: hand;
		vertical-align: middle;
		letter-spacing: 0.1ex;

	}
	.navMain:hover {
		color: #96796D;
		text-decoration: none;

	}
	.navMainBG {
		background-image: url(../images/nav_block.gif);
		background-position: right;
		background-repeat: repeat-y;
	}	
	.smallBlack {
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		line-height: 13px;
	}
	.smallWhite {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9px;
		color: #ffffff;
		line-height: 13px;
	}
	.smallGrey {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		line-height: 13px;
	}
	.smallRed {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9px;
		color: #cc0000;
		line-height: 13px;
	}
	.xtraSmallWhite {
		font-family: verdana;
		font-size: 8px;
		color: #ffffff;
		text-decoration: none;
	}
	.siteMap {
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #926454;
		line-height: 13px;
		padding: 10px 0px 15px 0px;
	}		
	.clrBlueLight {
		color: #336699;
	}
	.clrBlueDark {
		color: #1B4064;
	}	
	.clrRed {
		color: #8D0C0C;
	}
	.clrRedBright {
		color: #FF1010;
	}
	.clrPink {
		color: #BC00A8;
	}
	.clrGold {
		color: #CC9900;
	}
	.clrWhite {
		color: #ffffff;
	}
	.clrGray {
		color: #666666;
	}
	.clrBlack {
		color: #000000;
	}
	.clrGreen {
		color: #79AB03;
	}
	.clrGreenLight {
		color: #979832;
	}
	.clrYello {
		color: #E0AF00;
	}	
	.clrPurple {
		color: #361F55;
	}	
	.clrBrown {
		color: #6D4D40;
	}	
	.clrBG {
		color: #DAD4B0;
	}		
	
	.pageFrame {
		border: 1px solid #dddddd;
		padding: 10px;  
		margin: 0px; 					
	}
	.imageFrame {
		border: 1px solid #000000;
		padding: 0px;  
		margin: 0px; 					
	}
	.imageFrame:hover {
		border: 1px solid #ffffff;		
	}
	.pageBorderLeft {
		border-right: 1px solid #F2F3EF;
	}
	.pageBorderRight {
		border-left: 1px solid #F2F3EF;
	}
	.marginLeft {
		padding-left: 10px;
	}
	.marginLeftRight {
		padding-left: 10px;
		padding-right: 10px;
	}	
	
	.surfaceTag {
		font-family: verdana;
		font-size: 8px;
		color: #4E4E47;
		text-decoration: none;
		/*letter-spacing: 0.1ex;*/		
	}
	.surfaceTag:hover {
		color: #Cc480A;
		text-decoration: none;
	}
	.bdrBottomDashed {
		border-bottom: 1px dashed #cccccc;
	}
	.bdrTopDashed {
		border-top: 1px dashed #cccccc;
	}
	.bdrTopRightDashed {
		border-top: 1px dashed #cccccc;
		border-right: 1px dashed #cccccc;
	}	
	.BgTop{
		background-image: url(../images/bg_top.gif);
		background-repeat: no-repeat;
		background-color: #DAD4B0;
		background-position: top right; 
	}		
	.BgMain {
		background-image: url(../images/bg_bottom.gif);
		background-repeat: no-repeat;
		background-color: #DAD4B0;
		background-position: 0px 410px;
		border-left: 3px double #BBB495;
		border-right: 3px double #BBB495;		
		
	}
	.BgHome {
		background-image: url(../images/bg_home.gif);
		background-repeat: no-repeat;
		background-color: #DAD4B0;
		background-position: bottom right;
		border-left: 3px double #BBB495;
		border-right: 3px double #BBB495;
		/* background-color:#F0EEE2; */
	}
	.adminContent {
		background-image: url(../images/bg_bottom.gif);
		background-repeat: no-repeat;
		background-color: #DAD4B0;
		background-position: 0px 0px;
		border-top: 1px solid #6E4D40;
		padding-bottom:20px;
		min-height:100%;
		/*height: 500px;*/
	}
	.adminText {
		color: #6E4D40;
		font-family: Arial, Helvetica, sans-serif;		
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		cursor: hand;
		vertical-align: middle;
		letter-spacing: 0.1ex;
	}
	.adminMain {
		background-color: #DAD4B0;
		border-left: 3px double #BBB495;
		border-right: 3px double #BBB495;		
	}
	.adminPadding {
		padding-top:30px;		
	}
	.ratesHeading {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-weight:normal;
		color: #342720;
		font-size:17px;
	}	
	.diaryHeading {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-weight:normal;
		color: #6E4D40;
		font-size:17px;
	}
	.diaryHeading:hover {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-weight:normal;
		color: #96796D;
		font-size:17px;
		text-decoration:none;
	}
	.diaryDate {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-weight:normal;
		color: #6E4D40;
		font-size:12px;
		margin-top:5px;
	}
	.diaryUrl {
		color: #6E4D40;
		text-decoration: none;
		border-bottom:1px dotted #96796D;
	}
	.diaryUrl:hover {
		text-decoration: none;
		color: #000000;
		border-bottom:1px dotted #DAD4B0;
	}
	.images {
		border:1px solid #C0B67A;
	}
	.images:hover {
		border:1px solid #6E4D40;
	}
	.diaryPaddingTop {
		padding-top:50px;
	}
	.cards {
		margin-right:20px;
	}
	.commentCopy {
		font-family: Times New Roman, Times, serif;
		font-size:13px;
		line-height:18px;
		padding:0;
		margin:0;
	}
	.commentHeading {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-weight:bold;
		color: #6E4D40;
		font-size:12px;
		margin-bottom:-5px;
	}
	.commentDate {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-weight:normal;
		color: #6E4D40;
		font-size:12px;
	}
	/*.guestbook {
		background-image:url(../images/bg_guestbook.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}*/
	.guestbook {
		background-image:url(../images/bg_guestbook.png);
		background-position:0 0;
		background-repeat:repeat;
		background-color:transparent;
	}
	.beautiful_guestbook {
		background-image:url(../images/bg_beautiful_guestbook.gif);
		background-position:0px 5px;
		background-repeat:no-repeat;
	}
	.facilities_guestbook {
		background-image:url(../images/bg_beautiful_guestbook.gif);
		background-position:0px 20px;
		background-repeat:no-repeat;
	}
	#logo {
		display:block;
		width:150px;
		height:100px;
		background:url(../images/logo_schooneoordt_sml.gif) 0 0 no-repeat;
		font-size:0;
		margin:0 35px 0 0;
		text-indent:-9999px;
	}
		
/* ------------------------------------  Form stuff -----------------------------------*/
	input.value {
		font-family: verdana;
		font-size: 9px;
	}
	textarea.comBox {
		height: 100px;
		width: 160px;
		padding: 2px;
	}
	input.inputBox {
		height: 22px;
		width: 160px;
		padding: 2px;
	}
	input.checkBox {
		margin: 3px 3px 3px 3px;
		height: 18px;
		width: 18px;
	}
	select.articleType {
		height: 22px;
		width: 110px;
		padding: 0px;
	}
	textarea.copyBox {
		font: 11px verdana, arial, helvetica, sans-serif;
		height: 200px;
		width: 450px;
		padding: 2px;
	}
	input.headerBox {
		font: 11px verdana, arial, helvetica, sans-serif;
		height: 22px;
		width: 450px;
		padding: 2px;
	}
	input.submit {
		height: 26px;
		width: 140px;
		padding: 2px;
	}
	textarea.adminCopy {
		width: 580px;
		height: 260px;
	}
	input.adminTitle {
		width: 250px;
	}
	#functionImage a {
		display:block;
		float:left;
		text-align:center;
		width:90px;
		height:90px;
		background-color:#F1EFE0;
		text-decoration:none;
		margin:0 15px 15px 0;
	}
	#functionImage a:hover {
		background-color:#FFFFFF;
		text-decoration:none;
	}
		
	/* ------------------------------------  Menu styles -----------------------------------*/		
	#dropmenudiv{
		position:absolute;
		margin: 6px 0px 0px 0px; 
		padding: 0px 0px 0px 0px; 		
		border:1px solid #ffffff;
		border-bottom-width: 0;
		font: 12px arial, helvetica, sans-serif;
		font-weight:lighter;
		color: #6E4D40;
		line-height:18px;
		z-index:2000;
		/*width:140px;*/
		background-color:#C7BC9E;
	}
	#dropmenudiv a{
		display: block;
		/*text-indent: 3px;*/
		border-bottom: 1px solid #ffffff;
		padding: 3px 3px 3px 8px;
		text-decoration: none;
		color: #6E4D40;
		background-color: #DFDABB;
		/*width:100%;*/
	}
	#dropmenudiv a:hover{ 
		background-color: #F3F1E5;
		color: #96796D;
		background-image: url(../images/bg_nav_roll.jpg);
		background-position: top;
		background-repeat: repeat-x;
	}

	.navMain {
		padding-right: 8px;
		padding-left: 8px;
		color: #6E4D40;
		font-family: Arial, Helvetica, sans-serif;		
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		cursor: hand;
		vertical-align: middle;
		/* letter-spacing: 0.1ex; */

	}
	.navMain:hover {
		color: #96796D;
		text-decoration: none;

	}

	.navMainColor {
		background-color: #f8f8f8;
	}
	
h1 {
	margin:5px 0 0 0;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#30251f;
}

h6 {
	margin:5px 0 0 0;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#30251f;
}
	
	
	/*
	.navTop {
		font: 13px arial, helvetica, sans-serif;
		padding: 0px 4px 0px 4px;
		color: #333333;
		font-weight:lighter;
		text-decoration: none;
		letter-spacing: .0ex;
		vertical-align: bottom;
	}
	.navTop:hover {
		text-decoration: none;
		color: #B81215;
	}	
	.navTop:selected {
		text-decoration: none;
		color: #666666;		
	}	
	  */