html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background:#fff;
  min-width:781px;
  text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color: Black;
	}
body h1, body h2{
	font-size: 60%;
	color: #0080C0;
	margin: 1px 0;
}

#container-center h2{
 margin: 0 0 0 0; 
 padding: 10px 0 0 30px;
 font-size: 90%;
 letter-spacing: 0.1em;
 text-align: left;
 background-image: url(graphics/head_bg.gif);
 background-repeat: no-repeat;
 background-position: left;
 color: #656565;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: underline;
 }
 #container-center h4 {
 margin: 0 0 0 0; 
 padding: 10px 0 0 5px;
 font-size: 90%;
 letter-spacing: 0.1em;
 text-align: right;
 background-image: url(graphics/head_bg.png);
 background-repeat: no-repeat;
 background-position: left;
 color: #000;
  font-family: Arial, Helvetica, sans-serif;
 }
 #container-center h3 {
 margin: 0 0 0 0; 
 padding: 10px 0 0 5px;
 font-size: 90%;
 letter-spacing: 0.1em;
 text-align: left;
 background-image: url(graphics/head_bg.png);
 background-repeat: no-repeat;
 background-position: left;
 color: #000;
  font-family: Arial, Helvetica, sans-serif;
 }

 #container-center h1 {
 color: #0033CC;
 font-weight: bolder;
 text-transform: uppercase;
 text-align: right;
 letter-spacing: 0.1em;
 padding: 10px 0 15px 5px;
 font-size: 90%;
  margin: 5px 0 3px 0;
   font-family: Arial, Helvetica, sans-serif;
 }
 
 
a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
	font-size: 80%;
	text-align: justify;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	padding: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6B6B6B;
	}
li {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
td {
	font-size: 90%;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}

	
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:781px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  padding: 0;
  background:#fff;
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:257px;
  padding: 0;
  width:507px;
  background:#FFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

* html #outer{
  width:515px;
  w\idth:514px;
}
#left{
  width:230px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-261px;
  padding: 0;
  background-color: #fff;
}
*>html #left{width:231px;}

#container-left{
  width:231px;
  margin: 1px 0 3px 2px;
  background-color: #fff;
  padding: 0;
}

#container-center{
  padding: 20px 30px 2px 30px;
  margin-left: 2px;
  border-left: 5px solid #D7D7D7;
  font-size: 105%;
  /*background-image: url(graphics/center_bg.gif);
  background-position: top-left;
  background-repeat: no-repeat;*/
}

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */

#center{
  width:518px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:5px;
  overflow:hidden;
}
#clearheaderleft{
  height:5px;
  overflow:hidden;
}
#clearfootercenter{
  height:70px;
  overflow:hidden;
}
#clearfooterleft{
  height:70px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:781px;
  height:70px;
  overflow:hidden;
  margin-top:-70px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#subfooter1{
  background: #fff;
  text-align:center;
  margin:0;
  height:40px;
  font-size: 70%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#subfooter2{
  background:#fff;
  text-align:center;
  margin:0;
  height:30px;
  font-size: 70%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#subfooter3{
  /*background: #99ccff;
  text-align:center;
  margin:0 1px;
  height:0;*/
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:781px;
  height:195px;
  overflow:hidden;
  display: none;
}
.outer_horiz_border, .sb_outer_horiz_border{
  background:#B5B6B5;
  height:1px;
  overflow:hidden;
  font-size:0px
}

/* TOP NAVIGATION - HORIZONTAL */

.navtop {
	background: #CCC;
	text-align: left;
	padding:0; 
	margin: 3px;
 height: 34px;
}

.navtop ul {
/*remove default values: */
margin: 9px 0; /* NB NB NB to position text in the navbar NB NB top and bottom*/
padding: 0;

}

.navtop li {
display: inline;
list-style: none;
margin: 0 0 0 -2px;	/*	use -5px to minimise space between buttons */
padding:0;
}

.navtop li a:link, .navtop li a:visited { 
color: #000; 
font-family: arial, helvetica, sans-serif;
letter-spacing: 0.2em;
font-size: 80%;
text-decoration:none; /* to remove underline of the hyperlinks */
margin: 0 0 0 0; /* for the items */
padding: 10px; /* for items: top, right bottom left for space around*/
border-top: 1px solid #0080C0;
border-right: 1px solid #000;
border-bottom: 1px solid #0080C0;
border-left: 1px solid #0080C0;
}

.navtop li a:hover, .navtop li a:active {
color: #fff; 
/* to set hover color for the hyperlinks */
border-top: 1px solid #0080C0;
border-right: 1px solid #0080C0;
border-bottom: 1px solid #0080C0;
border-left: 1px solid #0080C0;
}

/* SIDE NAVIGATION - VERTICAL */

.navside  {
margin: 0 0 0 1px; /* nb nb to eliminate default margins */
padding: 0; /* nb nb to eliminate default padding */
width: 240px;
border-collapse: collapse; /*elminates space betwwen cells - good for tables */
}

.navside ul {
list-style: none; /* no bullets */
display: block; /* display vertical*/
width: 240px;
margin: 0 0 -3px 3px; /* nb to eliminate or adjust default margins */
padding: 0; /* nb nb to eliminate default padding */
}

