/* Info Pages Style Sheet */
html, body {
min-width: 780px;
height: 100%;
margin: 0;
vertical-align: top;
text-align: center;
}
body {
font-size: 75%;
color: #333;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF;
}

p, table, td, td table, ul, ol, dl, li, div, span, blockquote  {
font-size: 1em;
color: #333333;
}
p, blockquote, ul, ol, dl {
margin-top: 0;
line-height: 1.4em;
}
ul {
list-style: square;
}
li {margin-bottom: 1em;}

#heading-wrap {
width: 550px;
height: 35px;
margin: 0 0 20px -6px;
padding: 0 0 0 6px;
background: #4381bf url(../layout/sprite.gif) no-repeat -174px -63px; /* left corner */
}
h1 {
height: 22px;
margin: 0;
padding: 3px 0 5px;
border-bottom: 5px solid #004080;
background: #4381bf url(../layout/sprite.gif) no-repeat 526px -63px; /* right corner */
font: bold 22px/22px Arial, Helvetica, sans-serif;
color: #fff;
}
h2 {
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #D31816;
margin-bottom: 0.25em;
}
h3 {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #333;
margin-top: 0;
margin-bottom: 0.25em;
text-transform: uppercase;
}
hr {
color: #FFF;
background-color: #FFF;
width: 480px;
margin: 0;
padding: 0;
border: 0;
border-bottom: 2px solid #D31816;
}
a:link {
color: #4381bf;
text-decoration: underline;
}
a:visited {
color: #004080;
}
a:hover, a:active {
color: #a72126;
text-decoration: none;
}

#page-height {
position: relative;
width: 100%;
min-height: 100%;
}
#top-bg {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 120px;
background: url(../layout/sprite.gif) repeat-x 0px -100px;
}

table#container {
width: 780px;
margin: 0 auto;
text-align: left;
}
#logo {
position: absolute;
left: 0px;
top: 0px;
}
#header {
height: 170px;
width: 596px;
text-align: right;
vertical-align: top;
margin: 0;
padding-top: 10px;
}
#topbutton img {
width: 386px;
height: 134px;
background: #fff url(../layout/topbutton2.gif) 0px 0px no-repeat;
}
#topbutton:hover img {
background-color: #fff;
}
#logo-top {
width: 184px;
height: 180px;
}
#menu-wrap {
width: 184px;
vertical-align: top;
text-align: left;
margin: 0;
/*padding: 16px 40px 2em 0;*/
}
#menu-top {
width: 184px;
height: 18px;
background: url(../layout/sprite.gif) 0px -20px no-repeat;
}
#menu {
overflow: hidden; /* needed to clear nested floats */
width: 180px;
border-right: 4px solid #004080;
background: #4381bf;
}
#menu-botm {
clear: both;
width: 184px;
height: 20px;
background: url(../layout/sprite.gif) 0px 0px no-repeat;
}
div.nav {
float: right;
display: block;
width: 180px;
margin: 0;
border-top: 1px solid #fff;
}
.nav a {
display: block;
width: 156px; /* 184px total width */
height: 19px; /* 22px total heoght */
margin: 0;
padding: 3px 4px 0px 20px;
color: #fff;
font-size: 92%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
}
.nav a:link, .nav a:visited  {
color: #fff;
}
.nav a:hover, .nav a:active {
color: #4381bf;
background: url(../layout/sprite.gif) 0px -39px no-repeat;
}
#home .home-current a, 
#adrates .adrates-current a,
#contact .contact-current a,
#dir .dir-current a,
#update .update-current a,
#usage .usage-current a,
#about .about-current a {
color: #4381bf;
background: url(../layout/sprite.gif) 0px -39px no-repeat;
}
.dir-current {
border-bottom: 1px solid #fff;
}
#under-menu {
text-align: left;
vertical-align: bottom;
margin: 0;
padding: 20px 16px;
}

#main {
width: 550px;
vertical-align: top;
margin: 0;
padding: 0 0 80px 46px;
}

.to-top {
font-size: 92%;
text-transform: uppercase;
text-align: right;
font-weight: bold;
margin: 0;
padding: 0 0 100px 0; /* extra padding at bottom so footer doesn't cover content */
}
.to-top img {float: left;}
.to-top a {float: right;}
.to-top a:link, .to-top a:visited  {
text-decoration: none;
}
.to-top a:hover, .nav a:active {
color: #D31816;
text-decoration: none;
}

#footer-bg {
position: relative;
overflow: hidden;
width: 100%;
height: 80px;
margin: -80px 0 0; /* negative top margin brings footer into view at bottom of page */
background: #fff url(../layout/sprite.gif) repeat-x left bottom;
}
#footer {
width: 550px; /* 780px total width */
height: 60px; /* 80px total height */
margin: 0 auto;
padding: 20px 0 0 230px;
text-align: left;
}
.copy {
font-size: 85%;
text-align: left;
vertical-align: top;
margin: 0;
}
.copy a {text-decoration: none;}

.smalltext {font-size: 85%;}

a.home-arrow {
float: left;
margin-right: 10px;
text-decoration: none;
}
a.home-book {
float: left;
border: 1px solid #fff;
text-decoration: none;
}
a.home-book:hover {
border: 1px solid #d31816;
}

div.box {
display: block;
width: 144px;
margin: 20px 7px;
padding: 10px 10px 20px;
border: 1px solid #dfd4a7;
background: #fbeeba;
font-size: 92%;
}

div.box a {
line-height: 1.7em;
}