/* This is the main div for all the pages except index, faqs, and the our books pages. They required separate divs because of their multi-column layout. */


div.main 
{
margin-left: 10px; 
padding-left: 30px; 
padding-right: 30px; 
border-left:1px dotted #800000; 
border-right:1px dotted #800000;
 }




/* These are the divs for the exception pages mentioned above. */


div.faqs-list 
{
float: left; 
width: 220px; 
margin-top: -10px; 
margin-left: -25px;
margin-right: 20px; 
}


div.faqs-right 
{
margin-left: 215px; 
padding-right: 0px; 
border-left:1px dotted #326699;
 }




/* These are the table styles for the exception pages mentioned above. */


table.menu
{
position: absolute;
left: 80%;
visibility: hidden;
background: #666633;
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
padding-top: 15px;
line-height: 100%;
}


table.series-left
{
margin-right: -150px;
padding-right: 20px;
border-right:1px dotted #800000;
}


table.our-books-left
{
margin-right: -150px;
padding-right: 20px;
border-right:1px dotted #800000;
}



/* These are the table data styles for the exception pages mentioned above. */


td.right-index
{
border-left: 1px dotted #800000;
}


td.right-ob
{
border-left: 1px dotted #800000;
}


td.index-space
{
padding-right: 15px;
line-height: 91%;
}


td.our-books-left
{
margin-left: 50px;
border-right:1px dotted #800000;
}


td.series-left
{
position: absolute;
width: 85px;
margin-left: 5px;
margin-right: 5px;
}


td.series-right
{
float: left;
margin-left: 135px;
padding-right: 5px;
margin-top: -40px;
}




/* These are the various image styles, which needed to be treated differently for index, our books, etc. */


img.series-img
{
margin-bottom: 25px;
}


img.person 
{
float: left; 
margin: 0px 8px 3px 0px; 
border: 0px; 
}


img.dog 
{
float: left;
margin: 0 20px 0 0; 
border: 0px; 
}





/* This is the form style for the drop-down menus on our books. */


.form 
{
float: left; 
margin:  40px 0px 30px 0px; 
}




/* These are the various styles for links. */


.link 
{ 
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
color: #666633; 
background-color: transparent; 
}


.link-ob 
{ 
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
color: #666633;
font-size: 14px; 
background-color: transparent; 
}



span.series-link 
{ 
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-weight: normal;
font-size: 12px; 
color: #404040; 
background-color: transparent; 
}


a.site-links 
{ 
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
text-decoration: none; 
font-size: 14px; 
color: #FFFFFF; 
background-color: transparent; 
line-height: 80%;
 }


a.site-links-ob 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
text-decoration: none; 
font-size: 14px; 
color: #FFFFFF; 
background-color: transparent; 
line-height: 100%;
}


.links-faqs 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #333366; 
text-decoration: none; 
background-color: transparent; 
}




/* These are the various styles for links to make them bold on mouseover. */


.site-links:link, .site-links:visited
{
font-weight: normal;
}


.site-links:hover 
{
font-weight: bold; 
cursor: pointer; 
}


.site-links-ob:link, .site-links-ob:visited
{
font-weight: normal;
}


.site-links-ob:hover 
{
font-weight: bold; 
cursor: pointer; 
}





/* These are the header styles, including variations for index and our books. */


.header 
{
float: left; 
margin-top: 35px; 
border: 0px; 
}


h1 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
padding-top: 18px;
padding-bottom: 10px; 
font-size: 32px; 
color: #ffffff; 
background-color: transparent;
margin-left: 25px; 
margin-top: 30px;
}


h1.index 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
font-size: 32px; 
color: #ffffff; 
background-color: transparent;
margin-left: 0px;
margin-bottom: 10px;
margin-top: 25px;
}


h2 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
font-size: 28px; 
color: #800000; 
background-color: transparent; 
margin-top: 35px; 
}


h2.our-books 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
font-size: 28px; 
color: #800000; 
background-color: transparent; 
margin-top: -5px; 
}


