/***********************************************************************
** ssofb.co.uk_retreattravel.css
**  Copyright 2004-2006 Patrick R. Michaud (pmichaud@pobox.com)
**  Copyright 2006 Hagan Fox
**  This file is part of PmWiki; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
***********************************************************************/

/* This sets the overall frame for the site */
body {
  margin:0px; 
  background-color:#ffffff; 
  font-family:Trebuchnet,Trebuchet,Trebuchet MS,serif; 
  font-size:10pt;
  width: 100%; 
  height: 100%;
  color: #861ecf;  
}

/* These control the fixed-width text elements of the page */
textarea, pre, code { font-size:12px; }
pre, code { font-family:'Lucida Console','Andale Mono','Courier New',Courier,monospace; }
pre { line-height:1.2em; }
pre code, code code, pre pre { font-size:100%; }

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { 
  color: #8a1e20;
  line-height:100%; 
  margin: 0px 0px 10px 0px;  
  font-weight:normal; 
  font-family:Georgia,serif; 
}
/* header links */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
  color: #8a1e20;
  text-decoration:none;
}
/* header links mouse over */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
  color: #8a1e20;
  text-decoration:underline;
}

h1 code, h2 code, h3 code, h4 code { 
  font-size:1em; 
}
h1 { 
  font-size:16px; 
  padding: 18px 0px 0px 0px;  
  font-weight: bold;   
}
h2 { 
  font-size:15px; 
  padding: 16px 0px 0px 0px;  
  font-weight: bold; 
}
h3 { 
  font-size:14px; 
  padding: 16px 0px 0px 0px;  
  font-weight: bold; 
}
h4 { 
  font-size:13px; 
  padding: 12px 0px 0px 0px;  
}
h5 { 
  font-size:12px;
  padding: 11px 0px 0px 0px;  
}
h6 { 
  font-size:11px;
  padding: 10px 0px 0px 0px;  
}

#wikitext h1 a { 
  text-decoration:none;
}

#wikitext h1 a:hover { 
  text-decoration:underline;
}


/* The #wikilogo element is the logo from $PageLogoFmt */
#wikilogo { margin-top:4px; padding:6px; border-bottom:1px #cccccc solid; }

/* This controls the rest of the heading (primarily the search box) */
#wikihead { 
  position:absolute; 
  right:10px; 
  top:10px; 
  font-family:Verdana,sans-serif; 
  font-size:85%; 
}
#wikihead input { font-size:85%; } 

/* These are for the left-sidebar. */
#wikileft { 
  width:155px; 
  padding:6px; border-right:1px #cccccc solid; 
  line-height:1.33em;
  font-size:9.4pt; font-family:Verdana,sans-serif;
}
#wikileft .vspace { margin-top:1.125em; }
#wikileft a { text-decoration:none; color:black; }
#wikileft a:hover { text-decoration:underline; color:blue; }
#wikileft ul { list-style:none; padding:0px; margin:0px; }
#wikileft li { margin:0px; padding-left: 6px; }
.sidehead {
  margin:0px; padding:4px 2px 2px 2px;
  font-size:11pt; font-weight:bold; font-style:normal; 
}
.sidehead a 
  { color:#505050; font-weight:bold; font-style:normal; }

/* These affects the main content area. */
#wikibody { 
  padding:0px 10px 10px 10px; background-color:white; 
  font-size:11pt; 
}
#wikicmds { 
  float:right; white-space:nowrap; 
  font-family:Verdana,sans-serif; font-size:80%; 
}
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin:0px 5px; }
#wikicmds li a { text-decoration:none; color:black; border:none; }
#wikicmds li a.createlink { display:none; }
#wikicmds li a:hover { text-decoration:underline; color:blue; }
.pagegroup { margin-top:8px; margin-bottom:2px; }

/* Title field from title tag to head of wiki page */
.pagetitle { 
  color: #8a1e20;
  line-height:120%; 
  margin: 10px 0px 10px 0px;  
  font-weight:bold;   
  font-size:20px; 
  padding: 25px 0px 0px 0px;    
}
.wikiaction { margin-top:4px; margin-bottom:4px; }

