a {color: #336699; text-decoration: none; overflow: hidden;}
a:active, a:hover {color: #709dca; text-decoration: underline;}
body {margin: 0px; background-color: #007471; 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;}
div.hr {border: none;  border-top: 1px dashed #dddd80; height: 1px; margin: 18px 0px 16px 0px;}
li {list-style: square;}
object {text-align: center; margin: 0px 0px 12px; display: block;}
object embed {margin: 0px auto;}

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;}
#content div.callout {float: right; clear: right; margin: 10px 10px 12px 12px; width: 200px; padding: 12px; border: 1px dashed #eeee9e;}
#content div.callout h2 {text-decoration: none !important; color: #336699; margin-top: 0px; font-size: 19px; font: bold 17px/19px "Times New Roman", Times, serif;}
#content div.callout p {font: 12px/17px Arial, Helvetica, sans-serif; margin-bottom: 7px;}

#container {text-align: left; width: 738px; background-color: #FFFFFF; margin: 22px auto 20px auto; padding: 0px;}

#header {position: relative; padding: 45px 60px 0px; background-color: #FFFFFF;}
#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 {position: relative; 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;}
#header ul li ul {position: absolute; display: none; border: none; top: 22px; left: -12px; width: 192px; margin: 0px; padding: 10px 12px 17px 12px; height: 30px; background: #eeee9e url(../_images/bg-nav-sub.gif) top left repeat-x;}
#header ul li ul#sub-lectures {width: 125px;}
#header ul li:hover ul, #header ul li:active ul {display: block;}
#header ul li ul li {margin: 0px;}
#header ul li ul li a {text-indent: 0px; margin: 0px; font: bold 13px/13px Arial, Helvetica, sans-serif;}

#content {padding: 30px 60px 14px; 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 60px 40px; background-color: #FFFFFF; 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: 10px 10px 14px 14px; border: 1px solid #444444;}
#p-home #content div.callout {width: 350px; padding: 12px; clear: right;}

#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-schedule h1 {background-image: url(../_images/h-schedule.gif);}
#p-schedule h2 {font: normal 13px/13px Arial, Helvetica, sans-serif; margin: 22px 0px 4px 0px; text-decoration: underline;} 
#p-schedule h3 {margin: 0px 0px 4px 0px; color: #336699}
#p-schedule p {line-height: 19px;}

#p-articles h1 {background-image: url(../_images/h-articles.gif);}
#p-articles #header ul li a#nav-articles {background-position: 0px -34px;}
#p-articles a#callout {float: right; display: block; width: 152px; border: 1px solid #666666; margin-top: 30px; text-align: center; padding: 8px 10px 8px 10px; float: right; background-color: #F0F0A5; color: #333333; font: normal 19px/19px "Times New Roman", Times, serif;}

#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;}

.article h1 {color: #333333; font: bold 22px/23px "Times New Roman", Times, serif; margin: 0px 0px 16px 0px; background: none !important; text-indent: 0px;}
.article h2 {color: #222222; font: bold 19px/21px "Times New Roman", Times, serif; margin: 28px 0px 10px 0px;}
.article h3 {color: #111111; font: bold 15px/18px "Times New Roman", Times, serif; margin: 12px 0px 10px 0px;}
.article p.subtitle {margin: -12px 0px 20px 0px !important; font: normal 18px/20px "Times New Roman", Times, serif;}
.article p.byline {margin: -10px 0px 20px 0px !important; font: normal 17px/19px "Times New Roman", Times, serif;}
.article p {position: relative;}
.article p a.endnote {position: relative; font: 10px; top: -3px; font-size: 10px; font-weight: bold;}
.article blockquote {margin-left: 36px; margin-right: 36px; padding: 0px;}
.article blockquote p {font-size: 12px; line-height: 16px;} 
.article p.epigraph {font-size: 12px; line-height: 16px; margin-left: 36px !important; margin-right: 36px !important;}
.article #endnotes {margin-top: 24px; border-top: 1px dashed #dddd80; padding-top: 18px;}
.article #endnotes p {font-size: 11px; line-height: 13px; margin-bottom: 11px;}
.article #endnotes p a {font-weight: bold;}