/*****************************************

Sherlock Holmes Public Library 2004
  http://sherlock.mindcop.net 
          
 *****************************************/

body
{
width: 828px;
background-color: #EDE4DA;
margin-left: 1px;
padding: 0px;
}

a
{
color: #800000;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a.quote
{
font-size: 11px;
color: #C37500;
text-decoration: underline;
}

li
{
font-family: verdana, vera, tahoma, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

h4
{
text-align: center;
}

h5
{
text-align: center;
}

table.text
{
text-align: justify;
width: 95%;
margin-left: 8px;
}

td.text1
{
width: 48%;
padding: 10px;
}

td.text2
{
width: 48%;
padding: 10px;
vertical-align: top;
}

p
{
font-family: georgia, times new roman, serif;
font-size: small;
}

p:first-letter
{
font-size: 36px;
color: #800000;
}

.p2
{
font-family: georgia, times new roman, serif;
font-size: x-small;
}

.p2:first-letter
{
font-size: 9px;
color: #955900;
}

.p3
{
font-family: georgia, times new roman, serif;
font-size: small;
line-height: 1.4;
}

.p3:first-letter
{
font-size: small;
color: black;
}

#mainheader-index
{
position: absolute;
top: 1px;
left: 1px;
background: url(/images/sherlock.holmes.jpg);
width:830px;
height:90px;
border-top: 2px solid #585858;
border-right: 1px solid #585858;
border-bottom: 4px solid #585858;
border-left: 1px solid #585858;
}

#mainheader-toc2
{
position: absolute;
top: 1px;
left: 1px;
background: url(/images/sherlock.holmes.gif);
width: 830px;
height: 90px;
border-bottom: 20px solid #383838;
}

#welcome
{
position: absolute;
top: 160px;
left: 112px;
background: url(/images/sherlock-welcome.jpg);
width: 102px;
height: 46px;
border: 0px;
}

#canon
{
position: absolute;
top: 165px;
left: 150px;
padding-bottom: 3px;
border-bottom: 2px solid #888;
font-family: helvetica, sans-serif;
font-size: small;
color: #888;
}

#canon-jpg
{
border: 0px;
width: 206px;
height: 23px;
}

#google
{
position: absolute;
top: 210px;
left: 50px;
}

.navcontainer ul
{
list-style-type: none;
text-align: left;
}

.navcontainer ul li a
{
background: transparent url(list-off.png) left center no-repeat;
padding-left: 10px;
text-align: left;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 14px;
text-decoration: none;
color: #808080;
}

.navcontainer ul li a:hover
{
background: transparent url(list-on.png) left center no-repeat;
padding-left: 10px;
text-align: left;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 14px;
text-decoration: none;
color: black;
}

/*
.quote
{
text-align: left;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #666;
}
 */

.quote2
{
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #666;
}

#quote3
{
position: absolute;
top: 100px;
left: 655px;
text-align: right;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 9px;
text-decoration: none;
color: #C47500;
}

.quote4
{
text-align: left; 
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #C37500;
}

#quote5
{
position: absolute;
top: 160px;
left: 568px;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 9px;
color: #666;
}

#intro
{
width: 300px;
position: absolute;
top: 200px;
left: 155px;
background: url(/images/fingerprint7.gif) center center no-repeat;
text-align: justify;
font-family: serif;
font-size: 11px;
color: #000000;
padding-right: 20px;
}

.orange {color: #C37500;}

#casebook
{
font-size: xx-small;
color: #A0A0A0;
}

.links1
{
margin-right: 0px;
margin-left: 350px;
text-decoration: none;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
}

.links2
{
margin-right: 25%;
margin-left: 0;
text-decoration: none;
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
}

.footer
{
position: absolute;
right: 40%;
bottom: 1%;
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 9px;
color: #000000;
}

.footer2
{
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 9px;
color: #000000;
}

.footer3
{
text-align: center;
margin-top: 55px;
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 9px;
color: #000000;
}

#legal
{
font-family: times, serif;
}

#rache
{
text-align: center;
font-size: 16px;
font-weight: bold;
color: red;
margin-top: 10px;
}

.titlecenter
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 24px;
font-weight: bold;
color: #800000;
text-align: center;
margin-left: 10px;
/* margin-bottom: -15px; */
}

.titlecenter2
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 18px;
font-weight: bold;
color: #00223F;
text-align: center;
margin-bottom: 5px;
}

.titleleft
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 24px;
font-weight: bold;
color: #800000;
text-align: left;
margin-left: 10px;
}

.title2
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
}

