/* CSS Document */

body {
	margin: 0px auto;
	background: #D7BBAC;
	text-align: center;
	vertical-align: top
	}
	
/* ----------------------- MAIN TABLE ID'S --------------------------- */
	
#outertable {
	background: #FFF;
	height: 100%;
	width: 760px;
	margin: 0 auto;
	max-width: 760px
	}
	
#outertable td{
	vertical-align: top;
	}
	
#top {
	background: #412708;
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #FFF;
	padding: 2px 0px 0px 10px;
	vertical-align: top
	}
	
#top td{
	vertical-align: top;
	height: 30px;
	}

#top p{
	font: 70%/1 Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	display: inline
	}	
		
#top em{
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 4px;
	font-style: normal
		}
	
#top a:link {
	color: #FFF;
	text-decoration: none;
	}
		
#top a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
#top a:hover {
	color: #D4DB9F;
	text-decoration: underline;
	}
	
#top form {
	display: inline;
	height: 20px;
	padding-left: 5px
		}
		
#top .textfield {
	width: 125px;
	border: 1px solid #FFF;
	height: 17px;
	background: #FFF;
	margin-right: 1px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding-left: 2px;
	margin-top: 1px
	}
	
#top .searchbutton {
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 7px
}

#top .main {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#top .large {
		font: 110% Verdana, Arial, Helvetica, sans-serif;
}

#top .largest {
		font: 130% Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------- IMAGE BAND ---------------------- */

#imageband {
	background: #CCC;
	height: 100px;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	}	
	
#contact {
	background: #D1E087;
	height: 100px;
	width: 170px;
	margin: 0 auto;
	padding: 11px 8px 8px 8px;
	border: 2px solid #FFF
	}	
	
/*---------------------------CONTENT AREA---------------------------------*/

#contentarea {
	background: #A6AF4E;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	}		
	
#title {
	height: 46px;
	font: 170% "Times New Roman", Times, serif;
	color: #FFF;
	padding: 10px 10px 10px 10px;
	}
	
#title em 	{
	font: 80% "Times New Roman", Times, serif;
	font-style: normal;
	color: #FFF;
}

/* ----------------------- HOME ---------------------- */

#home {
	width: 100%;
	height: 100%;
	background: url(../images/bg/topright.gif) repeat-x top left;
	}
	
#home .welcome {
	background: transparent;
	vertical-align: top;
	width: 350px
		}
	
#home .welcome h1 {
	font: bold 130% "Times New Roman", Times, serif;
	font-style: italic;
	color: #006065;
	background: transparent;
	vertical-align: top;
	margin: 3px 5px 5px 15px
	}	
	
#home .welcome p {
	font: 100%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	background: transparent;
	vertical-align: top;
	margin: 3px 5px 10px 15px
	}	
	
#home .welcome a:link {
	color: #FFF;
	text-decoration: underline;
	}	
	
#home .welcome a:visited {
	color: #FFF;
	text-decoration: underline;
	}	
	
#home .welcome a:hover {
	color: #546701;
	text-decoration: none;
	}	
	

#topright {
	padding: 22px 10px 0px 20px;
	height: 100%;
	width: 220px
	}
	
#homepic {
	position: relative;
	top: -40px;
	text-align: right;
	margin-left: 20px;
	border: 2px solid #FFF;
	width: 200px;
	height: 200px
	}
	
/* -----------------------  HOME FEATURES ---------------------- */
		
#homefeatures {
	width: 100%;
	vertical-align: top;
	}
	
#homefeatures .title {
	height: 45px;
	background: #969E46;
	width: 100%;
	vertical-align: bottom;
	padding: 10px
	}
	
	
#homefeatures .title h1{
	font: 150% "Times New Roman", Times, serif;
	color: #FFF;
	margin: 0px 10px 0px 0px;
	display: inline
	}
	
#homefeatures .title h3{
	font: 80% "Times New Roman", Times, serif;
	color: #FFF;
	display: inline;
	}
	
#homefeatures .title a:link{
	color: #FFF;
	text-decoration: none;
	}	
	
#homefeatures .title a:visited{
	color: #FFF;
	text-decoration: none;
	}		
	
#homefeatures .title a:hover{
	color: #FFF;
	text-decoration: underline;
	}	

		
#outerfeatures {
	padding: 17px;
	vertical-align: top
	}		
		
