html{height: 100%;}
body {margin:0px; padding:0px;height:100%; background: #554; font-family: Arial, Helvetica, san serif; font-size:0.95em;}

a {color: #ddd; text-decoration:none;}
a:hover {color:#fc0;}

img {border: 0px}

/*****************************
main page layout containers
*******************************/
#container {background: #444 url("images/background.jpg") top center;background-attachment:fixed;position: relative; min-height: 100%; width:800px; margin-left:auto;margin-right:auto;margin-top:0px;}
#content {}
#footer {position: absolute; width: 800px;bottom: 0;height:80px; background: #000; color:#fff; text-align:center; font-size:0.7em;}
#headbar {position:fixed; top:0px; width:800px; height:24px; background:#000; color:#fff; text-align:right;}
#navigation {display:block; width:200px;float:left; margin-top:50px;text-align:right;padding-bottom:50px;}
#main {display:block; width:470px;float:left;margin-left:50px;margin-top:50px;background: url("graphics/35-percent-black.png"); color:#fff; padding:15px;}


#book {display:block; width:500px;float:left;margin-left:50px;margin-top:20px;background: #fffcf0;color:#000;font-family:Book Antigua, Times New Roman, serif; font-size:1.0em; padding:15px;padding-bottom:40px;}



.spacer1 {clear:both;height:50px;}

/*****************************
Styles within main containers
*******************************/
/*Header*/
#headbar img {margin-right:4px;margin-top:4px}

/*Footer*/
#footerlist {width:100%; text-align:center; padding:0px; margin:10 0 0 0px; }
#footerlist ul {padding:0px; margin:0px; }
#footerlist li {margin: 0px;padding: 0px;display: inline;}

/*Navigation*/
#navigation ul {margin:0 0 0 10px; padding:0px;}
#navigation ul li {list-style-type:none; margin:2px; text-transform:uppercase;font-weight:bold; font-size:0.75em}
#navigation ul li a {background: url("graphics/35-percent-black.png"); color:#eee; text-decoration:none; display:block; width:180px; padding:6px 10px 6px 0px;}
#navigation ul li a:hover {background: url("graphics/orange.png");}

#marquee-outer {display:block; height:80px; width:200px; overflow:hidden; margin-left:4px;}


#vmarquee {position:relative;}
#vmarquee img {width:50px; height:50px; margin:5px;border:1px solid #fff;}
#vmarquee img:hover{border:1px solid #fc0;}

#leftcontrol {position:absolute; display:block;left:0px;top:185px; z-index:10;padding-left:3px;}
#leftcontrol:hover {border-right:2px solid #fc0;padding-left:0px;}
#rightcontrol {position:absolute; display:block; left:201px;top:185px; z-index:10;}
#rightcontrol:hover {border-left:2px solid #fc0;}

/*main images*/
#boxed-image {display:block; width:180px; border:1px solid #fff; background: #000; padding:0px; margin:0px; float:right;text-align:center; font-size:0.7em;}
#boxed-image img {width:180px;}

/*just for chapter formatting*/
#book h1 {color:#000;font-weight: normal; font-size:2em;text-decoration:none;font-variant:small-caps;text-align:center;margin-top:2em;margin-bottom:1.5em;}
#book p {color: #000; font-size: 1em; font-weight: normal; text-align: justify; text-decoration: none; text-indent: 1.0em; margin: 0.2em;margin-top:0.4em;}

#book a {color:#222; font-weight:bold;}