/* CSS Document */

html {margin: 0px; padding: 0px;}

body {font-family: verdana, arial; font-size: 12px; color: #000000; margin: 0px; padding: 0px;}

table, td, tr {font-family: verdana, arial; font-size: 12px; color: #000000;}

h1 {font-size: 18px; font-weight: bold; color: #B4C5C3;}
h2 {font-size: 18px; font-weight: bold; color: #FFFFFF; margin: 10px 0px 10px 0px;}
h3 {font-size: 18px; font-weight: bold; color: #FF9900;} /* bright orange */
h4 {font-size: 18px; font-weight: bold; color: #CC6699;} /* nauseating pink */
h5 {font-size: 18px; font-weight: bold; color: #CC0000;} /* red */
h6 {font-size: 18px; font-weight: bold; color: #339933;} /* green */

#txt-purp {font-size: 18px; font-weight: bold; color: #800080;} /* purple */

.txt1 {background: #CC0000; width: 700px; color: #FFFFFF; font-weight: bold; margin: 2px 0px 2px 0px; padding: 2px;} /* header: red bg and white text*/

img {border: 0px;}

#pages-top {color: #001AD3; padding: 0px 0px 0px 5px; margin: 60px 0px 20px 0px;}
#pages-end {color: #001AD3; padding: 0px 0px 0px 5px; margin: 25px 0px 10px 0px;}

/* Floats photos left or right. */
#fl-r {float: right; padding: 0px 0px 0px 10px;}
#fl-l {float: left; padding: 0px 10px 0px 0px;}

/* coloured table cells */
.cell1 {background: #eeeeee; text-align: center; font-weight: bold; padding: 5px;} /* light grey */
.cell2 {background: #FF9900; text-align: center; font-weight: bold; padding: 5px; color: #FFFFFF;} /* orange */
.cell3 {background: #CC6699; text-align: center; font-weight: bold; padding: 5px; color: #FFFFFF;} /* pukey pink */
.cell4 {background: #CC0000; text-align: center; font-weight: bold; padding: 5px; color: #FFFFFF;} /* red */
.cell5 {background: #339933; text-align: center; font-weight: bold; padding: 5px; color: #FFFFFF;} /* green */
.cell6 {background: #800080; text-align: center; font-weight: bold; padding: 5px; color: #FFFFFF;} /* purple */

#box1 {background: #FF9900; padding: 20px; width: 300px; color: #FFFFFF; font-weight: bold; font-size: 11px;} /* orange box on HIT section*/

#logo {background: url(img/logo_itw.gif) no-repeat; width: 400px; height: 55px;
font-weight: bold; font-size: 20px; color: #999999; padding: 35px 0px 0px 128px;}






/* Red bullets on index.html and p16.html */
li#red {list-style-position: inside; list-style-image: url(img/bul_red.gif); list-style-type: none;}

/* These 2 classes can be found on pages with rows of diagrams contained in cells. These are the black divider lines. Ex: page 9.*/
.line {border-top: 1px solid #000000;}
.block {border: 1px solid #000000;}

.sml {font-size: 9px;} /* Smaller text, featured in "Notes" */

/* Horizontal and Vertical text on Page 11, featured on dots and stars chart. */
.vert {writing-mode: tb-rl; filter: flipv fliph; border-top: 1px solid #000000; font-size: 9px; font-weight: bold;}
.horz {border-right: 1px solid #000000; font-size: 9px; font-weight: bold; text-align: right;}
.star {background: url(img/star.gif) no-repeat center center;}
.dot {background: url(img/dot.gif) no-repeat center center;}

/* Square background found in a couple of table cells, usually with a letter in the middle. */
.square {background: url(img/bg_square.gif) no-repeat left top;}

/* Tiny text used for search engine purposes. */
.eency {color: #FFFFFF; font-size: 7px;}

#spacer {padding: 5px; width: 750px;} /* The spacer spaces out the individual content between the page divs.*/

a:link {color: #666666; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:hover {color: #666666; text-decoration: none;}
a:active {}

#search {font-weight: bold; float: right; margin: 3px 6px 0px 0px;} /* Parameters for the search box */

.field {background: #eeeeee; border: 0px; width: 150px; height: 20px; margin: 0px; padding: 0px;} /* Determines attributes of search field. */
.submit {background: url(img/btn_go_off.gif) no-repeat left top; width: 26px; height: 24px;}