/* 
File		: main.css
Author		: Adam Bird
Created		: 18/9/2007

Description	: Standard style sheet for Braceland Adventure Centre 

Use the classes defined against tags in a style sheet like this:

    <p class="red">
    
*/

/* TAG defaults */

  BODY {
    FONT-FAMILY:Verdana,Arial;
    FONT-SIZE: 11px;
    TEXT-ALIGN: center;
    }
  
  P {
    FONT-SIZE: 11px;
    }
  
  TD {
    FONT-SIZE: 11px
    }
  
  .darkbluebg {background-color: #CEDFE7}
  .midbluebg {background-color: #DEEBEF}
  .lightbluebg {background-color: #EFF7F7}
  .midgreenbg {background-color: #184700}
  
  SPAN.float {
    FLOAT: left;
    POSITION: static
    }

/* Alternative texts */
  .admin {color: #ff0000; font-size: 11px; font-weight: bold; text-decoration: none}
  .menuGreen {color: #006633; font-size: 11px; text-decoration: none}
  .menuWhite {color: #ffffff; font-size: 11px; text-decoration: none}
  .menuLightGreen {color: #d4ebcd; font-size: 11px; font-weight: bold}
  .menu_bold {color: #80A9B0; font-size: 12px; font-weight: bold; text-decoration: none}
  .menu_blue_plain {color: #2251C5; font-size: 11px; text-decoration: none}
  .menu_blue_bold {color: #2251C5; font-size: 11px; font-weight: bold; text-decoration: none}
  .menu_aqua_bold {color: #3699B9; font-size: 11px; font-weight: bold; text-decoration: none}
  .menu_aqua_lite {color: #3699B9; font-size: 11px; text-decoration: none}
  .red {color: #ff3300}  
  .error {color: #ff3300; font-size: 11px; text-decoration: none}
  .hometext {color: #006633; font-family: Verdana; font-size: 28px; text-decoration: none}
  .hometextoffer {color: #c07500; font-family: Verdana; font-size: 13px; font-weight: bold; text-decoration: none; text-align: center; text-indent: 0px; margin-top: 10px; margin-bottom: 10px; }
  .maintext {color: #000000; font-family: Verdana; font-size: 14px; text-decoration: none}
  .maintextgreen {color: #006633; font-family: Verdana; font-size: 14px; text-decoration: none}
  .menutext {color: #9c5f00; font-family: Arial; font-size: 15px; text-decoration: none}
  .menutextbold {color: #9c5f00; font-family: Arial; font-size: 18px; font-weight: bold; text-decoration: none}
  .page_red {color: #ff3300; font-size:11px; text-decoration: none}
  .page_default {color: #000000; font-size:11px; text-decoration: none}
  .rollovermenutext { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

/* The INLINE DIV specifications across all pages */
  
DIV.page_top_menu 
{
  Z-INDEX: 1;
  WIDTH: 800px;
  HEIGHT: 3em;
  COLOR: #dcdcdc; 
  BACKGROUND-COLOR: #ffffff;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-LEFT: #4169e1 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-RIGHT: #4169e1 0px dashed;
  PADDING-TOP: 0px;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-RIGHT: 0px;
  FONT-WEIGHT: lighter;
  FONT-SIZE: x-small;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  FONT-VARIANT: normal;
  TEXT-TRANSFORM: none;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none
  }
  
DIV.page_header 
{
  Z-INDEX: 1;
  MARGIN-TOP: 5px;
  WIDTH: 800px;
  HEIGHT: 150px;
  COLOR: #ffffff; 
  /*BACKGROUND-COLOR: #d4ebcd;*/
  BACKGROUND-IMAGE: url("../_img/bca_house_front_less_fade_800x150.gif");
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-LEFT: #4169e1 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-RIGHT: #4169e1 0px dashed;
  PADDING-TOP: 0px;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-RIGHT: 0px;
  FONT-WEIGHT: lighter;
  FONT-SIZE: 50px;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  FONT-VARIANT: normal;
  TEXT-TRANSFORM: none;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none
  }

DIV.page_header_info 
{   
  Z-INDEX: 0;
  FLOAT: right;
  MARGIN-TOP: 45px;
  WIDTH: 27em;   
  HEIGHT: 10%;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #4169e1 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #4169e1 0px dashed;
  TEXT-ALIGN: left;
  COLOR: #006633;
  FONT-WEIGHT: lighter;
  FONT-SIZE: 11px;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  FONT-VARIANT: normal;
  }
  
DIV.page_main_menu
{
  Z-INDEX: 1;
  WIDTH: 800px;
  HEIGHT: 25px;
  COLOR: #191970;
  BACKGROUND-COLOR: #006633;
  BORDER-TOP: #87ceeb 0px dashed;
  BORDER-RIGHT: #87ceeb 0px dashed;
  BORDER-BOTTOM: #87ceeb 0px dashed;
  BORDER-LEFT: #87ceeb 0px dashed;
  PADDING-TOP: 0px;
  PADDING-RIGHT: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  FONT-VARIANT: normal;
  TEXT-TRANSFORM: none;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none
  }

DIV.page_header_msg
{
  Z-INDEX: 1;
  HEIGHT: 0em;
  WIDTH: 800px;
  COLOR: red ;
  FONT-STYLE: bold;
  FONT-FAMILY: Verdana, Arial;
  FONT-VARIANT: normal;
  TEXT-TRANSFORM: none;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #00c463 0px solid;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #00c463 0px solid;
  }

DIV.main_content
{
  Z-INDEX: 1;
  HEIGHT: 30em;
  WIDTH: 800px;
  /*OVERFLOW: auto;*/
  BACKGROUND-IMAGE: url("../_img/index_bg_fade_800x300.jpg");
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: center;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #00c463 0px solid;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #00c463 0px solid;
  }

DIV.main_content_header
{
  Z-INDEX: 2;
  FLOAT: left;
  WIDTH: 800px;
  HEIGHT: 4em;
  BACKGROUND-COLOR: #ffcc7b;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #00c463 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #00c463 0px dashed;
  TEXT-ALIGN: center;
  }
  
DIV.main_content_footer
{
  Z-INDEX: 2;
  FLOAT: right;
  MARGIN-TOP: 15px;
  MARGIN-RIGHT: 10px;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #00c463 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #00c463 0px dashed;
  }

DIV.content
{
  Z-INDEX: 2;
  MARGIN-TOP: 0px;
  MARGIN-BOTTOM: 0px;
  HEIGHT: 63%;
  WIDTH: 800px;
  BACKGROUND-COLOR: #ffffff;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #00c463 0px solid;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #00c463 0px solid;
  }

DIV.menu_page 
{
  Z-INDEX: 1;
  FLOAT: left;
  WIDTH: 14em;
  HEIGHT: 100%;
  BACKGROUND-COLOR: #ffcc7b;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #4169e1 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #4169e1 0px dashed;
  PADDING-TOP: 0px;
  PADDING-RIGHT: 0px;
  PADDING-BOTTOM: 1px;
  PADDING-LEFT: 0px;
  }

DIV.pagetext 
{
  Z-INDEX: 1;
  FLOAT: left;
  WIDTH: 42em;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #4169e1 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #4169e1 0px dashed;
  TEXT-ALIGN: left;
  TEXT-INDENT: 2px;
  }
       
DIV.pagetextlayer3 
{
  Z-INDEX: 1;
  FLOAT: left;
  WIDTH: 56em;
  HEIGHT: 30em;
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: top right;
  BORDER-TOP: #4169e1 0px dashed;
  BORDER-RIGHT: #4169e1 0px dashed;
  BORDER-BOTTOM: #4169e1 0px dashed;
  BORDER-LEFT: #4169e1 0px dashed;
  PADDING-TOP: 5px;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px;
  PADDING-RIGHT: 5px;
  PADDING-TOP: 15px;
  TEXT-ALIGN: left;
  TEXT-INDENT: 2px;
  }      
  
DIV.menu_footer 
{
  Z-INDEX: 1;
  MARGIN-TOP: 0px;
  MARGIN-BOTTOM: 0px;
  WIDTH: 800px;
  HEIGHT: 3em;
  CLEAR: both;
  COLOR: #ffffff;
  BACKGROUND-COLOR: #006633;
  BORDER-TOP: #4169e1 0px solid;
  BORDER-RIGHT: #4169e1 0px solid;
  BORDER-BOTTOM: #4169e1 0px solid;
  BORDER-LEFT: #4169e1 0px solid;
  PADDING-TOP: 2px;
  PADDING-RIGHT: 2px;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: lighter;
  FONT-SIZE: x-small;  
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  FONT-VARIANT: normal;
  TEXT-TRANSFORM: none;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none
}