/* CSS Document */
html {
   /*height: 100%;*/
}

body {
   font-size: 0.7em;
   font-family: verdana, sans-serif;
   line-height:1.5em;
   background:url(/images/colourbg.jpg) repeat-x #ff9;;
   
}
a{
	color:#cc3;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a img {
  border: 0;
}
br.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}

p.bold, span.bold {
  font-weight: bold;
}
.clearBoth{
	clear:both;
	font-size:1px;
}
.borderless{
	border: 0;
}

#container{
	width:760px;
	margin:auto;
	background:#fff;
	border:solid 1px #009;
	
}
#top{
	width:760px;
	height:120px;
	background:url(/images/banner.jpg) no-repeat;
	padding-top:2px;
	border-bottom:solid 1px #009;
	margin-bottom:2px;
}

/*===================================MENU STYLES==============================================================*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
	float:left;
	width:150px;
}


#nav {
	line-height:1.2em;
  /*font-size: 1.0em;*/
}

#nav, #nav ul { /* all lists */
  padding:0;
  margin:0;
  list-style:none;
  float: left;
  /*width: 140px;*/
}

#nav li { /* all list items */
  position: relative;
  float: left;
  margin: 0;
 /* width: 140px;*/
}

#nav li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 150px;
  margin-top : -1.9em;
  width: 200px;
  padding:0;
}

#nav li ul li {
  margin-bottom: -1px;
  text-align: left;
  border: none;
  width: 200px;
  font-size: 0.97em;
}

#nav li ul li ul li {
  font-size: 1em;
}

#nav li ul ul { /* third-and-above-level lists */
  left: -999em;
  margin-left: 200px;
  margin-top: -1.96em;
}

#nav li a {
  width: 140px;
  display: block;
  color: #009;
  /*font-weight: bold;*/
  text-decoration: none;
  text-align: left;
  /*margin:0 5px;*/
  padding: 4px 5px;
  background: url(/images/dot.gif) bottom repeat-x;
}
#nav li ul li a {
  background-color: #009;
  text-align: left;
  font-weight: normal;
  font-size: 1.0em;
  color: #fff;
  padding: 4px 3px;
  width: 160px;
  w\idth: 154px;
  background-image: none;
}

#nav li a:hover {
  
  background-color: #cc3;
}
#nav li ul li a:hover {
  background-color: #cc3;
  color: #009;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.over ul ul, #nav li.over ul ul ul {
  /*left: -999em;*/
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav li li li.over ul { /* lists nested under hovered list items */
  left: auto;
}

#smenu {background:transparent; margin:0 auto; height:2.5em;}
#smenu ul {margin:0; padding:0; list-style-type:none;}
#smenu ul li {display:block; float:left; margin:0 1px;}
#smenu ul li a{text-decoration:none; color:#009; border-left:1px solid #fff; border-right:1px solid #fff;padding:0 8px; background-color:#cc3; display:block;}
#smenu ul li a:hover {border-top:solid 8px #cc3;}


/*===================================END MENU STYLES==============================================================*/




#content{
	margin:0 8px;
	float:left;
	width:444px;
	line-height:1.5em;
	text-align:justify;
}
#contentfull{
	margin-left:8px;
	padding-right:8px;
	float:left;
	width:594px;
	line-height:1.5em;
	text-align:justify;
}
#contentfooter{
	float:left;
	margin-left:8px;
	width:602px;
}

#content #breadcrumb, #contentfull #breadcrumb{
	color:#999;
	margin-bottom:5px;
	border:solid 1px #CCCCCC;
	padding:0 3px;
	text-align:left;
}
#content #submenu, #contentfull #submenu{
	color:#999;
	margin-bottom:5px;
	/*border:solid 1px #CCCCCC;*/
	padding:0 0px;
	text-align:left;
	
}

#content h1, #contentfull h1{
	margin:0 0 8px 0;
	color:#009;
	font-weight:bold;
	font-size:1.1em;
	border-bottom:solid 2px #cc3;
}
#l2links{
	color:#999999;
	
	margin-bottom:5px;
}
#l2links ul{
	line-height:1.1em;
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
}
#l2links ul li{
	/*display:inline;
	border:solid 1px #ccc;
	padding:1px;
	margin-right:5px;*/

}
#l2links ul li a:hover{
	color:#cc3;
	text-decoration:none;
	
}