.navside li {
display: block; /* display vertical*/
background-color: #fff;
margin: 0; /* 0 nb nb to eliminate default margins */
padding: 0 0 8px 3px; /* for the items, px top and bottom for height*/
border: 1px solid white;
}

.navside li a:link, .navside li a:visited { 
text-decoration: none; /* no underline */
color: #373737;
background-color: #FFF;
padding: 5px 1px 4px 2px;
margin:0 0 2px 0; /* 2px for space between buttons */
display: block; /* NB NB for equal widths of the buttons */
width: 240px;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;

}

.navside li a:hover, .navside li a:active {
color: #000; /* to set hover color for the hyperlinks */
background-color: #FFF;
border-top: 1px solid red;
border-right: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
}

#subheader1{
  background:#FFF;
  text-align:center;
  margin:0 1px;
  height:159px;
  background-image: url(graphics/head1.gif);
  background-repeat: no-repeat;
}
#subheader2{
  background:#A6CAF0;
  background-image: url(graphics/navback_.gif);
  text-align:center;
  margin:0;
  height:35px;
}
#subheader3{
  /*background:#99ccff;
  text-align:center;
  margin:0 1px;
  height:10px;*/
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:518px;
  margin-left:260px;
  background:#FFF;
  border-left:1px solid #000;
}
* html #gfx_bg_middle{
  display:none;
}

	
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. 
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

/* fancy links */

dt{display:none}
dl#menu{

float:left;
display:inline;
margin:0;
font-size:80%;
color:#000;
font-weight: bold;
}
#menu dd{
float:left;
margin:0 auto 4px auto;
}
#menu .aa,#menu .bb,#menu .cc,#menu .dd,#menu .ee,#menu .ff,#menu .gg{border: 1px solid #8b8b8b;
}
#menu .aa{
display:inline;
font-weight:bold;
line-height:2em;

color:#373737;
text-align:left;
border-color:#85A7DA #464e82 #464e82 #85A7DA;
background:#FFF;
padding:0 2px;
padding-bottom:2px
}
#menu .bb{
display:inline;
border-color:#87A9DC #0D2F62 #0B2D60 #87A9DC}
#menu a,#menu a:visited{
display:inline;
text-decoration:none;
width:100%
}
#menu .dd{border-color:#b8e407 #b8e407 #b8e407 #b8e407}
#menu .ee{border-color: #b8e407 #c9f812 #c9f812 #b8e407}
#menu .ff{border-color: #b8e407 #c8f810 #c8f810 #b8e407}
#menu .gg{border-color: #91b605 #e5fb90 #e5fb90 #91b605;
margin:1px
}
#menu a:hover{
display:inline;
cursor:pointer
}
#menu a:hover .bb{
display:inline;
border-color:#0B2D60 #87A9DC #87A9DC #0D2F62;
}
#menu a:hover .aa{
display:inline;
border-color:#416396 #85A7DA #85A7DA #426497;
padding-top:1px;
background:#FFF;
padding-bottom:1px;
}

#home .home, #about .about, #contact .contact, #services .services, #enquiries .enquiries, #venues .venues, #planning .planning, #suppliers .suppliers, 
{
color: #cc3300;
}

/* add to body of each relevant page: <body id="home">  etc */

.navleft h4{
	background-color: #fff;
	color: #0033CC;
	margin: 6px 0 6px 0;
	padding: 4px 0 4px 4px;
	letter-spacing: 0.05em;
	font-size: 75%;
	text-align: left;
}
.navleft a{
	color: #757575;
	font-weight: normal;
	margin:5px 0 10px 6px;
	letter-spacing:normal;
	font-size: 80%;
}
/* TOP NAVIGATION - HORIZONTAL */

.nav_top {
	background: transparent;
	text-align: left;
	padding:0; 
	margin: 1px 10px 1px 10px;
}

.nav_top ul {
/*remove default values: */
margin: 9px 0; /* NB NB NB to position text in the navbar NB NB top and bottom*/
padding: 0;

}

.nav_top li {
display: inline;
list-style: none;
margin: 0 0 0 -4px;	/*	use -5px to minimise space between buttons */
padding:0;
}

.nav_top li a:link, .nav_top li a:visited { 
color: #0033CC;
background-color: #A6CAF0; 
font-family: arial, helvetica, sans-serif;
letter-spacing: 0.1em;
font-size: 80%;
text-decoration:none; /* to remove underline of the hyperlinks */
margin: 0 1px 0 1px; /* for the items */
padding: 5px; /* for items: top, right bottom left for space around*/
border-top: 1px solid #A6CAF0;
border-right: 1px solid #A6CAF0;
border-bottom: 1px solid #A6CAF0;
border-left: 1px solid #A6CAF0;
}

.nav_top li a:hover, .nav_top li a:active {
color: #F0F0F0; 
/* to set hover color for the hyperlinks */
border-top: 1px solid #A6CAF0;
border-right: 1px solid #A6CAF0;
border-bottom: 1px solid #A6CAF0;
border-left: 1px solid #A6CAF0;
}
#copyright {
	margin-top: 5px;
	color: #DCDCDC;
}
#copyright a{
	color: #DCDCDC;
}
#navbottom {
	margin-top: 5px;
}
#navbottom a{

}