html, body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	background-color: #ecf6c5;
    background-image: url(../images/background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	font-family: Georgia, Times, serif; 
	}

a { outline: 0; }

/* for all and IE */

#container_home {
	min-height: 100%;
	height: 100%;
	background-color: #ffffff;
	position: relative;
	width: 790px;
	top:0px;
	padding: 0;
	margin: auto;
	background-image: url(../images/foodback.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}


/* for all not IE */
#container_home {
	height: auto;
}








a {
	text-decoration: underline;
}

a:link {
	color: #8FA500;
}

a:visited {
	color: #8FA500;
}

a:active {
	color: #8FA500;
}

a:hover {
	color: #000000;
}


#header {


	position: absolute;
	height: 300px;
	width: 790px;
	padding: 0;
	margin: 0;

	/*background-color: #ffffff;*/
/*	border-bottom: solid 1px #5F5B57;

	background-image: url(../images/navigate.gif);
	background-position: top right;


	background-repeat: no-repeat;
	*/
}

#title {
	position: absolute;
	height: 184px;
	width: 790px;
	top: 0px;
	left: 0px;
	background-image: url(../images/fourseasons.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 25px 0px 25px;
	margin: 0;
	font-family: Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #7f8e98;
}

#navbar {
	position: absolute;
	height: 44px;
	width: 790px;
	top: 184px;
	left: 0px;
	background-color: #f7fbed;
	padding: 0;	
	margin: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;

}


#navigation {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 16px;
	padding: 0;	
	margin: 0;
	
}

#navigation ul {
	list-style: none;
	
	margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 0;	
	margin-top: 14px;
}

#navigation li {
	display: inline;
	height: 44px;
}

#navigation a:link, #navigation a:visited {
padding: 10px 10px 12px 10px;
color: #53a432;
text-decoration: none;

}

#navigation a:hover {
padding: 10px 10px 12px 10px;
color: #287841;
background-color: #ffffff;
}


#subnav {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 14px;
	padding: 0;	
	margin: 10px 0px 0px 230px;
	
}

#subnav ul {
	list-style: none;
	padding: 0;	
	margin: 0;
}

#subnav li {
	display: inline;
}

#subnav a:link, #subnav a:visited {
padding: 0px 25px 0px 0px;
color: #009dd4;
text-decoration: none;

}

#subnav a:hover {
padding: 0px 25px 0px 0px;
color: #f17e01;
text-decoration: underline;
}








#content {
/*
	background-image: url(../images/content_grad.jpg);
    background-position: 0px 409px;
    background-repeat: repeat-x;
    */
    padding: 260px 0px 50px 255px;
	margin: 0px 0px 0px 0px;
}


/* for all and IE */   

#leftcontent {
	width: 459px;
	color: #287841;
	min-height: 500px;
    margin: 0px 0px 0px 0px;
 }
 



#leftcontent p {
	color: #287841;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 20px;
}

#leftcontent h2 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #009dd4;
	margin-bottom: -12px;
}


#leftcontent img {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
} 

h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #009dd4;
	margin: 30px 0px 0px 0px;
}



#leftcontent ul {
	padding: 0px 0px 0px 15px;	
	margin: 0px 0px 0px 0px;
	color: #287841;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 20px;
}

#leftcontent li {
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted 1px #009dd4;
}













/* left content navigation links */

#leftcontent a:link { color: #009dd4; text-decoration: none; font-weight: bold; }
#leftcontent a:active { color: #009dd4; text-decoration: none; font-weight: bold; }
#leftcontent a:visited { color: #009dd4; text-decoration: none; font-weight: bold; }
#leftcontent a:hover { color: #287841; text-decoration: none; font-weight: bold; }



#rightcontent {
	position: absolute;
	top: 260px;
	left: 25px;
	width: 205px;
	padding: 0;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
   /* border: solid 1px #5F5B57;*/
}

#rightcontent p{
	color: #287841;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 0px;
}

#rightcontent img {
	display: block;
	border: 0px;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 10px;
	
} 

#rightcontent h2 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: #009dd4;
	margin-bottom: -6px;
}


/* right content navigation links */

#rightcontent a:link { color: #009dd4; text-decoration: none; font-weight: bold; }
#rightcontent a:active { color: #009dd4; text-decoration: none; font-weight: bold; }
#rightcontent a:visited { color: #009dd4; text-decoration: none; font-weight: bold; }
#rightcontent a:hover { color: #287841; text-decoration: none; font-weight: bold; }





#leftnav {
	color: #287841;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 25px 0px 50px 0px;
	border-top: dotted 1px #009dd4;
	
}

#leftnav ul {
	list-style: none;
	padding: 0;	
	margin: 0;
}

#leftnav li {
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted 1px #009dd4;
}

#leftnav a:link, #leftnav a:visited {
color: #287841; 
text-decoration: none; 
font-weight: normal;

}

#leftnav a:hover {
color: #009dd4; 
font-weight:  normal;
text-decoration: underline;
}








.white
{
	color: #FFFFFF;
}

#footer {
position: absolute;
	width: 790px;
	height: 50px;
	bottom: 0px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #287841;
	font-family: Georgia, Times, serif;
	line-height: 50px;
	text-indent: 25px; 
}


/* footer navigation links */

#footer a:link { color: #009dd4; text-decoration: none; }
#footer a:active { color: #009dd4; text-decoration: none; }
#footer a:visited { color: #009dd4; text-decoration: none; }
#footer a:hover { color: #287841; text-decoration: none; }



.dottymain {
	height: 1px;
	width: 450px;
	padding: 0;
	margin: 0;
	border-bottom: dotted 1px #009dd4;
}


#iwhead {
	height: 190px;
	width: 459px;
	padding: 10px 0px 0px 20px;
	margin: 30px 0px 0px 0px;
	background-image: url(../images/isleofwight.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#iwhead h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	margin: 0;
}



#iwhead img {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	
} 



#iwhead-niton {
	height: 300px;
	width: 459px;
	padding: 10px 0px 0px 20px;
	margin: 30px 0px 0px 0px;
	background-image: url(../images/content/pepperpot-niton-header.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#iwhead-niton h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	margin: 0;
}



#iwhead-niton img {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	
} 




#coursehead {
	height: 190px;
	width: 459px;
	padding: 10px 0px 0px 20px;
	margin: 30px 0px 0px 0px;
	background-image: url(../images/content/food-header.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#coursehead h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	margin: 0;
}



#coursehead img {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	
} 




#coursecontent {
	padding: 0;
    margin: 0;
}
#coursecontent p {
	color: #287841;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 20px;
}

#coursecontent h2 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 16px;
	color: #287841;
	margin-bottom: -12px;
}


textarea {
width: 450px;
height: 80px;
}

input.infobox { width:250px;}


.orange
{

	color: #f17e01;
}

.lime
{

	color: #009dd4;
}

.black
{

	color: #000000;
}


.spacer
{
	margin: 5px 0px 5px 0px;
}


.smalltext {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	margin: -10px 0px 10px 0px;
}


#credit {
	font-size: 10px;
	padding: 0px 0px 20px 0px;
}


#credit a:link { color: #787878; text-decoration: none; }
#credit a:active { color: #787878; text-decoration: none; }
#credit a:visited { color: #787878; text-decoration: none; }
#credit a:hover { color: #9A8E57; text-decoration: underline; }