h3 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
font-size: 22px; 
color: #333366; 
background-color: transparent; 
margin-top: 40px; 
}


h3.index 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
font-size: 22px; 
color: #333366; 
background-color: transparent; 
margin-top: -10px;
margin-bottom: 15px;
}




/* These are the various paragraph and span styles. */


p 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #505050; 
background-color: transparent; 
margin-top: 0px; 
}


/* This one is needed to keep the link to drop-down menu table on Our Books all on one line. */

p.menu
{
display: inline;
}


pre.index 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold;
color: #505050; 
margin-top: -1px;
border-top: 2px solid #b8b58c;
border-bottom: 2px solid #b8b58c;
padding-top: 4px;
padding-bottom: 4px;
}


p.footer 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 10px; 
color: #505050; 
background-color: transparent; 
padding-left: 10px;
line-height: 75%;
}


p.series-title
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 14px; 
color: #666666; 
background-color: transparent; 
}


p.dog 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #505050; 
background-color: transparent; 
margin-top: 0px;
margin-left: 55px; 
word-spacing: 120px; 
}


p.a 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #505050; 
background-color: transparent; 
margin-left: 40px; 
}


span.addy
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold;
color: #FFFFFF; 
background-color: transparent; 
margin-top: 0px; 
}


span.small-caps
{
font-variant: small-caps;
font-size: 20px;
}


span.series-au
{
font-family: Trebuchet MS, Arial,  Arial, Verdana, Helvetica, sans-serif; 
font-weight: normal;
font-size: 12px; 
color: #666666; 
background-color: transparent; 
}


.au 
{
font-size: 14px; 
font-weight: bold; 
margin-top: 0px; 
}




/* These are the unnumbered list and list item styles. */


ul
{
font-family: 
Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #505050; 
background-color: transparent; 
}


ul.submit
{
line-height: 150%;
}


ul.left 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #333366;
text-decoration: none; 
background-color: transparent; 
}


ul.q 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 16px; 
color: #333366; 
background-color: transparent; 
}


ul.answer 
{
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #505050; 
background-color: transparent; 
}





/* These are the hair rule styles. */


hr.small 
{
text-align: center; 
width: 160px; 
background-color: maroon;
margin-bottom: 33px; 
}


hr.wide 
{text-align: left; 
width: 100%; 
background-color: maroon; 
margin-bottom: 0px; 
}




/* These are cover styles, all of which are different because of their different treatment on index and our books. */


.cover
{
float: left; 
width: 85px;
text-align: center;   
margin-left: 2px; 
margin-top: 0px;
margin-right: 50px;
margin-bottom: 20px;
padding-right: 6px;
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #505050; 
text-decoration: none; 
}


a.cover:hover
{
font-weight: bold; 
cursor: pointer; 
}


a.cover:link
{
text-decoration: none; 
} 


a.cover:visited 
{
width: 85px;
margin-left: 2px; 
margin-top: 0px;
margin-right: 50px;
margin-bottom: 20px;
text-decoration: none; 
}


a.cat-cover
{
float: left; 
width: 200px;
text-align: center;    
margin-top: 30px;
margin-bottom: 25px;
padding-bottom: 25px;
padding-right: 25px;
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px; 
font-weight: normal; 
color: #505050;  
text-decoration: none;
}


a.cat-cover:hover
{
font-weight: bold; 
cursor: pointer; 
}


a.cat-cover:link
{
text-decoration: none; 
} 


a.cat-cover:visited 
{float: left; 
width: 200px;
text-align: center;    
margin-top: 30px;
margin-bottom: 25px;
padding-bottom: 25px;
padding-right: 25px;
font-size: 16px; 
font-weight: normal; 
color: #505050;  
text-decoration: none;
}




hr
{
background-color: maroon;
}


/* These are the body styles. */


body 
{ 
padding: 0px 0px 0px 0px; 
background-color: transparent;
margin: -20px 0px 0px 0px; 
}