/* Reset */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
div,dl,dt,dd,h1,h2,h3,h4h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

a:link, a:visited {text-decoration:none;}
div{clear:both; zoom:1;}
p,li{font-family:verdana,arial;font-size: 0.8em; }
h1,h2{font-family:verdana,arial;font-size:1.2em;}
/*Background Image */
img#bg {
position:fixed;
bottom:0;
left:0;
width:100%;
height:200px;
}

#info a:link {color:#000;text-decoration:underline;}
#info  a:visited {color:#000;text-decoration:underline;}
#info a:hover {color:#000;text-decoration:underline;}
#info a:active {color:#000;text-decoration:underline;}
#info a  img {border:0;text-decoration:none; !important};
<!--[if IE 6]-->
html { overflow-y: hidden; }

#bg { position:absolute; z-index:-1; }
#content { position:static; }
<![endif]-->

#content {
position:absolute;
margin-left: auto;
  margin-right: auto;
z-index:1;
width:800px; background-color:#fff;color:#000;border:1px solid gray;	
	padding: 0px;
}
#flash
{
float:left;
width:560px;
padding-right:20px;
padding-top:10px;
}
#center {
  /* take element out of the normal page flow! */
  position: absolute;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
  top: 0;     
  width: 900px;   
  /* set left and right to the same value! */
  left: 0;
  right: 0;
  /* adding auto-margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;

}

img{border:0;}
#bottom{ position: absolute; right: 5px; bottom: 5px; } 



/*opaque*/
#opaque-wrapper {
width:900px;

margin:0 auto;

}
#opaque {
   padding-bottom:6px;
	_overflow-y:hidden;
	
}
#opaque .mod-content {
 
min-height:800px;
}
#opaque .x1a { /*opacity layer*/
   display:block;
	background:#fff;
	width:100%;
	height:100%;
	
	_height:2000px;
	position:absolute;
	_bottom:6px;
	opacity:.70;
	filter:alpha(opacity="70");
	
}
#opaque .x2 { /*offsets shadow by 6px*/
   display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:6px;
	_top:auto;
	_bottom:-6px;
}
#opaque .x2a {
   display:block;
   border:6px solid #000;
   border-top:0;
	border-left:0;
	width:100%;
	height:100%;
   _height:2000px;
   position:relative;
	bottom:6px;
	right:6px;
	opacity:.30;
	filter:alpha(opacity="30");
}

.mod {
   width:900px;
   position:relative;
   margin:0 0 0 0 auto;
   min-height:800px;
   z-index:0;
   border:1px solid gray;
}
.mod .mod-content {
   padding-top:0;
   padding-left:10px;
   padding-right:10px;
   
   position:relative;
   z-index:2;
}
.mod .bd {

   min-height:150px;
	  _height:150px;
}

#info{text-align:left; color:black;font-size:16pt;}
#contact{color:black;background-color:yellow;border-bottom:1px dotted gray;}
td{font-size:16pt; text-align:right;}
.left{text-align:left;}

#splashlogo
{
padding-top:20px;
width:600px; float:left;
font-size:36pt;
}


#relationalmission{width:113px; height:50px; float:right;padding-top:40px;}
#newfrontiers{width:100px; height:32px; float:right; padding-top:20px;}


#pakefieldmap{

 padding:5px;
border: 1px solid gray;
}
.kidsphoto{

margin:0 5px 5px 0;
width:180px;}
#rightphoto,#pakefieldfood
{
float:right;
width:150px;
padding:5px;
border: 1px solid gray;
}
#where{height:210px}

#nfi
{
float:right;
width:100px;
height:32px;
vertical-align:top;
}
#edward
{
float:right;
width:122px;
height:153px;
padding:5px;
margin-right:5px;
border: 1px solid gray;

}


#newsletter{
    float:left;
    width:770px;
	margin:15px 0px 5px 0px;
	border: 1px solid #f1f1f1;
	background-color:#fbfbfb;

}
#newsletter th{
    font-size:80%;
	padding-top:5px;
	background-color:#fbfbfb;
}

*- Menu Tabs 6a--------------------------- */
 
    #tabs6a {
      float:left;
      width:100%;
      background:#efefef;
      font-size:93%;
      line-height:normal;
	  border-top:1px solid #666;
      }
    #tabs6a ul {
	  margin:0;
	  padding:0px 10px 10px 50px;
	  list-style:none;
      }
    #tabs6a li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6a a {
      float:left;
      background:url("../images/tableft6a.gif") no-repeat left bottom;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs6a a span {
      float:left;
      display:block;
      background:url("../images/tabright6a.gif") no-repeat right bottom;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6a a span {float:none;}
    /* End IE5-Mac hack */	
	#tabs6a a:hover span {
      color:#FFF;
      }
    #tabs6a a:hover {
      background-position:0% -15px ;
      }
    #tabs6a a:hover span {
      background-position:100% -15px ;
      }

	#tabs6a  a .current{
      background-position:0% -15px ;
      }
    #tabs6a  a span.current {
      background-position:100% -15px ;
      }
	  
 #details {background:#dee; position:relative;z-index:1; top:20px;text-align:left; width:850px; padding:10px; border:1px solid gray; margin:0px auto;}
