/* CSS Document */

body {margin: 0px 0px;background: #777777; font-family:Arial; font-style: normal; font-size:10pt; line-height: 120%;color: #000000;}

div#backer {background-image: url(images/white-backer.jpg); background-repeat:repeat-y; background-position:center; height:100%; with:835px;}
div#backer-footer {background-image: url(images/white-backer-footer.jpg); background-repeat:no-repeat; background-position:center; height:24px; with:835px; background-position:right;}
div#gray-backer {background: #2E2E2E; height:350px; width:786px; background-position:center; border: 1px solid #000000;}

div#bannerimage {background-image:url(images/banner-top.jpg); background-position:center; background-repeat:no-repeat; width:835px; height:258px;}

/* These are for the columns */
div#menu-box {width:135px; padding:12px; background:#555555; float:left; text-align:left; height:91%;}
div#middlecolumn {width:450px; float:left; margin-left:5pt; padding:6px; background:#FAF8D9; text-align:left; height:94%;}
div#content {width:585px; float:left; margin-left:5pt; padding:6px; background:#FAF8D9; text-align:left; height:94%;}
div#rightcolumn {width:135px; float:right; margin-left:5pt; background:#F4E2C6; padding:6pt; height:93%;}

/* These are for the columns on the materials page */
div#gray-backer-materials {background: #2E2E2E; height:3900px; width:786px; background-position:center; border: 1px solid #000000;}
div#menu-box-materials {width:135px; padding:12px; background:#555555; float:left; text-align:left; height:99.2%;}
div#content-materials {width:585px; float:left; margin-left:5pt; padding:6px; background:#FAF8D9; text-align:left; height:99.5%;}

/* These are for the columns on the solution page */
div#gray-backer-solution {background: #2E2E2E; height:780px; width:786px; background-position:center; border: 1px solid #000000;}
div#menu-box-solution {width:135px; padding:12px; background:#555555; float:left; text-align:left; height:95.6%;}
div#content-solution {width:585px; float:left; margin-left:5pt; padding:6px; background:#FAF8D9; text-align:left; height:97%;}

/* These are for the columns on the saves lives page */
div#gray-backer-saves {background: #2E2E2E; height:410px; width:786px; background-position:center; border: 1px solid #000000;}
div#menu-box-saves {width:135px; padding:12px; background:#555555; float:left; text-align:left; height:93%;}
div#content-saves {width:585px; float:left; margin-left:5pt; padding:6px; background:#FAF8D9; text-align:left; height:95.6%;}

table.menu a {width:100%; display: block;}
div.menu a {color: #FFFFFF; text-decoration:none; font-family:arial narrow; font-size:14px; line-height:160%; font-weight:bolder;}
div.menu a:link {color: #FFFFFF; text-decoration:none;}
div.menu a:active {color: #FFFFFF; text-decoration:underline;}
div.menu a:visited {color: #FFFFFF;text-decoration:none;}
div.menu a:hover {color: #FFFFFF; text-decoration:underline;}

table.materials a {width:100%; display: block;}
div.materials a {color: #000000; text-decoration:none; font-family:verdana; font-size:11px; line-height:120%;}
div.materials a:link {color: #CC0000; text-decoration:underline;}
div.materialsa:active {color: #000000; text-decoration:underline;}
div.materials a:visited {color: #CC0000; text-decoration:underline;}
div.materials a:hover {color: #000000; text-decoration:underline;}


/* These are for over-all page text specs */
.subhead {font-size:13pt; font-family:arial narrow; font-weight:bolder; line-height: 110%;}
.subhead-red {font-size:13pt; font-family:arial narrow; font-weight:bolder; line-height: 110%; color:#CC0000;}
.body {font-size:11pt; font-weight:lighter;}
.body-heavy {font-size:11pt; font-weight:bolder;}
.body-heavy-red {font-size:11pt; font-weight:bolder; color:#CC0000;}
.body-tiny {font-size:8pt; line-height:100%;}
.body-tiny-white {font-size:8pt; line-height:100%; color:#FFFFFF;}


/* These are for links */
A:link {font-family: verdana; font-size: 10pt; line-height: 110%; text-decoration: none;color: #CC0000;font-weight: bold;}
A:visited {font-family: verdana; font-size: 10pt; line-height: 110%; text-decoration: none;color: #CC0000;font-weight: bold;}
A:active {font-family: verdana; font-style: bold; font-size: 10pt; line-height: 110%; text-decoration: underline; color: #000000}
A:hover {font-family: verdana; font-style: bold; font-size: 10pt; line-height: 110%;text-decoration: underline; color: #000000}

div#footer {text-align:center; font-size:8pt; font-family:arial; height:20px; padding:6px; color:#FFFFFF; background:#B30712; width:776px;}

/* this is for items in common with all headers */
h1, h2, h3, h4, h5, h6 {font-family:verdana; font-weight: bold; color:#333333;}
H1 {font-size:9pt;font-weight:lighter;line-height: 120%;font-family:arial;}
h2 {font-size:10pt;font-weight:normal;line-height: 100%;}
h3 {font-size:9pt;text-decoration:underline;}
h4 {font-size: 14pt; font-weight: normal; color: #1C3D60; letter-spacing:-0.4pt; line-height: 110%;/* overrides definition set above */ }
h5 {font-size: <your preferred size for H5s>font-weight: normal;}
h6 {font-size: <your preferred size for H6s>font-weight: normal;}