/*#l3links ul{
	list-style:none;
	margin:0;
	padding:0;
}
#l3links ul li{
	text-indent:10px;

}
#l3links ul li a:hover{
}
*/


/*===================================RIGHT SIDE STYLES==============================================================*/
#rightside{
	float:left;
	width:150px;
}

/*===================================END RIGHT SIDE STYLES==============================================================*/




/*===================================FOOTER STYLES==============================================================*/
#footer{
	clear:both;
	width:760px;
	margin-top:10px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;

	padding:2px 0;
	background:#009;
	color:#cc3;
	text-align:center;
	font-weight:bold;
}
#footer a{
	color:#cc3;
}

#funders{
	text-align:center;
	color:#000;
	font-weight:bold;
}
/*===================================END FOOTER STYLES==============================================================*/




/*========================================NEWS STYLES===================================================*/
#newssection{
	/*margin:5px;*/
	margin-right:0px;
	margin-left:0px;
	margin-top:0;
	padding:0;
}
#pagecount{
	margin:0px 0px 8px 0px;
}
#newspage{
	float:left;
}
#newspagecount{
	float:right;
}
.clear1{
	height:1px;
	clear:right;
	margin:0px;
	padding:0;
}

.newsclear {
  clear: both;
  padding-bottom:5px;
  margin-bottom:0px;
  border-bottom:solid 1px #cc3;
}

  

.newstitle{
	margin:0;
	padding:0;
}
.newshead{
	float:left;
	font-weight:bold;
	padding-right:5px;
	color:#009;
	
	
}
.newsheaddet{
	float:left;
	font-weight:bold;
	padding-right:5px;
	color:#393;
	
}

.newsdate{
	/*float:right;*/
	/*font-weight:bold;*/
	color:#999;
	text-align:right;
}
.newscat{
	font-weight:bold;
	color:#009;
}

.newscontent{
	margin-top:0;
	padding-top:0;
}
img.newsfloatright{
	float:right;
	margin-left: 5px;
	padding:1px;
	border: 1px solid #009;
}

img.newsfloatleft{
	float:left;
	padding:1px;
	border: 1px solid #009;
	margin-right: 5px;
}
#newsimage{
	float:right;
	text-align:center;
	width:210px;
	margin: 0 0px 0px 5px;
}
#newsimage img{
	border: 1px solid #000000;	
}
.imgdesc{
	color:#009;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#newsimages{
	width:106px;
	float:right;
	margin-left:10px;
}
#newsimages ul{
	margin:0;
	padding:0;
	list-style:none;
	/*margin-left:10px;*/
}
#newsimages ul li{

}
#newsimages ul li a{
margin:0px; border:1px solid #009; padding:2px; display:block;
}



#newsdocs{
	/*background:url(/images/greydot.gif) top repeat-x;*/
	margin-top:10px;
	padding-top:5px;
}
#newsdocs ul{
	list-style:none;
	margin-top:5px;;
}
#newsdocs ul li{
	line-height:30px;
	vertical-align:middle;
	padding:5px;
}
#newsdocs ul li a{
	margin-right:15px;

}


/*=======================================End NEWS Styles==============================================*/





.boldhead{
	color:#009;
	font-weight:bold;
}
.contenthead{
	color:#009;
	font-weight:bold;
	background:url(/images/greendot2.gif) bottom repeat-x;
}
.headcolour{
	color:#009;
}
ul.nomargins{
	margin:0;
	padding:0;
}
ul.nomargins li{
	list-style:none;
	vertical-align:middle;
}
#sitemap ul{
	margin-top:0;
}
.textbox{
	font-size:1em;
}
.header2color{
	color:#393;
}

/*===================================EDITOR STYLES==============================================================*/



/*===================================END EDITOR STYLES==============================================================*/

/*===================================GALLERY STYLES==============================================================*/
#gallery ul li{
	list-style:none;
}
/*#gallery ul li ul li{
	list-style:none;
}*/
/*===================================END GALLERY STYLES==============================================================*/