#details fieldset{padding-top:5px; margin-bottom:10px;}
#details legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-top:5px;margin-bottom:5px; padding:3px; background:#fff url(../images/form.gif) repeat-x center left;}
 #details p{padding-left:10px;padding-bottom:10px;}
#details label {clear:left; display:block; float:left; width:300px; text-align:right; padding-right:10px; color:#000; }
#details .show {display:block;width:500px; margin-left:210px; }
#details .address {display:block;width:500px; margin-left:210px; height:40px;}
#details label.add{clear:left; display:block; float:left; height:40px; width:300px; text-align:right; padding-right:10px; color:#000; }
#details label.so{clear:left; display:block; float:left; height:200px; width:300px; text-align:right; padding-right:10px; color:#000; }
#details form input[type=text]{border:1px solid gray; background:#fff url(../images/form.gif) repeat-x top left; padding-left:0.5em; }
#details form select {margin-left:0.5em;}
#details form textarea {width:200px; height:10em; border:1px solid gray; padding:0.5em; overflow:auto; background:#fff url(../images/form.gif) repeat-x bottom left;}
form input.sort{width:25px;}
#details form input .red{border:1px solid #f00; background:#fff; padding-left:0.5em; margin-bottom:0.6em;}
#details form checkbox{border:0;padding:0;margin:0;}
#details form option {background:#788; color:#fff;}
#details form optgroup {background:#abb; color:#000; font-family:georgia, serif;}
#details form optgroup option {background:#9aa; color:#fff;}
form #button1, form #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form #button1:hover, form #button2:hover {background-position:center left; color:#000;}
#details input.red{border:1px solid #f00 !important;}
#details select.red{border:1px solid #f00 !important;}
#details textarea.redtextarea{border:1px solid #f00 !important;}

#details form input.sort.red  {border:1px solid #f00 !important;width:25px!important;}
#red{color:red;}
.error{display:block;color:red;}	  
.date_error{display:block;color:red;}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


#pricing
{

font-family:verdana,arial;
font-size:0.8em;
width:100%;
border-collapse:collapse;
margin-bottom:20px;

}
#pricing td, #pricing th 
{
text-align:left;
font-size:0.8em;
border:1px solid #0486AA;
padding:3px 7px 2px 7px;
}
#pricing th 
{

padding-top:5px;
padding-bottom:4px;
background-color:#0486AA;
color:#fff;
}
#pricing tr.alt td 
{
color:#000;
font-weight:bold;
background-color:#EAF2D3;
}


.btn { display: block; position: relative; background: #aaa; padding: 5px;margin:5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.crimson{background:#a00;}
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }


/* Begin CSS Popout Menu */
#navbar
{
clear:both;
position:relative;
height:26px;
width:100%;
background: rgb(146,39,143);
margin-bottom:20px;
}

#menu{
width:100%;
float:left;
}

#menu a, #menu h2{
font:bold 11px/16px verdana,tahoma,arial,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:5px 10px 5px 10px;
}

#menu h2{
color:rgb(252,176,64);
background:rgb(146,39,143);
}

#menu a{
background:rgb(252,176,64);
color:white;
text-decoration:none;
}

#menu a, #menu a:visited{
color:white;
}

#menu a:hover{
color:white;
background:rgb(252,176,64);
}

#menu a:active{
color:white;
background:rgb(252,176,64);
}


#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}


#menu li{
position:relative;

}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{

}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}
#menu #logout {color:rgb(252,176,64);background:rgb(146,39,143);!important}
/* End CSS Popout Menu */





#search{position:absolute;top:145px; right:10px; z-index:999;}
#search label {color:rgb(252,176,64);font:bold 11px/16px verdana,tahoma,arial,sans-serif;}



div.pagination {
padding: 3px;
margin: 3px;
text-align:center;

}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;
background-color: rgb(146,39,143);
color: rgb(252,176,64);
text-decoration: none; /* no underline */

}
div.pagination a:hover, div.digg a:active {
border: 1px solid rgb(146,39,143);

color: #FFF;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid rgb(146,39,143);

font-weight: bold;
background-color: rgb(252,176,64);
color: rgb(146,39,143);
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;

color: #DDD;
}

#bookingsummary {border:1px solid gray;border-collapse:collapse;}
#bookingsummary th{color:rgb(252,176,64); background:rgb(146,39,143)}
#bookingsummary td{text-align:left;padding:0 7px 0 7px;border:1px solid gray;font-family:verdana,arial;font-size: 0.8em;}
#bookingsummary tr{}

#bookingsummary tr.cancelled {background:#ff0; !important}
#bookingsummary tr.no_payment_type {background:#f06; !important}
#bookingsummary tr.money_owing {background:rgb(252,176,64); !important}
#bookingsummary tr.unconfirmed{background:silver;}
#bookingsummary .red{color:red;}
#details #testdiv1{position:absolute; z-index:1000;visibility:hidden;background-color:white;layer-background-color:white;}