/*** The Print CSS ... No Nav section, Buttons or Links  & Move the Doc ***/

p { text-align: justify; font-family: Verdana, Arial, sans-serif; }

h1 { margin-top: 0px; margin-bottom: 0px; color: black; font-size: 50px; }
h2 { margin-top: 0px; margin-bottom: 0px; color: black; font-style: italic; }
h3 { margin-top: 10px; margin-bottom: 10px; }
h4 { margin-top: 0px; margin-bottom: 0px; }


/************************* ID's aka <divs> .. A bit like using tables  *************************/
/**
/*** Site, sets the background colour for the entire site, thus heading, navigation & Doc all share this,
In the case of Doc, I over-ride it to be white. The advantage of this is that it removes the need 
to put -25px in as top & left margins (otherwise you get a white border showing round your pages)
***/ 
#Site 

html
{
  height: 95%;
  width: 95%;
}

body
{
  background: center #e0e0e0;
}


#Heading {

color: black;

position: absolute;

width: 95%;

height: 100px;

font-weight: bold;

text-align: center;

}

#navigation {

display: none;

}

#Doc {

position: absolute;

padding: 0 20px 20px 20px; /*top right bottom left*/

margin: 100px 0 0 0;

width: 95%;
/*** Move left border, as no Nav section ***/

border-left: 5px solid #C6EC8C; 

border-top: 5px solid #c6ec8c; 

background-color: #fff;

} 

#Display {

position: absolute;

width: 95%;

padding: 0 0 0px 0px; /*top right bottom left*/

margin: 100px 0px 100px 0px;

background-color: white;

} 

#display-table {

position: absolute;

width: 95%;

margin: 150px 0px 0px 0px;  /*top right bottom left*/

background: white;

} 


#FindIt {

position: absolute;

/**width: 99%; */

padding: 0 0 0px 0px; /*top right bottom left*/

margin: 100px 0px 100px 0px;

background-color: white;

} 


/*** Tables .... Well, this site has plenty, so best to define the styles here ***/
/** Owing to IE6 having problems with some CSS, this one keeps it IE6 safe (people still use it?) **/

table {page-break-after:always}


#Headed-table {
width: 95%;
}
.headed-table { border-collapse: collapse; } /** Resets border & keeps IE6 happy **/
.headed-table { border: 2px solid #000; }  /** Border Around Table **/
.headed-table{ border-spacing: 0; } /** padding between all cells **/
.headed-table th, .headed-table td { border: 1px solid #000; } /** Border around EACH Cell **/
.headed-table th, .headed-table td { padding: 5px; }  /**Padding WITHIN Each Cell **/
.headed-table th, .headed-table td { text-align: center; }  /**align text WITHIN Each Cell **/

/** Now, as with all things CSS, we can make this into a 'pretty-table' - But this is an engineering site **/
/** Styling Tables with CSS has all that fancy stuff in it **/


/*** Copyright Positioning, yeah, sad, I know ***/
#copy { position: relative; text-align: center; bottom: 10px; }
#copy-search { position: relative; text-align: center; background-color: #e0e0e0}