@media screen {
	/* Standard Display */
	html {-webkit-font-smoothing: antialiased;}
	
	body {color:#000000; font-size: 78%; font-family: Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 0; background-color: #ffffff;}
	header {display:block;}
	img {border: 0;}
	table {font-size:  100%;}
	table tr td {empty-cells: show;}
	table tr td a {word-wrap: break-word;}
	ul {list-style-type: disc;}
	h1, h2, h3, h4, h5, h6 { color: #00A7F5; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0 0 10px 0; padding-top: 7px; text-rendering: optimizeLegibility; } 
	h1 { font-size: 155%; line-height: 100%; text-decoration: none;}  
	h2 { font-size: 135%; font-family: Helvetica, Arial, Verdana, sans-serif; color: #00A7F5; margin-left: 0; margin: 15px 0 10px 0;}
	
	/* Header defines */
	header {color:#000000; background-color: #002395;}
	header table {border-collapse: collapse; padding: 0; width: 100%;}
	#headerLeft {padding: 15px 0 18px 0; vertical-align: middle; width: 215px;}
	header #headerCrest {float: left; padding-bottom: 0;}
	#headerRight {padding-left: 20px; vertical-align: middle;}
	header #headerTitle {
	margin-right: 187px;
	color: #FFFFFF;
}
	header #pageTitle {background-image: none; font-family: "Times New Roman", Times, serif; font-size: 2.8em; font-weight: normal; line-height: 100%; margin: 0; padding: 0; color: #ffffff;}
	
	/* Navigation bar */
	#navbar{background-color:#464a52;padding:0px 0px 35px 25px; margin:0px 0px 25px 0px; border-bottom: 1px solid #000014; border-top: 1px solid #000014;}
	/* #navbar{background-color:#464a52;padding:5px 0px 35px 25px; margin:0px 0px 25px 0px; border-bottom: 1px solid #000014;} */
	
	#nav {width: 64em; margin:0px 0 auto 0; padding: 0;}
	#nav ul {margin:0; padding: 0; list-style: none; background: #383d44;}
	#nav li {float: left; margin: 0; padding: 0; font-family: "Lucida Grande", Veranda, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; font-weight: bold;}
	#nav li a {float: left; padding: 10px 12px; text-decoration: none; color: #999; border: none;}
	#nav li a:hover {color:#fff; background: #202226;}
	#nav li a.active {color: #fff; background: #464a52; text-decoration: none;}
	
	
	/* Main Content */
	#leftContent {float:left; width:67%; margin-right:15px; padding-bottom:20px; border-right:2px solid #CBCBCB;
	}
	#topbox {
	margin: 0px 20px 0px 2em;
	padding: 10px 20px 1em 15px;
	min-height: 150px;
	text-align: justify;
	text-justify: inter-word;
	color: #FF0000;
}
	/* #topbox {margin:0px 20px 0px 2em; padding: 10px 20px 1em 15px; border-bottom: 2px solid #CBCBCB; min-height:150px; text-align: justify; text-justify: inter-word;} */
	/* for Internet Explorer */
	/*\*/
	* html #topbox {height: 150px;}
	/**/
/*
	#topbox h1{font-family: Georgia, serif; font-weight: bold; font-size:1.2em;}
	#topbox h2{font-family: Georgia, serif; font-weight: bold; font-size:1.1em; color:black;}
*/
	#topbox a {color: #000; text-decoration: none; border-bottom: 1px dotted black;}
	#topbox a:hover {color: #000; border-bottom: 1px solid black;}
	
	/*Right panel*/
	#rightContent {
	padding-top: 10px;
	margin-left: 67%;
	text-align: justify;
	text-justify: inter-word;
	margin: 1em 10px 1em 10px;
	padding: 0.5em 15px 0.5em 15px;
	font-size: medium;
}
	#rightContent h1 {font-size:1.5em;}
	#rightContent a {color: #000; text-decoration: none; border-bottom: 1px dotted black;}
	#rightContent a:hover {color: #000; border-bottom: 1px solid black;}
	
	/* Forms */
	form label {float:left; text-align:right; width:150px; padding-right: 5px;}
	form #button {float:left; text-align:right; width:350px; padding: 5px 0 0 15px;}
	form #bookbutton {float:left; text-align:left; padding: 5px 0 0 5px;}
	form #reg-form-name, #reg-form-mail, #mail-form-mail {width:200px;}
	
/* 	#notes li {position: relative; width: 300px; min-height: 100px; margin: 25px auto; padding: 60px 15px 15px 15px; background: #FFFB61 url(/img/crest-l.gif) no-repeat 4px 8px; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5); -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5); box-shadow: 0 1px 2px #000; -webkit-transform: rotate(-.5deg); -moz-transform: rotate(-.5deg); -o-transform: rotate(-.5deg);} */
	#notes li {position: relative; width: 300px; min-height: 100px; margin: 25px auto; padding: 60px 15px 15px 15px; background: #FFFB61; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5); -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5); box-shadow: 0 1px 2px #000; -webkit-transform: rotate(-.5deg); -moz-transform: rotate(-.5deg); -o-transform: rotate(-.5deg); list-style: none}
	
	#notes li:nth-child(even) {-webkit-transform: rotate(.5deg); -moz-transform: rotate(.5deg); -o-transform: rotate(.5deg);}
	#notes li.kiln {background-image: url(/img/crest-xl.gif);}
	
	#notes li p {text-align: center; font: normal normal normal 24px/28px 'Reenie Beanie', Helvetica, Arial, sans-serif; color: #000; text-shadow: #FFFB61 1px 1px 0px; overflow:hidden;}
	
	/* #notes li p {text-align: center; font: normal normal normal 40px/48px 'Reenie Beanie', Helvetica, Arial, sans-serif; color: #000; text-shadow: white 1px 1px 0px; overflow:hidden;} */
	
	#notes li::before {content: ' '; display: block; position: absolute; left: 115px; top: -15px; width: 75px; height: 25px; z-index: 2; background-color: rgba(243,245,228,0.5); border: 2px solid rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; box-shadow: 2px 2px 2px #000; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg);}
    
	#notes li:nth-child(even)::before {-webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); -o-transform: rotate(6deg);}
	
	/* Bookings */
	#theBookingTable td {text-align: center;}
	#theBookingTable tr.evenRow {background-color: #DCF8FF;}
}.RED {
	color: #000000;
}
.RED {
	color: #FF0000;
}
#leftContent #topbox p {
	font-size: xx-large;
}
.RED {
	font-size: xx-large;
	color: #000000;
}
#leftContent #topbox p {
	font-size: 36px;
}
smaller {
	font-size: smaller;
}
#topbox p {
	font-size: small;
}
#topbox p {
	font-size: 16px;
}
#leftContent #topbox p {
	color: #000;
}
#leftContent #topbox p {
	font-size: smaller;
}
#leftContent #topbox p {
	font-size: small;
}
.black {
	color: #000000;
}
#leftContent #topbox .RED .Black {
	font-size: large;
}
#leftContent #topbox p {
	font-size: small;
}
#leftContent #topbox p {
	font-size: medium;
}
