a {color: #336699; text-decoration: none; overflow: hidden;}
a:active, a:hover {color: #709dca; text-decoration: underline;}
body {margin: 0px; background-color: #F0F0A5; text-align: center;}
blockquote {margin: 0px; padding: 4px 0px 4px 20px;}
h1 {height: 22px; background-repeat: no-repeat; text-indent: -9999px; margin: 0px 0px 10px 0px;}
h2 {color: #333333; font: bold 17px/19px "Times New Roman", Times, serif; margin: 28px 0px 10px 0px;}
h3 {color: #333333; font: bold 15px/17px "Times New Roman", Times, serif; margin: 22px 0px 10px 0px;}
hr {border: none; border-top: 1px dashed #dddd80; color: #FFFFFF; height: 1px; margin: 16px 0px -8px 0px;}
li {list-style: square;}

p.byline {margin: -12px 0px 14px 24px !important;}
a.back {font-size: 11px; display: block; width: 56px; margin-top: -6px;}
.highlight {background-color: #FFFF00;}
.notice {color: #CC0000;}
img.right {float: right; margin: 0px 0px 14px 14px; border: 1px solid #444444;}

#container {text-align: left; width: 798px; background: transparent url("../_images/bg-container.gif") 0px 0px repeat-y; margin: 22px auto 20px auto; padding: 0px;}

#header {padding: 75px 90px 0px 90px; background: url(../_images/bg-header.gif) top center no-repeat;}
#header a#title {display: block; width: 368px; height: 48px; background-image: url(../_images/bg-url.gif); text-indent: -9999px;}
#header ul {border: 1px solid #eeee9e; border-right: none; border-left: none;  margin: 5px 0px 0px 0px; width: 617px; height: 22px; padding: 0px 0px 1px 0px;}
#header ul li {display: block; float: left; height: 22px; list-style-type: none;}
#header ul li a {display: block; height: 17px; text-indent: -9999px; margin: 5px 21px 0px 0px ;}
#header ul li a:hover, #header ul li a:active {background-position: 0px -17px;}
#header ul li a#nav-home {width: 45px; background-image: url(../_images/nav-home.gif);}
#header ul li a#nav-books {width: 45px; background-image: url(../_images/nav-books.gif);}
#header ul li a#nav-courses {width: 58px; background-image: url(../_images/nav-courses.gif);}
#header ul li a#nav-lectures {width: 61px; background-image: url(../_images/nav-lectures.gif);}
#header ul li a#nav-articles {width: 57px; background-image: url(../_images/nav-articles.gif);}
#header ul li a#nav-tos {width: 169px; background-image: url(../_images/nav-tos.gif);}
#header ul li a#nav-contact {width: 56px; background-image: url(../_images/nav-contact.gif); margin-right: 0px;}

#content {padding: 30px 90px 14px 90px; font: 13px/21px Arial, Helvetica, sans-serif;}
#content p {margin: 0px 0px 14px 0px;}
#content ul {margin: 0px 0px 14px 8px; padding: 0px 0px 0px 16px;}
#content ul li {line-height: 20px;}
ul#page-nav {margin-top: -8px;}
ul#page-nav li {font: bold 12px/18px Arial, Helvetica, sans-serif;}

#footer {font: bold 11px/11px "Times New Roman", Times, serif; padding: 0px 90px 70px 90px; background: #f0f0a5 url("../_images/bg-footer.gif") bottom center no-repeat; margin: 0px 0px -3px 0px;}
#footer p {border-top: 1px solid #eeee9e; text-align: right; color: #336699; padding-top: 8px; margin: 0px;}

#p-home #content {padding-top: 15px;}
#p-home h1 {background-image: url(../_images/h-welcome.gif); display: none;}
#p-home #header ul li a#nav-home {background-position: 0px -34px;}
#p-home #content img {float: right; margin: 0px 0px 14px 14px; border: 1px solid #444444;}

#p-books h1 {background-image: url(../_images/h-books.gif);}
#p-books #header ul li a#nav-books {background-position: 0px -34px;}
#p-books #ll {display: block; width: 140px; background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 12px 12px 2px 12px; float: right; margin: -26px 0px 4px 14px; text-align: center;}
#p-books #ll img {margin-bottom: 10px; border: 1px solid #444444;}
#p-books #ll li {font: bold 12px/14px Arial, Helvetica, sans-serif; list-style-type: none; margin-bottom: 10px;}
#p-books #ll li a {color: #e51b24;}
#p-books ul.contents li {list-style-type: none;}

#p-courses h1 {background-image: url(../_images/h-courses.gif);}
#p-courses #header ul li a#nav-courses {background-position: 0px -34px;}

#p-articles h1 {background-image: url(../_images/h-articles.gif);}
#p-articles #header ul li a#nav-articles {background-position: 0px -34px;}

#p-lectures h1 {background-image: url(../_images/h-lectures.gif);}
#p-lectures #header ul li a#nav-lectures {background-position: 0px -34px;}

#p-tos h1 {background-image: url(../_images/h-tos.gif);}
#p-tos #header ul li a#nav-tos {background-position: 0px -34px;}

#p-contact h1 {background-image: url(../_images/h-contact.gif);}
#p-contact #header ul li a#nav-contact {background-position: 0px -34px;}
#p-contact #contact-form th {text-align: right; font: bold 12px/12px Arial, Helvetica, sans-serif; padding-right: 8px;}
#p-contact #contact-form input, #p-contact #contact-form textarea {font: normal 13px/16px Arial, Helvetica, sans-serif; padding: 2px;}
#p-contact #contact-form input.submit {font: bold 13px/16px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #336699;}