/*
Designer's notes on W3C CSS Level 2.1 validation:

Reported Error:
Line 15 (line 33 with remarks added):
#header h3
"Property text-shadow doesn't exist in CSS level 2.1 but exists in : 0 1px 0 #ffffff,0 -1px 3px #bebebe"

Designer's opinion:
    The "text-shadow" property will be implemented with CSS Level 3.
    In the meantime, its use degrades gracefully without trouble in all browsers, but invalidates W3C CCS Level 2.1.
    We plan using the "text-shadow' property as soon as W3C CSS Level 3 is fielded.

Our browser support notes:
    Full support in: Firefox 3.5, Safari 3, Opera 9.6.
    Functional support in: Internet Explorer 8, Chrome 1.
 */

@import "reset.css";
/* <!-- */
/* General Style */

body{ margin: auto auto; padding:0; background:#ccc url(../images/bg_body.gif) repeat; ; min-width: 1024px; font: normal normal normal 98% Verdana, Arial, Helvetica, sans-serif; }
#cleardiv { clear: both; height: 1em; }

/* Container Styles */
#container-mask { margin: 20px; width:auto; background-color: #fff; border: 5px solid #9d9d9d; }

/* Header Style */

#header-background { margin:0;  background: url(../images/hdr-bkgnd.gif) repeat-x top left #333; height: 80px; }
#header {  background: url(../images/whamweb.jpg) no-repeat top center transparent; height: 80px; margin:0; }
#header h3 { margin:0; padding: 50px 0 .3em .5em; font-size: 1.6em; font-weight: normal; color: #666; text-align: center; /*text-shadow:0 1px 0 #FFFFFF, 0 -1px 3px #BEBEBE;*/}

/* Main Content Panel Style */
#content { margin-left: 190px; margin-right: 187px; line-height: 150%; }
#content h3, h4, h5 { letter-spacing: 2px;  color: #000; margin: 0; padding-top: 1em; font-weight: 900; }
#content h3 { font-size: 1.6em; }
#content h4 { font-size: 1.4em; }
#content h5 { font-size: 1.2em; }

#content P { padding: .5em; letter-spacing: .1em; }
#content .content-list { padding: 0 2em; font-weight: 900; }
#content .content-list ul { margin:1em 0 0 2em; padding: 0; letter-spacing: 1px; }
#content .content-list li { margin-left: 40px; padding: 0; list-style: disc; color: #f00; font-weight: 900; list-style-image: url(../images/red-bullet.gif)}
#content .content-list ul ul { margin: 0; padding: 0; }
#content .content-list li li { list-style: circle; color: #000; font-weight: normal; list-style-image: url(../images/blue-bullet.gif)}
#content .content-list ul ul ul { margin: 0; padding: 0; }
#content .content-list li li li { list-style: circle; color: #000; font-weight: normal; list-style-image: url(../images/blue-bullet-2.gif)}
#content .content-list ul ul ul ul { margin: 0; padding: 0; }
#content .content-list li li li li { list-style: circle; color: #000; font-weight: normal; list-style-image: url(../images/blue-bullet-3.gif)}
#content .content-list a:link, a:visited { color: #000; }


/* Left Navigation Panel Style */
#left-nav { background-image: url(../images/left-nav-col.jpg); background-repeat: repeat-y; border-top: solid 5px #9d9d9d; }

/* Right Navigation Panel Style */
#right-nav { background-image: url(../images/right-nav-col.jpg); background-repeat: repeat-y; background-position: right; }
#right-nav-content { float: right; width: 170px; padding: 2em 0 0 10px ; color: #000; text-align: center;  }
#right-nav-content h3 { margin:1em 0; font-size: 1.2em; font-weight:900; padding: .2em 1em; color: #000; background-image: url(../images/right-nav-btn.jpg); background-position: right; background-repeat: repeat-y; border-top: solid 1px #aaa; border-bottom: solid 2px #9d9d9d; }
#right-nav-content h5 { padding:0 .2em; margin: 0; font-size: .8em; }
#right-nav-content p { padding:0 10px 10px 10px; font-weight: 700;}
#right-nav-content img { padding: 10px 18px 0px 18px; margin: 0; border: none; }

/* General Textual Style */
code { display: block; font-size: 0.85em; font-family: Courier, monospace, "Courier New"; letter-spacing: normal; line-height: normal; word-spacing: normal; background-color:#fcfccc; border: 1px solid #f00; padding: 2px 3px; margin: .5em; }
p acronym, abbr {cursor: help; border-bottom: 1px #f00 dotted; color: #f00; }
a:link, a:visited { color: #000; }
a:hover, a:active { color: #f00;  text-decoration: underline overline; }
img { margin: 10px 0 0 5px; }
span.bluetxt {color: #00f; }
span.redtxt {color:  #f00; }
span.goldtxt {color: #efca72; }
span.blacktxt {color: #000; }
.previous-page a:link, .previous-page a:visited { display: block; padding: .2em .5em; color: #f00; border: 1px solid #000; width: 12em; text-decoration: none; text-align: center; font-weight:900;  }
.previous-page a:hover, .previous-page a:active { background-color: #8d9cbb; color: #fff; font-weight:900; }

/* Footer Style */
#footer { clear: both; padding: .5em 1em; border-top: 3px solid #777; text-align: center; background: transparent; }
#footer ul { padding: 0; margin: 0; list-style-type: none; }
#footer li { display: inline; margin-right: 1em; }

/* Navigation */
#navigation { position: fixed; float: left; width: 170px; padding-top: 2em; font-weight:900; font-size: 1.2em; }
#navigation ul { list-style-type: none; padding: 0; margin: 0; }
#navigation ul li { margin-top: 5px; border-top: solid 1px #aaa; border-bottom: solid 2px #9d9d9d; }
#navigation ul li a { display: block; width: 153px; padding: 3px 5px 3px 10px; text-decoration: none; color: #000; background-image: url(../images/left-nav_btn.jpg); background-repeat: repeat-y; }
#navigation ul li a:hover { color: #fff; background-color: transparent; background-image: url(../images/left-nav-btn2.jpg); background-repeat: repeat-y; }
#navigation p{ padding: 10px; text-align: center; font-size:0.6em; color:#777;}

/* Table Container */
.table-container { background: #8d9cbb; margin: 2em 0; padding:1em !important; text-align:left; empty-cells: show; letter-spacing: 1px; border: 3px solid #777; }
 .table-container h5 { padding: 1em 0 1em 1em; }
 .table-container h6 { font-size: 1.2em; margin: 0 0 1em 1em; color:#ddd; }
table#table-style { background-color:#8d9cbb; border: solid #eee 2px; width: 100%; vertical-align:middle; }
table#table-style td { padding: 5px; border: solid #777 1px; vertical-align:middle; }
table#table-style2 { background-color:#8d9cbb; border: solid #eee 2px; width: 100%; vertical-align:middle; }
table#table-style2 td { padding: 5px; border: solid #777 1px; vertical-align:middle; }
table#table-style3 { background-color:#8d9cbb; border: solid #eee 2px; width: 100%; vertical-align:middle; }
table#table-style3 td { padding: 5px; border: solid #777 1px; vertical-align:middle; }
.data-left { color: #000000; text-align: left; background-color: #fff; vertical-align:middle; }
.data-right { color: #000000; text-align: right; background-color: #fff; vertical-align:middle; }
.data-center { color: #000000; text-align: center; background-color: #fff; }
.toprow-left { color: #B20000; text-align: center; background-color: #eee; vertical-align:middle; font-weight: 600; }
.toprow-right { color: #B20000; text-align: center; background-color: #eee; vertical-align:middle; font-weight: 600; }
.toprow-center { color: #B20000; text-align: center; background-color: #eee; vertical-align:middle; font-weight: 600; }
.leftcol-left { color: #6666CC; text-align: left; ;background-color: #eee; vertical-align:middle; font-weight: 600; }
.leftcol-right { color: #6666CC; text-align: right; background-color: #eee; vertical-align:middle; font-weight: 600; }
.leftcol-center { color: #6666CC; text-align: center; background-color: #eee; vertical-align:middle; font-weight: 600; }
.simple-row { color: #000000; text-align: left; background-color: #fff; vertical-align:middle; font-weight: normal; }

/* --> */