/*CONTACT US*/
#contact{
	float:left;
	width:270px;
}
#contactus{
	float:left;
	width:310px;
	padding-left:10px;
}
#contactus fieldset {
	
	display:block; 
	/*border:1px solid #009;*/ 
	/*padding:5px; */
	font-family:verdana, sans-serif; 
	margin-bottom:0.5em; 
	line-height:1.5em;
}
#contactus legend {font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; color:#cc3; font-size:1em; font-weight:bold; /*border:1px solid #009;*/ margin-bottom:5px; padding:0px 7px 2px 2px; /*width:100px; background:#ddd;*/}
#contactus label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#009; margin-bottom:0.5em;}
#contactus input {border:1px solid #cc3; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contactus textarea {border:1px solid #cc3; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;/**/}
#contactus select {margin-left:0.5em;}
/*#contactus #button { margin-left:110px;}*/
#contactus #button1 {color:#cc3; background-color:#009; padding-right:0.5em; cursor:pointer; width:50px; font-weight:bold;}
/*#contactus #button1:hover {background-position:center left; color:#000;}*/
.errmessage{
	color:#c00;
}
/*END CONTACT US*/
/*Establishments*/

#establishments{
	float:left;
	width:340px;
}
#establishments ul{
	list-style:none;
	margin-top:0;
	margin-bottom:0;
}
.estcat{
	border:solid 1px #ccc;
	background:#ffc;
	margin-bottom:10px;
}
.esthead{
	color:#009;
	font-weight:bold;
	padding-left:10px;
	border-bottom:solid 2px #cc3;
}
.cathead{
	
	
}
.dethead{
	font-weight:bold;
	color:#009;
}
#gmap{
	padding:15px 0;
	clear:both;
	text-align:center;
}
#map{
	margin-top:10px;
	padding:1px;
	border:solid 1px #ccc;
	width:550px;
	height:375px;
}
#menuborder{
	border:solid 1px #ccc;
}
#menushead{
	font-weight:bold;
	font-size:1.05em;
	color:#009;
	background:#ffc;
	border-bottom:solid 1px #cc3;
	text-align:center;
}
#menudetails{
	padding:5px;
}
#rightimages{
	float:left;
	margin-left:5px;
	width:240px;
	text-align:center;
}
#rightimages img{
	padding:1px;
	border:solid 1px #009;
	margin-bottom:15px;
}
#cleft{
	float:left;
	width:280px;
	text-align:left;
	background:#ffc;
	border:solid 1px #cc3;
	padding:5px;
}
#cright{
	float:left;
	width:280px;
	padding:5px;
	margin-left:10px;
	text-align:left;
	background:#ffc;
	border:solid 1px #cc3;
}
#cright ul{
	list-style:none;
	margin-top:0;
}




/*END ESTABLISHMENTS*/
/*FORM*/
form#feedback {
	/*background:	url(cssplay/bg.png) center top no-repeat;*/
	
	padding:5px;
	margin:0 auto;
	text-align:left;
}
form#feedback fieldset {
padding:2px 5px;
margin-bottom:2em;
}

form#feedback table {
padding:2px 5px;
margin-bottom:2em;
}



form#feedback legend {
font-size:1.1em; 
font-weight:bold; 
margin: 0 0 5px 10px;
color:#009;
width:157px;
border: 1px solid #cc3;
padding: 2px 5px;
background-color:#ffc;
}
.formquestion{
	font-weight:bold;
	color:#009;
}
.formq{

	
}

form#feedback label {
color: #cc3;
font-weight:bold;
width:300px;

}

form#feedback input {
/*border:1px solid #003399; */
font-size:1.1em;
padding:0 2px;
}


form#feedback textarea {
padding:0.5em; 
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
form#feedback select {
font-size:1.1em;
}


form#feedback #button1 {
color:#009; 
font-weight: bold;
display: inline;
border: none;
text-align: center;
margin-left: 11.5em
}

form#feedback #button2 {
color:#009; 
font-weight: bold;
display: inline;
border: none;
text-align: center;
}

form#feedback #button1:hover, form#feedback #button2:hover {
color:#cc3;
}



/*END FORM*/


#login{
	}
#login label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#009; margin-bottom:0.5em;}
#login input {border:1px solid #393; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#login #button1 {color:#393; background-color:#009; padding:0 0.5em; font-weight:bold; cursor:pointer; width:50px;}


@media print {
#top {display: none;}
#menu {display: none;}
#footer {display: none;}
}
