/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



/* --------- 1. defaults  --------- */

* {/* sets the overall page in the pc window*/
		margin: 50;
		padding: 0;
		}

body {/* set page background colour yellow gradient - bottom of the outside page*/
		background: #9ab364;
		padding-bottom: 0px;
		}

#skipNav {/* skip-navigation container - text on rhs of screen */
		position: absolute;
		top: 100px;
		right: 15px;
		width: 350px;
		font-family:  verdana;
		font-weight: normal;		
		font-size: 1.0em;
		color: #666633;
		text-align: right;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {/* site content container line under the navigation bar*/
		width: 86em;
		margin: 0 auto;
		background-color: #eee8aa;
		border: 1px solid #999933;
		border-top: 1px;
		}
		
#masthead {/* add border to masthead */
		margin-bottom: 1px;
		text-align: right;
		}
		
#logo {/* logo container - top left hand side part of the webpage*/
		float: center;
		height: 132px;
		width: 437px;
		}

#searchArea {/* second masthead area */
		background: #222222 url(assets/search-background.gif) 97% 50% no-repeat;
		background-colour: white;
		float: right;
		border: 1px solid #555555;
		margin-top: 34px;
		margin-right: 15px;
		width: 39em;
		height: 78px;
		}

#navContainer {/* navigation container - this is the bar that the nav bar sits on*/
		clear: left;
		margin-top: 15px;
		background-color: #eee8aa;
		}

#content {/* content container background to the main input of page*/
		background-color: #eee8aa;
		margin-bottom: 15px;
		}
		
#mainContent, #sidebar, #sidebarleft, #sidebarright {/*text in main section and on the right hand side of the page*/
		float: left;
		padding: 1.5em;
		background-color: #eee8aa;
		margin-bottom: 15px;
		margin-left: 30px;
		}
		
#mainContent {/*text in main section*/
		width: 42em;
		}
		
#sidebar {/*text on the right hand side of the page*/
		width: 20.9em;
		}

#sidebarright {/*text on the right hand side of the page*/
		width: 12em;
		float:right;
		padding: .5em;
		background-color: #bbbbbb;
		margin-right:10px;
		margin-bottom: 10px;
		margin-top:20px;
		}

#sidebarleft {/*text on the right hand side of the page*/
		width: 18em;
		float:left;
		padding: .5em;
		background-color: #fff8bb;
		margin-left:10px;
		margin-bottom: 10px;
		margin-top:20px;
		border: 1px solid #999933;
		}

#calendarContent, #calendersidebar, #calendarleft, #calendarright {/*text in main section and on the right hand side of the page*/
		float: left;
		padding: 1.5em;
		background-color: #eee8aa;
		margin-bottom: 15px;
		margin-left: 20px;
		}
		
#calendarContent {/*text in main section*/
		width: 56em;
		}
		
#calendarsidebar {/*text on the right hand side of the page*/
		width: 12.9em;
		margin-top:100px;
		}

#termsContent,{/*text in main section and on the right hand side of the page*/
		float: left;
		padding: 1.5em;
		background-color: #eee8aa;
		margin-bottom: 15px;
		margin-left: 20px;
		}
		
#termsContent {/*text in main section*/
		width: 80em;
		}
.introBox {
		border: 1px solid #bbbbbb;
		padding: 15px 85px 15px 15px;
		background: #e1e1e1 url(assets/cottage.jpg) no-repeat;
		position: relative;
		}

.clearFix:after {
	    content: "."; 
    	display: block; 
	    height: 0; 
    	clear: both; 
	    visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

		
	/* -- right hand address info-- */
#skipNav a {
		font: 1.0em Verdana, sans-serif;
		display: block;
		color: #555555;
		width: 160px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #555555;
		font: 1.5em Verdana, sans-serif;
		border-top: solid 2px #555555;
		}


	/* -- main navigation -- */
#mainNavigation {
		background: #444444;
		border-top: 10px solid #555555;
		padding: 6px 0;
		}

/*--------------------new new hover menu -------------------*/
/* remove the bullets, padding and margins from the lists */

menu{
}
.menu ul{
font: normal 11px verdana;
padding:0;
margin:0;
height:20px;
border-top: solid 1px #999933;
border-bottom: solid 1px #999933;
border-right: solid 1px #999933;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:250;
border-right: solid 1px #999933;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:5px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
width:120px;
padding:2px 0;
color:#666633;
background:#fff2bf;
text-decoration:none;
margin-right:0px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#666633;
background:#ffe271;
border-top: solid 1px #999933 outset;
border-bottom: solid 1px #999933 outset;
border-left: solid 1px #999933 outset;
border-right: solid 1px #999933 outset;

}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:120px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* ---------- 4. footers ---------- */

#footer { 
   width:100%;
   background-image:url(images/gradient.jpg);
   background-repeat:no-repeat;
   background-position: 5px 0;
   border-top: solid 1px #999933;
   min-height:15px;
   color:#cedff4;
   margin:0;
   clear:both;
   font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;

}
#footer p{ 
   font-size: .9em;
   font-weight: bold;
   text-align: center;
      color:#003300;
	  margin-top:5px;

}

