body {background-color: #ffffff; color: black; font: normal 500 12pt  "times new roman", helvetica, serif; margin:0; padding:0}


p {width:100%; text-align:left; line-height: 1.2}

h1, h2 {font: normal 800 200%  "times new roman", helvetica, serif; color: #fff; margin:0;}

h1 { padding: 0 0 0 10%; border-right: 1em solid #fff;}
/* or rgb(69%,75%,85%) */

h2 {padding: 0 0 0 20%; border: solid #fff; border-width:1px 1em 0 1em;}

h3 { font: normal 500 100% arial, verdana "sans-serif"; color: #000000}

div#heading {background:#003366;}   /* or #124085 for lighter */

div#intro h3 {text-align:center; font: normal 700 140%  "times new roman", helvetica, serif; color: #000099; padding:1em 0 1em 0}

div#main {loat:left; width:98%; padding:0 1% 0 1%;}
/* If the width of div#main is set to 100% then with 2% padding, the screen width is pushed to 102% and left/right scroll bar appears  The width property does not include padding and margin in Firefox but does in IE6 */

div#main p {padding: 0em 0%;}

div#main p span {font: italic 600  140% "times new roman", helvetica, serif; color: #000099;  position: relative; top: 3em; left: 0%}

img {margin:1em 1%; border: 1px solid #000000}
img.left {float:left}
img.right {float: right }


div#reviewtop {margin: 0 5em; padding: 1em 1em 0em 1em; font: normal 500 110%  "times new roman", helvetica, serif; color: #000000; border-top: 2px solid #000099; border-left: 2px solid #000099;}

div#reviewlow {margin: 0 5em; padding: 0em 1em 1em 1em; font: normal 500 110%  "times new roman", helvetica, serif; color: #000000; border-bottom: 2px solid #000099; border-right: 2px solid #000099;}


/* style rules menu*/

div#menu{margin:0 4em; padding: 1em; border: 1px solid red}

div#menu p{text-align:center; font: normal 500 110%  "times new roman", helvetica, serif; color: #000000;}

div#menu p#names {font:normal 600 150% "times new roman", helvetica, serif; color: red; padding:1em 0}
div#menu p.head {font:normal 600 130% "times new roman", helvetica, serif; color: red; padding:1em 0}

.central {text-align: center}

/* style rules for links and page end */

div#select {display:none; position:relative; width: 100%;}
div#select p {text-align:center; margin-bottom:3em;}

div#select p a {margin: 0em 3em 0em 3em; padding:0.25em 1em 0.25em 1em; text-align:center; text-decoration:none; border: 0.25em outset #fbd5b3; background-color:#e9e9e9;}

/* An inline element does not have a width property but can be given padding, border and margin (only left and right in IE6). p#hover is made a block element to overcome this. Note that a space between 'a' text and </span> causes a slight shift when hover is used*/

div#select p a:hover span {display:block; position:absolute; top:2.6em; left:40%; width:20%; background:#e9e9e9; margin: 0; padding:0; color:#000099}

div#select p a#press {background-color: #ffffff }
div#select p a#blank {border:none; background:#d1d1d1; margin:0 5.4em}

/* 5.4 margin chosen by trial and error. Mix of % and ems*. Result is slight displacement in IE6 because borders of 'a' are included in placement. Firefox OK */

div#select p a:link {color: #3366cc} /* blue */
div#select p a:visited {color:#000}
div#select p a:hover {color: red; background: #e9e9e9;} /*  */
div#select p a span {display:none}

p#prntout {display:none; width:auto; margin:0 10%;text-align:center; font:500 17px "times new roman", helvetica, serif; color:#333333}

div.newpage {page:preset; page-break-before:always}