#features img {
	border: 1px solid #FFF;
	margin-bottom: 20px
	}		
		
#features h1{
	font: bold 100% "Times New Roman", Times, serif;
	color: #FFF;
	margin: 0px 10px 10px 10px
	}		
	
#features p{
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #006065;
	margin: 0px 10px 10px 10px
	}	
		
#features a:link{
	color: #006065;
	text-decoration: underline;
	}	
	
#features a:visited{
	color: #006065;
	text-decoration: underline;
	}		
	
#features a:hover{
	color: #000;
	text-decoration: none;
	}				
		
/* -----------------------  MAIN NAVIGATION ---------------------- */
	
#navarea {
	width: 170px;
	background: #77882B;
	vertical-align: top;
	}
	
#nav img{
	border-bottom: 1ps solid #FFF;
	}		
	
#nav {
	vertical-align: top;
	width: 170px
	}	

#nav td{
	vertical-align: top;
	text-align: left
	}	


#nav h1 {	
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 10px 0px 0px 10px
	}
	
#nav ul {
	margin: 5px 0px 20px 14px;
	}
	
#nav li {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	list-style-image: url(../images/bullets/nav.gif);
	line-height: 140%;
	margin-bottom: 6px;
	padding-bottom: 0;
	text-align: left;
	margin-top: -5px;
	margin-left: 10px
}

#nav a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#nav a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
#nav a:hover {
	color: #D2C2B4;
	text-decoration: underline;
	}
	
#right {
	width: 100%;
	padding: 10px 0px 0px 0px
	}	
	
#right h1 {
	font: bold 100% "Times New Roman", Times, serif;
	color: #FFF;
	background: transparent;
	vertical-align: top;
	margin: 3px 15px 5px 15px
	}	
	
#right p {
	font: 95%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	background: transparent;
	vertical-align: top;
	margin: 3px 15px 10px 15px
	}	
	
#right em {
	font: bold 100%/1.3 "Times New Roman", Times, serif;
	color: #546701;
	background: transparent;
	vertical-align: top;
	font-style: italic
	}	
	
#right ul {
	margin: 5px 0px 20px 14px;
	}	
	
#right li {
	font: bold 90%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	list-style-type: disc;
	line-height: 140%;
	padding-bottom: 0;
	text-align: left;
	margin: -5px 15px 6px 15px
}	
	
#right a:link {
	color: #FFF;
	text-decoration: underline;
	}	
	
#right a:visited {
	color: #FFF;
	text-decoration: underline;
	}	
	
#right a:hover {
	color: #546701;
	text-decoration: none;
	}	
	
#right hr {
	margin: 0px 10px 2px 10px;
	color: 	#77882B;
	height: 2px;
	}
	
#openingtimes {
	font: 100%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	background: transparent;
	vertical-align: top;
	margin: 3px 0px 10px 15px
}

#openingtimes caption{
	display: none
}
	
/* -----------------------  BOTTOM NAVIGATION ID'S ---------------------- */
	
#bottomnav {
	background: #FFF;
	height: 20px;
	width: 100%;
	margin: 0 auto;
	font: 65%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px;
	text-align: center;
	border-top: 1px solid #DDD
	}	
	
#bottomnav a:link {
	color: #600;
	text-decoration: none;
	}	
	
#bottomnav a:visited {
	color: #CCC;
	text-decoration: none;
	}	
	
#bottomnav a:hover {
	color: #F00;
	text-decoration: none;
	}	
	
/* ----------------------------------------------------------------------*/

#search {
	background: #CCC;
	margin: 0 auto;
	margin-bottom: -5px;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	vertical-align: top;
	padding: 0px;
	text-align: left
		}	
	
#search td{
	vertical-align: top;
	text-align: left
	}	
	
#search h1{
	font: bold 90% Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	margin: 10px 0px 0px 0px;
	text-align: left
	}
	
#search h2{
	font: bold 90% Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	display: inline;
	vertical-align: middle;
	margin: 0px;
	}

#search p{
	font: 80%/1.3 Arial,,Verdana, Helvetica, sans-serif;
	color: #333;
	margin: 3px 0px 0px 0px ;
	text-align: left;
	vertical-align: middle;
	}

