/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {  
  height: 100%;
  min-height: 100%;
  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "99%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 100%; /*previously 99% */
  height: auto;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height:132px;
  width:100%;

}

/* Holds the site title and subtitle */
#header #title {
  /*
 
  z-index: 30;
  top: 120px;
  left: 130px;
  */
   position: absolute;
    z-index: 300;
    top:30px;
    left:0px;
   
  padding: 0px;
  text-align: left;
}

#header h1 {
  margin: 0;
  padding: 0;

  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFF;
}

#header h2 {
  position: absolute;
 width:200px;

  margin: 0;
  padding: 0;

  font: 700 2em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #00F0EC;
}


/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 0;

  top: 0;
  right: 0;
}

#header img.balloons {
  position: absolute;
  z-index: 0;

  top: 0px;
  right: 200px;
}



/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
  
}


/** removed main menu items here */







/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {

  float: left;
  clear: both;
    /*
  width: 98%;
  */
  
  /*
  width: 98%;
  padding:3px;
  border:4px solid #EDEAD9;  
  */
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  /*border:1px solid orange;*/
  float: left;
  width: 100%;
  clear: both;
  
  /*margin-top: -3.8em;*/
  /*background: #000 url(../images/bg/footer.jpg) repeat-x top left;*/
  background:white;
}

/* Sets the width of the footer content */
#footer #width 
{
  /*border:1px solid yellow;*/  
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  /*padding-top:27px;*/
}


/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width80 {
  width: 80%;
}

.width75 
{
  width: 74%;
  /*width: 74%;*/
  /*width: 80%;*/
  
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}
.width19 {width:18.7%}

.width25 {
  width:24.7%
  /*width:24.7%*/
  /*width:18.7%*/
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.gradient {
  margin-bottom: 2em;
  border:1px solid gray;
  /*background: #555 url(../images/bg/gradient.jpg) repeat-x bottom left; */
  
}
.seolinks {
    float: left;
    padding-top:70px;color:#c0c0c0;
}
.seolinks a{font-size:90%;color:#c0c0c0;}

.printertablewidth {width:100%}
.printertablewidth_small {width:100%}
.noprint {}

.CMSSiteMapListItem { list-style:url(/images/graphics/smallbluesquare.gif) }

    /*
list-style: url(/images/graphics/smallbluesquare.gif)  }

.CMSSiteMapListItem ul {  }
*/
.CMSSiteMapListItem {font-size:90%;}
.CMSSiteMapListItem a{color:#007BB5;text-decoration:none;}
.CMSSiteMapListItem a:hover{color:#007BB5;text-decoration:underline;}

#booking {margin-left:10px;font-size:90%;}
#booking .outerboxleft {float: left; width: 600px; border: 1px solid #2E8AB0;margin-top:8px;}
#booking .innerboxleft {margin:12px 5px 5px 12px;}

#booking .outerboxright {float: right; width: 302px; margin-right:4px;background-color: #CFE2EB;margin-top:8px;}
#booking .outerboxrightYourDetails {float: right; width: 302px; margin-right:4px;background-color: #F9E6ED;margin-top:8px;}
#booking .innerboxright {padding:10px;}

#booking .buttonposition {margin-left: 500px;}
#booking .lineseperator {width:570px;height:12px;border-bottom:1px solid #c0c0c0;margin-bottom:10px;}
#booking .lineseperatorpassenger {width:570px;height:1px;border-bottom:1px solid #e0e0e0;line-height:1px;margin-bottom:2px;margin-top:-1px;}
    
#booking input{font-size:90%;}
#booking select{font-size:90%;}
    
#booking td .smallinputfield   {font-size:10px;border:1px solid #c0c0c0;}
#booking td .smallinputtext    {font-size:11px;line-height:20px;}
#booking td .validatemsg    {color:Red;}

tr.tablecollinedark td{border-bottom:1px solid #c0c0c0;}
tr.tablecollinelight td{border-bottom:1px solid #e0e0e0;}

/* fckeditor same styles - in /main.css*/
/*
.maincontentblock {display:block;padding-left:10px;padding-top:10px;color:#808080;}
.maincontentblock .title {color:#C1007D;font-size:160%;} 
.maincontentblock .tiny {font-size:85%}
.maincontentblock li {line-height:110%;}
.maincontentblock p {line-height:110%;}
.maincontentblock h1 {color:#808080;font-size:150%;}
.maincontentblock a {color:red;text-decoration:undeline;}

.rhstable {line-height:100%;font-size:80%;}
.rhstable td{color:#808080;padding:2px 2px 2px 6px;}
.rhstable td a{color:#808080;font-weight:bold;}
.rhstable td a:hover{color:black;}
.rhstable tr{background-color:#EDEAD9; }

.rhstable .header {background-color:#BB8C00}

.standardtable {line-height:110%;font-size:100%;color:#808080;}
.standardtable td a{color:#808080;font-weight:bold;}
.standardtable td a:hover{color:black;}

.backtosearch {color:white; position:relative; left:100px; top:40px; font-size:100%;}
.backtosearch:hover{color:#c0c0c0;}

.HideSubtitle {color:white;}
*/