/* 

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: #ccffff;
		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: 780px;
		margin: 0 auto;
		background-color: #ccffff;
		border: 1px solid #3366cc;
		border-top: 1px;
		padding:20px;
		}
		
#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;
		}



#navContainer {/* navigation container - this is the bar that the nav bar sits on*/
		clear: left;
		margin-top: 15px;
		background-color: #ccffff;
		border:1px solid #3366cc;

		}


		
#mainContent, #col1, #col2, #col3, #col4, #col5, #col6 {/*text in main section and on the right hand side of the page*/
		float: left;
		padding: .3em;
		margin-bottom: 1px;
		margin-left: 0px;
		}
		
#mainContent {/*text across whole page*/
	width:95%;
	padding: 30, 20, 10, 10;
	margin-top:20px;
	margin-right: 20px;
	border-right-style:thin #999933;
}

#col1 {/*1st column left width over half*/
	width: 60%;
	border-right:1pt solid #3366cc;
	margin-right: 20px;
	padding:30,30,30,10;
	float: left;
	margin-top:20px;
}
#col2 {/*text on the right hand side of the page*/
	width:35%;
	padding: 30, 10, 10, 10;
	float:right;
	margin-top:20px;

		}
#col3 {/*text on the right hand side of the page*/
	width:20%;
	padding: 30, 0, 10, 10;
	float:right;
	margin-top:20px;

		}
#col4 {/*2nd column on right side width one third*/
	width:35%;
	float:center;
	margin-top:20px;
	margin-left:25px;
		}
#col5 {/*1st column left width 50%*/
	width: 48%;
	border-right:1pt solid #3366cc;
	padding:30,10,10,10;
	float: left;
	margin-top:20px;
}
#col6 {/*2nd column on right side width 50%*/
	width:48%;
	float:center;
	margin-top:20px;
	margin-left:20px;
		}

#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: 60em;
		}
		
#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;
		}

.starburst {
		position: absolute;
		right: -1px;
		top: 10px;
		}

.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;
}



/* ---------- 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-family: Castellar, sans-serif;
	font-size: 20px;
	line-height: 8px;
	font-weight: normal;
	color: #3366cc;
		}

h1.left
{/* header 1 left align */
		font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #3366cc;
		text-align: left;
		}

h1.right
{/* header 1 right align */
		font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #3366cc;
		text-align: right;
		}


h2{/*heading 2 left align */
		font-family: verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3366cc;
		}


h3 {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #3366cc;
}
h4 {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	color: #666611;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #339900;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #339900;
	text-align: left;
}

h7 {
	font-family:  arial;
	font-weight:normal;		
	font-size: 10px;
	color: #666633;
	text-align: center;
	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-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366CC;
	line-height: 18px;
		}

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

p.small {
		font: normal .9em/1.4em "verdana";
		color: #666611;
		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:#3366CC;
	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;
		}
		


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;
}