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

body{ margin: auto auto; padding:0; background:#ccc url(../images/bg_body.gif) repeat; font:98% Arial, Helvetica, Sans-Serif; color:#000; min-width: 1024px; }
#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: 50px; margin:0; }
#header h3 { margin:0; padding: 40px 0 .3em .5em; font-size: 1.6em; font-weight: normal; color: #777; 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; }
#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: #000; font-weight: 500; 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 */
/*p { padding: .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; }

/* --> */