/* Hillocks Barn - main StyleSheet (inherited in a mess by John, circa. July 2009.. */

/* John's additions.. (2009) */

#ga									{ clear: both; overflow: hidden; width: 5px; height: 5px; border-top: 1px solid olive; }
#DEVBOXWARNING						{ display: none; }
.on									{ display: inline; }
.off									{ display: none; }

a.new								{ padding-right: 30px; background-image: url(/gfx/icons/new.gif); background-repeat: no-repeat; background-position: right; }
#logo								{ margin: 25px 0px 0px 8px; }
.updated								{ color: #a0a0a0; font: normal 8pt "MS Sans Serif",verdana; }
.updated:hover							{ color: #606060; font: normal 8pt "MS Sans Serif",verdana; }
img.captioned							{ margin-bottom: 5px; }



/* Extra .css. John Mounsey, circa. October 2008. */

.ratesGrid								{ border-collapse: collapse; border: 1px solid #808080; font: normal 10pt arial, "Trebuchet MS", verdana; margin: 0px; }
.ratesGrid tr.header						{ background: #f4f5fb; font-weight: bold !important; }
.ratesGrid td							{ padding: 8pt; text-align: center; border: 1px dashed #c0c0c0; }









body									{ background-color: #d8e5d9; margin: 0px; padding: 0px; color: #000000; font-family: verdana, arial; font-size: 7pt; font-weight: normal; }
body#home							{ background-color: #FFFFFF; margin: 50px 0px 0px 0px; }
img 									{ border: none; }
#container							{ width: 100%; background-image: url(gfx/green.gif); background-repeat: repeat-x; }
#header								{ height: 112px; }
#header table							{ width: 100%; }
.tourism								{ text-align: right; padding-right: 10px; }
#center								{ width: 100%; height: 600px; background-color: white; }
#center2								{ width: 100%; height: 760px; background-color: white; }
#center3								{ width: 100%; height: 1120px; background-color: white; }
#left									{ float: left; width: 150px; }
#right								{ float: left; width: 1105px; }
#footer								{ clear: both !important; width: 100%; background-color: #D8E5D9; }



/* Fonts and Links */

a									{ color: #426d44; }
a:visted								{ color: #426d44; }
a:hover								{ color: green; }

h1									{ color: #426D44; font-family: Trebuchet MS, verdana, arial; font-size: 12pt; font-weight: bold; }
h2									{ color: #426d44; font-family: trebuchet ms, verdana, arial; font-size: 12pt; font-weight: bold; }
p									{ color: #000000; font-family: Trebuchet MS, verdana, arial; font-size: 10pt; font-weight: normal; }

.body								{ color: #000000; font-family: Trebuchet MS, verdana, arial; font-size: 10pt; font-weight: normal; }
.header								{ color: #426D44; font-family: Trebuchet MS, verdana, arial; font-size: 12pt; font-weight: bold; }
.bold									{ font-weight: bold; }
.small	      							{ color: #000000; font-family: verdana, arial; font-size: 7pt; font-weight: normal; }
.xsmall	      							{ color: #FFFFFF; font-family: verdana, arial; font-size: 7pt; font-weight: normal; }
.xxsmall      							{ color: #808080; font-family: verdana, arial; font-size: 8pt; font-weight: normal; }
.list		        						{ font-family: verdana, arial; font-size: 8pt; color: #000000; font-weight: normal; list-style-type: square; padding: 2px; margin-top: 2px; padding-top: 2px; margin-bottom: 5px; padding-bottom: 5px; }
.line									{ color: #426D44; width: 100%; height: 1px; align: center; }
.formbox								{ width: 300px; border: 1pt solid #426D44; font-family: verdana, arial; font-size: 9pt; color: #000000; font-weight: normal; background-color: #FFFFFF;	}
.formboxHI							{ width: 300px; border: 1pt solid #426D44; font-family: verdana, arial; font-size: 9pt; color: #000000; font-weight: normal;background-color: #D8E5D9; }
.formboxsmall							{ width: 100px; border: 1pt solid #426D44; font-family: verdana, arial; font-size: 9pt; color: #000000; font-weight: normal; background-color: #FFFFFF; }
.formboxsmallHI						{ width: 100px; border: 1pt solid #426D44; font-family: verdana, arial; font-size: 9pt; color: #000000; font-weight: normal;background-color: #D8E5D9; }
.border								{ border: 1pt solid #426D44; }
.button								{ border: 1pt solid #000000; margin: 0pt; background-color: #F4F5FB; color: #000000; font-family: verdana, arial; font-size: 9pt; font-weight: bold; padding: 0pt; width: 300px; }
.blue									{ background-color: #F4F5FB; }
.green								{ background-color: #426D44; }
.lightgreen								{ background-color: #D8E5D9; }



/* Left menu (colours, fonts, etc.) */

#menu								{ }
#menu								{ }



/* Gallery Page */

#gallery								{ width: 100%; clear: both; background-color: transparent; font: normal 8pt Tahoma,verdana; margin: 20px 0px 20px 0px; }
#gallery div.thumb						{ float: left; width: 150px; height: 170px; padding: 8px; margin: 0px 10px 10px 0px; color: #606060; background-color: #fafafa; background-image: url(/gfx/back/thumbnail.png); background-repeat: repeat-x; background-position: bottom; border: 1px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; }
#gallery div.thumb:hover					{ width: 150px; height: 170px; padding: 8px; margin: 0px 10px 10px 0px; color: #426d44; background-color: transparent; border: 1px solid #426d44; border-bottom: 2px solid #426d44; }
#gallery div.thumb img.thumb				{ margin: 0px 0px 10px 0px; }



.menugrid	{ margin-top: 10px; }
.menutop	{ height: 25px; background-color: #FE5D05; background-image: url(gfx/menuheadback.gif); }
.menuitem	{ color: #426D44; font-family: Trebuchet MS, arial; font-size: 10pt; display: block; }
.menuitem:hover { color: #426D44; text-decoration: underline; display: block; }
.menuslot 	{ background-color: #FFFFFF; height: 25px; border-bottom: 1px solid #426D44; }
.menuslotON	{ background-image: url(gfx/menuslotback.gif); background-color: #F4F5FB; height: 25px; border-bottom: 1px solid #426D44; }
.menuname	{ font-size: 8pt; text-decoration: none; font-family: Trebuchet MS, arial; }
.menuname:hover	{ color: #FFFFFF; text-decoration: underline; }



/* ====================================================================================================================
Calendar
===================================================================================================================== */

.date					{ text-align: center; color: #000000; font-family: Trebuchet MS, verdana, arial; font-size: 8pt; font-weight: normal; }
.calendargrid	{ background-color: #D8E5D9; border-bottom: 3pt solid #D8E5D9; border-left: 2pt solid #D8E5D9;
                border-right: 2pt solid #D8E5D9; }
.blank        { width: 20; height: 15; background-color: #FFFFFF; }
.low          { width: 20; height: 15; background-color: #FFFFCC; text-align: center; }
.econ         { width: 20; height: 15; background-color: #FFFF33; text-align: center; }
.mid          { width: 20; height: 15; background-color: #FFCC33; text-align: center; }
.high         { width: 20; height: 15; background-color: #FF9933; text-align: center; }
.peak         { width: 20; height: 15; background-color: #FF6600; text-align: center; }
.booked       { width: 20; height: 15; background-color: #f5f5f5; text-align: center; text-decoration: line-through; }



/* End of css file */