body { 
background-image: url(layout/inkbk_med.gif); 
background-repeat: no-repeat; 
background-position: top left; 
background-color: #fff;
color: #000;
font-family: Verdana, Arial, sans-serif;
width: 760px; 
margin-top: 10px;
}

#content {
font-size: 12px;
color: #000;
font-family: Verdana, Arial, sans-serif;
border-top: 9px double #cc0000; 
padding-left: 5px;
padding-right: 5px;
text-align: justify; 
line-height: 1.5em; 
}

#footer {
border-top: 1px solid #555555; 
font-size: 8px; 
letter-spacing: 2px; 
text-align: center; 
font-variant: small-caps; 
color: #333;
} 

#menu { 
color: #000; 
font-family: Verdana, Arial, sans-serif;
font-style: normal;
border-color: none; 
font-size: xx-small;
}

a.menuitem {
font-size: 16px;
background-color: #f5f5f5;
color: #000;
font-variant: small-caps;
font-weight: normal; 
margin-bottom: 2px;
margin-right: 15px;
margin-left: 15px;
border: 1px solid #999; 
padding: 3px; 
text-align: center;
}

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

#navcontainer ul li a {
background: transparent url(layout/bullet_white.png) left center no-repeat;
padding-left: 15px; 
text-align: left;
font: normal 14px verdana, arial, sans-serif;
text-decoration: none;
color: #666; 
font-variant: small-caps; 
letter-spacing: 2px; 
line-height: 1.5em;
}

#navcontainer ul li a:hover {
background: transparent url(layout/bullet_black.png) left center no-repeat;
color: #000;
}

#navcontainer ul li a#current {
background: transparent url(layout/bullet_red.png) left center no-repeat;
color: #000; 
}

#navcontainer ul li a#special {
background: transparent url(layout/bullet_star.png) left center no-repeat;
color: #000; 
}

#navcontainer ul li a:hover#star {
background: transparent url(layout/bullet_star.png) left center no-repeat;
color: #000; 
}

#tagline {
font-size: 11px; 
color: #333;
text-transform: capitalize;
text-indent: 15px;
border: none;
padding: 0 0 5px 0;
text-align: right;
}

#content a, #content a:visited, #content a:active {color: #666; text-decoration: none; font-weight: bold;}
#content a:hover {color: #333; text-decoration: none; border-bottom: 1px dashed #cc0000;}
#title a {text-decoration: none;}
#menu a {text-decoration: none;}
.menuitem:hover {background-color: #cc0000; color: #f5f5f5; border: 1px solid #999;}

h1, h2, h3, h4, h5 {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-variant: small-caps;
text-transform: none;
font-weight: bold; 
letter-spacing: 2px; 
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

.posted {font-weight: bold; font-size: 14px; color: #cc0000; font-family: Georgia, "Times New Roman", Serif;}

input, select, textarea {
background-color: #fff; 
color: #333;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
}

blockquote {
background-color: #f9f9f9; 
padding: 10px; 
border: 1px dotted #cc0000;
}

.imgblock {
border: 1px solid #b22222; 
padding: 2px;
}

.imgblockgr {
border: 1px solid #ccc; 
padding: 2px;
}

a.books:hover {border-bottom: none;}

.small {font-size: 10px; color: #333; font-variant: small-caps; letter-spacing: 2px;}
.image {border: none;}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/* layout */
#menu	{width: 20%; position: relative; top: 130px; left: 0; float: left; text-align: center;}
.menuitem	{width: auto;}
#content {margin-left: 25%; width: auto}
.menuitem	{display: block;}