.title3
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
}

/* Date published */
.date
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 14px;
text-align: left;
margin-top: 10px;
margin-left: 10px;
}

#navlist3
{
padding: 5px 5px 5px 5px;
}

#navlist3 ul, #navlist3 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist3 a:link, #navlist3 a:visited
{
line-height: 14px;
font-weight: bold;
margin: 5px 5px 5px 5px;
text-decoration: none;
color: #C37500;
}

#navlist3 a:link#current, #navlist3 a:visited#current, #navlist3 a:hover
{
border-bottom: 3px solid #606060;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist3 a:hover
{
color: #606060;
}

.navmenu
{
position: absolute;
top: 82px;
left: 115px;
}

.navmenu2
{
position: absolute;
top: 76px;
left: 345px;
}

#navlist4
{
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, helvetica, arial, sans-serif;
font-size: 12px;
padding: 5px 5px 5px 5px;
}

#navlist4 ul, #navlist4 li
{
margin: 0px;
padding: 7px;
display: inline;
list-style-type: none;
}

#navlist4 a:link, #navlist4 a:visited
{
line-height: 14px;
font-weight: bold;
margin: 5px 5px 5px 5px;
text-decoration: none;
color: rgb(248,163,72);
}

#navlist4 a:link#current, #navlist4 a:hover
{
border-bottom: 3px solid #C37500;
padding-bottom: 2px;
background: transparent;
color: #C37500;
}

/* ***************************** quote box styles ********************** */
.quotebox001
{
position: absolute;
top: 210px;
left: 620px;
background: url(../images/quoteboxbackground.jpg) bottom center no-repeat;
width: 160px;
height: 140px;
text-align: left;
border-right: 1px solid #585858;
border-bottom: 1px solid #585858;
border-left: 1px solid #585858;
}

.quotebox002
{
position: absolute;
top: 400px;
left: 620px;
background: url(../images/quoteboxbackground2.jpg) bottom center no-repeat;
width: 160px;
height: 140px;
text-align: left;
border-right: 1px solid #585858;
border-bottom: 1px solid #585858;
border-left: 1px solid #585858;
}

/*  quote box header */
.quoteheader
{
background-color: #00223F;
width: 156px;
height: 16px;
text-align: left;
font-family: helvetica, arial, sans-serif;
font-size: 11px;
padding: 2px 2px 2px 3px;
border-top: 1px solid #585858;
border-bottom: 1px dashed #7F7A75;
}

/* quote box text */
.quotetext
{
font-family: "Lucida Sans Unicode", vera, verdana, lucida, sans-serif;
font-size: 11px;
color: black;
padding: 8px 8px 8px 8px;
}

#door
{
margin: 15px;
font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, vera, verdana, sans-serif;
font-size: 9px;
text-decoration: none;
}

/* start sliced banner ********************************************* */

#Table_01 {
	position:absolute;
	left:1px;
	top:1px;
	width:830px;
	height:90px;
}

#banner-feb25-2006-copy-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:371px;
	height:45px;
}

#banner-feb25-2006-copy-02_ {
	position:absolute;
	left:371px;
	top:0px;
	width:220px;
	height:45px;
}

#banner-feb25-2006-copy-03_ {
	position:absolute;
	left:591px;
	top:0px;
	width:239px;
	height:45px;
}

#banner-feb25-2006-copy-04_ {
	position:absolute;
	left:0px;
	top:45px;
	width:371px;
	height:45px;
}

#banner-feb25-2006-copy-05_ {
	position:absolute;
	left:371px;
	top:45px;
	width:220px;
	height:45px;
}

#banner-feb25-2006-copy-06_ {
	position:absolute;
	left:591px;
	top:45px;
	width:239px;
	height:45px;
}

/* end sliced banner ************************************** */

/* begin styles for RSS Feed */

.rss_box {
	 margin: 1em;
	 width: 160px;
	 background-color: #EDE4DA;
	 border-left: 1px dashed black;
}

.rss_items 
{
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color:#000000;
}

p.rss_title 
{
padding:0.5em;
}

.rss_title {
	font-size: 8pt;
	background-color: #686868;
	color: #C37500;
	font-weight:bold;
	text-align: center;
}

.rss_item  {
  color:#000000;
  font-size: 7pt;
  list-style:none;
  padding-bottom:1em;
}

.rss_item a {
	color:#C37500;
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
	}
	
.rss_item a:visited {
	color: #865000;
}

.rss_item a:hover {
	color: #000000;
}


.rss_date {
	font-size: 7pt;
	color: #686868;
}