/************************************************
  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; 
}

./*container
{
  padding:0 0 0 0;
  width:418px;
  margin-left:49px; 
  padding:10px;
  background-color:#DBE4C7;
}*/


#content span {margin:0 0 0 10px;}


#content{height:300px;}

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

  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;
}

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

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

#navigation li{
  float:left;
  position:relative;
  width:84px;
  height:25px;
  text-align:center;
  border-right:2px solid white;
  padding:0;
}
#navigation 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;
  }

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

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

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

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

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

#navigation li:hover ul ul { display:none;}

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

#navigation 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%;
}


#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;
}