/************************************************
  Description:
    Master CSS sheet for Box Consolidators
  
  filename:       master.css
  Creation Date:  30/11/2006
  Last Update:    6/12/2006

  ***********************************************
  This file contains all the layout and 
  typography shared between site pages 

  Layout and typography specific to pages 
  (usually to do with the content area) can be 
  found in the HTML file.  A note appears in this
  file alongside any selectors that are overridden.
 
  Any override fixes for Internet Explorer's box 
  model can be found in the <head> section of each 
  html file 

************************************************/

/************************************************

  Layout

************************************************/

body{
  text-align:center;
  background: url("../images/blank.gif"); 
  background-repeat: no-repeat; 
}

#page{
  width:760px;
  margin:0 auto;
  text-align:left;
  background-color: none;
}

#header{
  background-color:white;
  position:relative;
  padding:14px 0 15px 7px;
  margin:0;
}


#main{
  position:relative;
  background-color:none;
  background: url("../images/compass.gif"); 
  background-repeat: no-repeat; 
  background-position: top right;
  padding:0 0 0 7px;
  margin:0;
}

#content{
  /* 
  The height property for this div has to be set manually in
  the HTML - due to some bizarre and annoying menu display issues with 
  a particular browser that shall remain nameless 
  */
  position:relative;
  background-color: none;
  background-image:url("../images/side_bg.gif");
  background-repeat:no-repeat;
  background-position:bottom right;
  padding:20px 0 0 0;
}

#footer{
  position:relative;
}

/************************************************

  Lists (Navigation)

************************************************/

#navigation a{
  padding:0;
  color:white;
  width:81px;
  height:25px;
  font-weight:bold;
  text-decoration:none;
  font-size:120%;
  z-index:99;
  line-height:25px;
}

#navigation a:hover{
  text-decoration:underline;
}

#navigation {
  z-index:99;
  width:469px;
  height:25px;
  margin:0 0 0 49px;
  background-image:url("../images/nav_tri.gif");
  background-repeat:repeat-x;
}

ul {
  padding:0;
  margin:0;
  list-style:none;
}


li{
  float:left;
  position:relative;
  width:84px;
  height:25px;
  text-align:center;
  border-right:2px solid white;
  padding:0;
}
li ul li { 
  font-size:0.8em;
  text-align: center;
  height:25px;
  background-color:#3e4c35;
  z-index:99;
  border-top:1px solid white;
  border-right:none;
  width:81px;
  padding-left:3px;
  }

li ul{
  display:none;
  position:absolute;
  top:25px;
  left:0;
}

li ul ul {
  display:none;
  position:absolute;
  top:0;
  left:84px;
  border-left:1px solid white;
}

li ul ul li{
  border:none;
  border-bottom:1px solid white;
}

li > ul, li ul > ul{
  top:auto;
  left:auto;
}

li:hover ul { display: block;}

li:hover ul ul { display:none;}

li ul li:hover ul {display:block;}

li:hover{
  background-color:#171A13;
}


/************************************************

  Typography

************************************************/

body{
  font-family: arial, helvetica, sans-serif;
  font-size: 62.5%; /*Sets 1em to 10px across page*/
  background-color:white;
  color: black;
  margin:0;
}

h1 {
  margin:20px 0 20px 0;
  font-size:150%;
}