18/07/2008/* 
 * layout.css
 *
 * This file contains all the structural elements for Graticule's website.
 * Anything to do with the positioning of elements on the screen should
 * live in this file.
 */

  #everything {
    position: absolute ;
    top: 5px ;
    left: 5px ;
    right: 5px ;
    width: 99%;
  }

  #topbar {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    right: 0px ;
    height: 95px ;
    width: 100% ;
    min-width: 800px ;
  }

  #topleft {
    width: 160px ;
    position: absolute;
    top: 0px ;
    left: 0px ;
    height: 95px ;
  }

  #topmiddle {
    width: 375px ;
    position: absolute ;
    top: 0px ;
    left: 160px ;
    height: 95px ;
    margin: 10px 0px ;
  }

  #topright {
    width: 150px ;
    position: absolute ;
    top: 25px ;
    right: 10px ;
    height: 50px ;
    text-align: center ;
  }

  #printlogo {
    display: none ;
  }

   #maincontent {
     position: absolute ;
     left: 0px ;
     top: 95px ;
     min-width: 800px ;
     width: 100% ;
   }

   #menubar {
     position: absolute ;
     top: 0px ;
     left: 0px ;
     width: 174px ;
     height: 640px ;
     z-index: 10;
     padding-top:10px;
   }

    #content {
      position: absolute ;
      top: 0px ;
      left: 190px ;
      right: 25px ;
      z-index: 0 ;
    }


  #footer {
    height: 75px ;
    width: 100% ;
    position: absolute ;
    bottom: -100px ;
    left: 0px ;
    right: 0px ;
  }
 

.right {
  float: right ;
  padding-left: 10px ;
  clear: none;
}

.left {
  float: left ;
  padding-right: 10px ;
  padding-left: 5px;
  clear: left ;
}

.menucellholder, .menuspacerholder {
  position: relative ;
  padding: 0px ;
  margin: 0px ;
  top: 0px ;
  left: 5px ;
  text-align: left ;
  vertical-align: middle ;
  width: 175px ;
}

.menucellholder {
  height: 29px ;
}

.menuspacerholder {
  height: 11px ;
  overflow: hidden ;
}

dl.box {background:#6C8ABC url(../images/frontpage/topleft.gif) top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.box dt {background:transparent url(../images/frontpage/topright.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.box dd {background:#DDEEFF url(../images/frontpage/bottomleft.gif) bottom left no-repeat; padding:0; margin:0;}
dl.box dd p {margin:0; padding:10px; line-height:1.3em; min-height:30px;}
dl.box dd p.last {background:transparent url(../images/frontpage/bottomright.gif) bottom right no-repeat;}
dl.box a { color: #FFF; font-size: 12pt; text-decoration: none; font-weight: bold;}

.menucell, .menuspacer {
  position: absolute ;
  top: 2px ;
  left: 2px ;
  width: 158px ;
  padding: 0px ;
  margin: 0px ;
}

.menucell {
  vertical-align: middle;
  height: 22px ; /* From 25 */
}

.menuspacer {
  top: 4px ;
  font-size: 0px ;
  height: 2px ;
}

.menucellshadow, .menuspacershadow{
  padding: 0px ;
  position: absolute ;
  left: 12px ;
  width: 160px ;
}

.menucellshadow{
  top: 10px ;
  height: 26px ;
}

.menuspacershadow {
  top: 9px ;
  font-size: 0px ;
  height: 1px ;
}

.menucelltext {
  padding: 4px 0px 0px 5px ;
}

.menucellhdr {
  padding: 5px 0px 0px 0px ;
}

.menucontainer {
  display: none ;
  position: absolute ;
  z-index:5;
  width: 170px ;
  left: 170px ;
}

.menuarrow {
  position: absolute ;
  top: 5px ;
  right: 2px ;
  height: 11px ;
  width: 6px;
}

#contact div {
  margin: 8px 5px ;
}

#contact img {
  vertical-align: middle ;
}

.searchButton
{
  margin-top: 5px ;
}

#adbox {
  margin-top: 5px ;
  width: 130px ;
}

#frontbanner {
  position: relative ;
  padding-top: 50px ;
  padding-bottom: 50px ;
}

.frontmenuitem {
  position: absolute ;
  top: 0px ;
  width: 145px ;
  height: 59px ;
}

.frontmenuimg {
  position : absolute ;
  top: 10px;
  left: 5px ;
  width: 40px ;
  height: 40px ;
  vertical-align: middle ;
}

.frontmenutext {
  position : absolute ;
  top: 10px ;
  left: 52px ;
  width: 90px ;
  height: 60px ;
}

.appindent {
  margin-left: 25px ;
}

.producttable {
    margin-left: auto;
    margin-right: auto;
    width: 975px
}

.ptablemini {
    margin-left: auto;
    margin-right: auto;
    width: 650px
}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 940px
}

P.bookquote {
    margin-left: auto;
    margin-right: auto;
	vertical-align: middle;
    width: 600px;
	text-align: center ;

}

P.tabletext {
    margin-left: auto;
    margin-right: auto;
    width: auto
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }