body {
margin: 0px;
padding: 0px;
font: 0.8em verdana, geneva, sans-serif;
color: #333;
line-height: 160%;
text-align: center;
background: #7a7a7a url(../images/layout/pagebg.png) repeat-y center top;
}
html, body {
height: 100%;
}
#wrapper {
top: 0px;
width: 728px;
height: 100%;
display: table;
margin: auto;
}
#header {
position: relative;
width: 700px;
height: 179px;
margin: auto;
background: url(../images/layout/headerbg.png) no-repeat center top;
text-align: left;
}
a {
text-decoration: none;
}
a:link {
color: #6666CC;
}
a:visited {
color: #8CBB00;
}
a:hover, a:active {
color: #FF0000;
}
img {
border: 0px;
}


/***top navigation***/
#navi {
font-size: 0.9em;
width:640px;
position: absolute;
left: 0px;
top: 167px;
z-index: 1;
border: solid #c4c4c4;
border-width: 1px 0 1px 0;
padding-left: 30px;
padding-right: 30px;
}
#nav, #nav ul {
float: left;
width: 100%;
list-style: none;
line-height: 140%;
padding: 0px;
margin: 0px;
background: transparent;
}
#nav a {
display: block;
color: #333;
text-decoration: none;
padding: 5px 10px;
background-color: #fff;
}
#nav li ul a {
width: 100%;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
border-left: 5px solid #c4c4c4;
}
#nav li ul a:hover {
border-left: 5px solid #333;
}
#nav a.last {
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
}
#nav a.rest {
border-left: 1px solid #c4c4c4;
}
#nav a.current {
background-color: #f4f4f4;
}
#nav li {
float: left;
padding: 0px;
width: 120px;
background-color: #fff;
}
#nav li ul {
position: absolute;
display: none;
height: auto;
width: 14em;
padding-right: 5em;
border-width: 1px 0px 0px;
border-top: 1px solid #c4c4c4;
border-left: 1px solid #c4c4c4;
}
#nav li li {
width: 100%;
background-color: #fff;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul 
{
display: block;
}
#nav li a:hover, 
#nav li.sfhover a:hover {
background-color: #f4f4f4;
}
/******/

#content {
text-align: left;
font-size: 0.9em;
margin-top: 60px;
}
#content a.current {
font-weight: bold;
color: #333;
}
#content p {
margin: 0.9em 94px 0px 220px;
}
#content p.left {
margin: 0.9em 44px 0px 44px;
}
h1 {
font: normal 1.6em arial, helvetica, sans-serif;
margin: 0px 34px 0.8em 14px;
padding-left: 22px;
border-left: 8px solid;
line-height: 160%;
}
h2 {
font: normal 1.3em arial, helvetica, sans-serif;
margin: 1em 34px 0.9em 44px;
line-height: 160%;
}
h3 {
font: normal 1.1em arial, helvetica, sans-serif;
color: #FFF;
margin: 1em 14px 0.9em 14px;
padding: 0.1em 30px;
line-height: 160%;
background-color: #a6a6a6;
}
.red {
border-color: #FF0000;
}
.yellow {
border-color: #FFCC00;
}
.green {
border-color: #99CC00;
}
.blue {
border-color: #0099FF;
}
.pagecont {
float: right;
margin-top: 0.7em;
padding-right: 44px;
text-align: right;
}
.prevnext {
padding-top: 10px;
padding-right: 44px;
text-align: right;
}
#margin {
float: left;
width: 130px;
text-align: right;
margin-top: 16px;
padding-left: 14px;
}
.margin_img {
width: 100%;
margin-bottom: 1px;
padding: 10px;
background-color: #a6a6a6;
line-height: 1px;
border-left: 3px solid #666;
}

.imgrow {
height: 122px;
padding-top: 20px;
margin-bottom: 20px;
margin-left: 45px;
clear: left;
}
.imgcol {
float: left;
width: 120px;
height: 111px;
text-align: center;
margin-right: 7px;
padding-top: 10px;
border: 1px solid #E2E2E2;
background-color: #F9F9F9;
}
.clear {
clear: both;
}
#display {
width: 700px;
margin: auto;
padding-top: 25px;
text-align: center;
background-color: #a6a6a6;
}
#display p {
margin: 15px 0px 0px 0px;
font-size: 0.9em;
color: #FFF;
}
#displaynav {
margin: 10px auto 0px;
font-size: 0.8em;
border: 1px solid #c4c4c4;
}
#displaynav a {
line-height: normal;
padding: 0.3em 0em;
}
#displaynav a:link, #displaynav a:visited {
color: #666;
background-color: #fff;
}
#displaynav a:hover, #displaynav a:active {
background-color: #f4f4f4;
}

#displaynav a.left {
display: block;
width: 25%;
float: left;
border-right: 1px solid #c4c4c4;
}
#displaynav a.right {
display: block;
width: 25%;
float: right;
border-left: 1px solid #c4c4c4;
}
#displaynav a.mid {
display: block;
}

.datatable {
width: 610px;
margin-left: 34px;
}
#rightcol {
float: right;
padding-right: 34px;
width: 478px;
}
.col1 {
width: 156px;
}
.col2 {
width: 166px;
}
.col3 {
width: 100px;
}

#footer {
border-top: 1px solid #c4c4c4;
margin: 50px 14px 0px;
padding: 12px 30px 30px 30px;
font-size: 0.8em;
color: #999;
}
#footer a:link, #footer a:visited {
color: #999;
}
#footer a:hover, #footer a:active {
color: #FF0000;
}

#content p.normal {
margin: 0px 34px 30px 14px;
padding-left: 22px;
border-left: 8px solid #FF0000;
line-height: 160%;
}
#content p.section {
margin: 0.9em 34px 0.4em 30px;
padding-left: 22px;
line-height: 160%;
}
.frontable {
width: 630px;
margin-left: 45px;
}
.odd {
width: 190px;
}
.even {
width: 30px;
}
#content p.frontitle {
margin: 0px 0px 0.8em 0px;
padding-bottom: 2px;
font: bold 1.1em arial, helvetica, sans-serif;
color: #333;
}
#content p.frontext {
font-size: 0.9em;
line-height: 140%;
margin: 0px 0px 0.4em 0px;
color: #666;
}
.quote {
float: left;
padding: 4px 4px 100px 0px;
}
.frontimg {
border: 1px solid #ccc;
}