/* Body text field from tag to body of wiki page */
#wikitext { 
  margin-top:12px; 
  line-height:1.33em; 
  font-family:Trebuchnet,Trebuchet,Trebuchet MS,serif; 
  font-size:10pt;
  color: #474c4e;  
  line-height:150%;   
}
/* links in body text field from tag to body of wiki page */
#wikitext a { 
  color: #8a1e20;
}

#wikitext table { 
  font-size:100%; 
  line-height:1.33em; 
  color: #000000;
} /* For MSIE 5.5 */

/* These are for the edit form. */
#wikiedit form { margin:0px; width:100%; }
#wikiedit textarea { width:100%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }

/* These affect the lines at the very bottom. */
#wikifoot { 
  padding-left:178px; padding-bottom:4px; border-top:1px #cccccc solid;
  font-family:Verdana,sans-serif; font-size:80%; 
}

/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:auto; margin:0px; padding:0.5em; }
  #wikihead, #wikileft, #wikicmds, .footnav { display:none; }
  #wikifoot { padding:2px; }
  /* Print customisations by SSOFB */
  /* dont think they work though
  .pagetitle { display:block; } 
  .pop-up_box_container { display:none; }
  */
}


/* Code by SSOFB */

/* main body center */
.page_center {
  text-align: center;
  border: 0px #00aaaa solid;
  margin: 0px;
}

/* page container */
.page_container {
  border: 0px red solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
}

/* header container */
.header_container {
  position: relative;
  border: 0px blue solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 180px; 
  background: url(green_background.gif) 0% 0% no-repeat;  
  border-left: 1px #ffffff solid;  
}
 
/* logo container */
.phonenumber_container {
  position: relative;
  border: 0px yellow solid;
  padding: 132px 0px 0px 43px;
  margin: 0px 0px 0px 0px;
  width: 700px;   
  height: 25px;    
  text-align: left;
  float: left;
  font-family:Georgia,serif; 
  font-size:17pt;  
  color: #ffffff;
}

.phonenumber_container a {
  text-decoration: none;
  color: #ffffff;  
}
 
/* logo container */
.logo_container {
  position: relative;
  border: 0px yellow solid;
  padding: 70px 35px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 201px;   
  height: 94px;    
  text-align: right;
  float: right;
}

/* header container */
.second_header_container {
  position: relative;
  border: 0px red solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 330px; 
  background: url(red_background.gif) 0% 0% repeat-y;  
  border-left: 1px #ffffff solid;  
}
 
/* logo container */
.quote_container {
  position: relative;
  border: 0px yellow solid;
  padding: 25px 25px 25px 25px;
  margin: 0px 0px 0px 0px;
  width: 250px;   
  height: 280px;    
  text-align: left;
  float: left;
  font-family:Verdana,serif; 
  font-size:17pt;  
  color: #ffffff;
}

/* logo container */
.quote_container a {
  text-decoration: none;
  color: #ffffff;
}
/* logo container */
.quote_container a:hover {
  text-decoration: underline;
  color: #ffffff;
}

 
/* logo container */
.header_image_container {
  position: relative;
  border: 0px yellow solid;
  padding: 0px 12px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 680px;   
  height: 330px;   
  text-align: right;
  float: right;
}
/* header container */
.menu_container {
  border: 0px blue solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 33px; 
  background: url(red_background_plus1.gif) 0% 0% repeat-y;  
}
 
#left_menu_container, #right_menu_container {
  position: relative;
  text-align: left;
  border: 0px green solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  color: #ffffff;
  height: 30px;
  float: left;
  z-index: 1;  
  font-family:Georgia,serif; 
  font-size: 10pt;  
  color: #ffffff;  
  border-top: 1px #ffffff solid;      
  border-bottom: 2px #ffffff solid;    
}

#left_menu_container {
  width: 308px;  
}
#right_menu_container {
  width: 680px; 
}