#search .textfield {
	width: 125px;
	border: 1px solid #999;
	height: 18px;
	background: #EEE;
	margin-right: 3px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding-left: 5px
	}
	
#search .radio {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #C00;
	margin: 0px 2px 1px 0px;
	vertical-align: middle
}
	
#search .submit {
	width: 50px;
	border: 1px solid #999;
	background: #EEE;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	vertical-align: middle
}

/* ----------------------------------------------------------------------*/

#footer	{
	margin: 0;
	padding: 0;
	background: #006065;
	border-top: 3px solid #FFF;
	width: 100%;
	height: 30px;
	}
/* ----------------------------------------------------------------------*/

#answer {
	width: 100%;
	margin: 0 auto;
	font: 120%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	padding: 15px;
	vertical-align: top;
	text-align: left;
	border-bottom: 2px solid #77882B
	}	
	
#answer p{
	font: 100%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	text-align: left
	}	
	
#answer h1{
	font: bold 90%/1.3 "Times New Roman", Times, serif;
	color: #006065;
	margin: 0px 0px -10px 0px;
	text-align: left
	}
	
#answer  b{
	color: #006065;
		}		

#results {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	font: 100%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	padding: 10px;
	vertical-align: top;
	text-align: left;
	}	
	
#results h1{
	font: bold 80%/1.3 "Times New Roman", Times, serif;
	color: #309;
	margin: 0px 0px -10px 0px;
	text-align: left
	}
	
#results h2{
	font: bold 80%/1.3 "Times New Roman", Times, serif;
	color: #FFF;
	margin: 0px 0px -10px 0px;
	text-align: left
	}
	
#results h4{
	font: bold 80%/1.3 "Times New Roman", Times, serif;
	color: #600;
	margin: 0px 0px 15px 0px;
	text-align: left
	}		
	
#results h5{
	font: bold 80%/1.3 "Times New Roman", Times, serif;
	color: #666;
	margin: 0px 0px -10px 0px;
	text-align: left
	}	
	
#results h6{
	font: bold 80%/1.3 "Times New Roman", Times, serif;
	color: #309;
	margin: 0px 0px -10px 0px;
	text-align: left
	}	
	
#results em {
	font: 90%/1.3 "Times New Roman", Times, serif;
	color: #616F24;
	font-style: normal;
	}
	
#results li {
	list-style-type:disc;
	line-height: 140%;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-left: 25px;
	list-style-position: outside;
	text-align: left;
	margin-top: -5px;
	font: 120%/1.3 "Times New Roman", Times, serif;
}	
	
#results a:link {
	font-weight: bold;
	color: #006065;
	text-decoration: underline;
	}	
	
#results a:visited {
	font-weight: bold;
	color: #006065;
	text-decoration: underline;
	}	
	
#results a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}	

/* ----------------------------------------------------------------------*/

#contactform {
	width: 100%;
	margin: 0;
	font: 110% Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}

#contactform td {
	vertical-align: top;
	padding: 0px;
	}
	
#contactform .textfield {
	width: 180px;
	border: 1px solid #77882B;
	height: 18px;
	background: #FFF;
	padding-left: 3px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	}
	
#contactform .multifield {
	width: 180px;
	border: 1px solid #77882B;
	height: 70px;
	background: #FFF;
	padding-left: 3px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
}
	
#contactform .listfield {
	width: 180px;
	border: 1px solid #77882B;
	background: #FFF;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	}
	
#contactform .submit {
	width: 70px;
	border: 1px solid #412708;
	background: #006065;
	padding: 2px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	color: #FFF
	}
	
#contactform .reset {
	width: 70px;
	border: 1px solid #EEE;
	background: #EEE;
	padding: 2px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	cursor:pointer
	}	
	
#contactform em {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-style: normal;
	padding-left: 3px
	}
	

/* -----------------------------------------------------------FOVIA FOOTER------------------------------------------------ */	
	
#fovia {
	background: #FFF;
	height: 37px;
	margin: 0 auto;
	font: 70% Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	border-top: 2px solid #CCC;
	text-align: center;
	padding: 10px
	}	
	
#fovia a:link {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	}	
	
#fovia a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}	
	
#fovia a:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
	}	
	
#homenews {
	background: #77882B;
	height: 15px;
	width: 100%;
	padding: 2px 0px 3px 15px;
	}	
	
#homenews p{
	margin: 0px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	}	
	