#footer a{
	   color:#003300;
}

		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 
{/* main heading  - centered */
		font: normal 3.2em Castellar, sans serif;
		margin-top: 1px;		
		margin-bottom: 1px;
		color: #999933;
		text-align: center;
		}

h1.left
{/* header 1 left align */
		font: normal 4.5em Verdana;
		margin-top: 1px;		
		margin-bottom: 1px;
		color: #999933;
		text-align: left;
		}

h1.right
{/* header 1 right align */
		font: normal 4.0em Verdana;
		margin-top: 1px;		
		margin-bottom: 1px;
		color: #999933;
		text-align: right;
		}


h2{/*heading 2 left align */
		font: normal 2.2em verdana;	
		color: #999933;
		text-align: left;
		margin-top: 1px;
		margin-bottom: 0px;
		}

h2.right{/*heading 2 right align */
		font: normal 3.2em verdana;	
		color: #999933;
		text-align: right;
		margin-top: 1px;
		margin-bottom: 1px;
		}

h3 {
	font-family:  verdana;
	font-weight: medium;
	font-size: 1.7em;
	color: #999933;
	text-align: left;
	margin-bottom:8px;
}
h4 {
	font-family:  verdana;
	font-weight:normal;		
	font-size: 1.8em;
	color: #666633;
	text-align: center;
	margin-bottom:0px;
}

h5 {
	font-family:  verdana;
	font-weight:normal;		
	font-size: 1.3em;
	color: #666633;
	text-align: center;
	margin-bottom:0px;
	margin-top:10px;
}

h6 {
	font-family:  ariel;
	font-weight:normal;		
	font-size: .8em;
	color: #666633;
	text-align: justify;
	margin-bottom:10px;
	margin-top:10px;
}

h7 {
	font-family:  ariel;
	font-weight:normal;		
	font-size: .7em;
	color: #666633;
	text-align: left;
	margin-bottom:0px;
	margin-top:10px;
}

h8 {
	font-family:  verdana;
	font-weight:normal;		
	font-size: .9em;
	color: #666633;
	text-align: left;
	margin-bottom:0px;
	margin-top:10px;
}

p {
		font: normal 1.3em/1.2em "verdana";
		color: #666633;
		text-align: left;
		margin-top: 2px;
		margin-bottom: 2px;
		}

p.clear {
		font: normal .5em/1.4em "verdana";
		color: #999933;
		visibility: hidden;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		}

p.small {
		font: normal .9em/1.4em "verdana";
		color: #999933;
		text-align: left;
		margin-top: 1px;
		margin-bottom: 0px;
		}

p.li
{
display: list-item
}
a{
	 color:#666611;
	text-decoration:underline;
}
a:hover{
	text-decoration: underline;
}
li{
	padding: 0 0 10px 0;
	text-align: left;
	color:#999933;
	font-family: verdana;
	font-size:1.3em;
	font-weight:normal;
}
ol{
	list-style-type:lower-roman;
/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
#logo img {
		margin-top: 30px;
		margin-left: 10px;
		}
		
/* ---------- 6. forms stuff ---------- */

#searchArea form {
		padding: 17px 0 0 20px;
		}

#searchArea p {
		color: #eeeeee;
		float: left;
		margin-right: 10px;
		}

#searchArea p.mainSearchLabel {
		float: none;
		display: block;
		}
		
#mainSearchField {
		width: 23em;
		border: 1px solid #666666;
		background-color: #111111;
		color: #eeeeee;
		font-size: 1.0em;
		padding: 1px;
		}
		
#mainSearchSubmit {
		width: 40px;
		border: 1px solid #666666;
		font-size: 1.0em;
		background-color: #333333;
		color: #eeeeee;
		margin-right: -10px;
		}

/*--------------------new hover menu -------------------*/
hovermenu{
}
.hovermenu ul{
font: normal 11px verdana;
padding-left: 0;
margin-left: 0;
height: 20px;
border-top: solid 2px #999933;
border-bottom: solid 2px #999933;
}

.hovermenu ul li{
list-style: none;
display: inline;
border-top: solid 1px  #999933;
	border-bottom: solid 1px #999933;
}

.hovermenu ul li a{
padding: 1px 0.5em;
text-decoration: none;
float: left;
color: #666633;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

image{
}
image.right{
	float:right;
	margin:10px;
	border-left:solid 5px #eee8aa;
	border-right:solid 5px #eee8aa;
	border-top:solid 5px #eee8aa;
	border-bottom:solid 5px #eee8aa;
}
.left{
	float:left;
	margin:20px;
	border-left:solid 5px #eee8aa;
	border-right:solid 5px #eee8aa;
	border-top:solid 5px #eee8aa;
	border-bottom:solid 5px #eee8aa;
}
.center{
	float:center;
	margin:10px
	border-left:solid 5px #eee8aa;
	border-right:solid 5px #000;
	border-top:solid 5px #ffffcc;
	border-bottom:solid 5px #ffffcc;
}