#left_menu_container a, #right_menu_container a {
  text-decoration: none;
  color: #ff0000;  
  border-left: 1px #ffffff solid;
  margin: 0px 0px 0px 0px;   
  padding: 0px 0px 0px 0px;  
  height: 30px;  
  font-weight: bold;   
} 
/* top menu items */
#left_menu_container ul, #right_menu_container ul  {
  margin: 0px 0px 0px 0px;   
  padding: 0px 0px 0px 0px;   
}
#left_menu_container li, #right_menu_container li {
	list-style: none;
	float: left; 
    margin: 0px 0px 0px 0px;   
    padding: 0px 0px 0px 0px; 
}
#left_menu_container li a, #right_menu_container li a {
	display: block;
    margin: 0px 0px 0px 0px;    
    padding: 7px 10px 0px 10px;
	color: #ffffff;
	text-decoration: none; 
    height: 23px;    
}
#left_menu_container li a:hover, #right_menu_container li a:hover {
	color: #ffffff;
}
#left_menu_container li ul, #right_menu_container li ul  {
	display: none; 
	width: 20em; /* Width to help Opera out */
	background-color: #ffffff;
    font-size: 9pt;   
    margin: 0px 0px 0px 0px;   
    padding: 0px 0px 0px 0px;        
}
#left_menu_container li:hover ul, #left_menu_container li.hover ul, #right_menu_container li:hover ul, #right_menu_container li.hover ul {
	display: block;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#left_menu_container li:hover li, #left_menu_container li.hover li, #right_menu_container li:hover li, #right_menu_container li.hover li {
	float: none; 
}
#left_menu_container li:hover li a, #left_menu_container li.hover li a , #right_menu_container li:hover li a, #right_menu_container li.hover li a {
	background-color: #ffffff;
	border-bottom: 1px solid #6d6f71;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	color: #6d6e71; 
    font-family:Verdana,sans-serif;   
    height: 15px;     
}
#left_menu_container li li a:hover , #right_menu_container li li a:hover {
	background-color: #ffffff; 
	color: #000000;     
}

/*
Body styles
*/
.body_container {
  position: relative;
  border: 0px blue solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  background: url(cream_background.gif) 0% 0% repeat-y;  
  min-height: 300px;
  height: auto;  
  width: 1000px;
  overflow: hidden; 
  border-left: 1px #ffffff solid;    
}
/* menu container */
.body_image_container {
  position: relative;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  width: 308px;
  border: 0px blue solid;
  float: left;
  background: #ffffff 0% 0% no-repeat;  
  overflow: hidden;
  height: auto;
}
.body_image_container  img{
  padding: 0px 2px 2px 0px;
  margin: 0px 0px 0px 0px; 
}
/* body text container */
.body_text_container {
  padding: 10px 10px 10px 10px;
  margin: 0px 14px 0px 0px; 
  width: 658px;
  text-align: left;
  border: 0px yellow solid;
  background: url(top_of_body_text.gif) 0% 0% repeat-x;    
  font-size: 8pt;
  color: #6d6f71;
  float: right;
}
/* body text links */
.body_text_container a {
  text-decoration: underline;
  color: #8a1e20;    
}
/* body text links mouse over */
.body_text_container a:hover {
  text-decoration: underline;
  color: #8a1e20;    
}

/*
Footer styles
*/
/* footer_container */
.footer_container {
  position: relative;
  border: 0px green solid;
  padding: 20px 10px 0px 10px;
  margin: 0px 0px 0px 1px; 
  height: 37px;
  width: 980px;  
  text-align: left;
  font-size: 8pt;
  color: #000000;  
  text-decoration: none;  
  background: url(footer_background.gif) #ffffff 0% 0% no-repeat;
  font-family:Trebuchnet,Trebuchet,Trebuchet MS,serif; 
}
  


/* credit bar container links, this contains the footer bar at the bottom of the page */
.footer_container a {
  text-decoration: none;
  color: #000000;  
}

/* credit bar container links mounse over, this contains the footer bar at the bottom of the page */
.footer_container a:hover {
  text-decoration: underline;
  color: #000000;  
}