/* ------------------------------ */
/* © Igeek, Created 27/04/07 */



/* ------------------------------ */
/* main setup */


*
{
margin: 0;
padding: 0;
}



body, html
{
	background: #F5F6F9;
    text-align:center; /* for IE */
    color: #000;
    font-family: Times, Times New Roman, serif;
    font-size: 1em;
    line-height: 1em;

}

#frame 
{
	background: #fff;
	width: 752px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #ccc;
}



h1
{
background: url("/a/images/banner.jpg") 0 0 no-repeat;
width: 752px;
height: 74px;
}


#header
{
	
}

.offScreen 
{
	position: absolute;
	left: -5000px;
	padding: 0;
	margin: 0;
}

.clear
{
clear: both;
}

.noBorder
{
border: 0;
padding: 0;
}



/* ------------------------------ */
/* Content  */

#mainContent
{
padding: 10px 10px 10px 13px;
}



/* ------------------------------ */
/* text and links */

p {
font-size: .9em;
font-weight: normal;
padding: 5px 0 5px 0;
}

a {
border: 0;
color: #354883;
font-size: .8em;
}

.link {
font-size: 1em;
}

img {
border: 0;
}

h2 {
width: 250px;
height: 16px;
background: #fff;
font-size: 1em;
color: #354883;

}

h3 {
color: #354883;
font-size: .9em;
padding: 10px 0 0 0;
}

ul {
font-size: .9em;
margin: 0 0 0 25px;

}



/* ------------------------------ */
/* main navigation */

#menu
{
width: 752px;
height: 25px;
margin: 5px 0;

}

#menu ul li
{
float: left;
list-style: none;
font-size: 1em;
height: 18px;
margin: 5px 12px;
}


#menu ul
{
margin: 0;
padding: 0;

}

#menu ul
{
margin: 0;
padding: 0;
font-family: georgia, times, times new roman, serif;
font-weight: bold;
font-size: 1em;
}

#menu ul li
{
margin: 5px 13px 5px 0;

}

#menu ul li.last
{
margin: 5px 0 5px 0;

}




#menu a
{
height: 18px;
}

#menu a
{
text-decoration: none !important;
}

#menu a:hover,
#menu a.current
{
color: #d74a5a;
}



#menu #home, 
#menu #home a
{
	background: url("/a/images/home.gif") no-repeat 0 0;
	display: block;
	width: 43px;
}

#menu #home a:hover,
#menu #home a.current
	{
	background: url("/a/images/home.gif") no-repeat 0 -18px;
}

		
		
#menu #history, 
#menu #history a
{
	background: url("/a/images/history.gif") no-repeat 0 0;
	display: block;
	width: 52px;
}

#menu #history a:hover,
#menu #history a.current
	{
	background: url("/a/images/history.gif") no-repeat 0 -18px;
}



#menu #membership, 
#menu #membership a
{
	background: url("/a/images/membership.gif")  no-repeat 0 0;
	display: block;
	width: 164px;
}

#menu #membership a:hover,
#menu #membership a.current
	{
	background: url("/a/images/membership.gif") no-repeat 0 -18px;
}

#menu #clubBooks, 
#menu #clubBooks a
{
	background: url("/a/images/clubBooks.gif")  no-repeat 0 0;
	display: block;
	width: 157px;
}

#menu #clubBooks a:hover,
#menu #clubBooks a.current
	{
	background: url("/a/images/clubBooks.gif") no-repeat 0 -18px;
}


#menu #booksAvailable, 
#menu #booksAvailable a
{
	background: url("/a/images/booksAvailable.gif") 0 0 no-repeat;
	display: block;
	width: 198px;
}

#menu #booksAvailable a:hover,
#menu #booksAvailable a.current
	{
	background: url("/a/images/booksAvailable.gif") no-repeat 0 -18px;
}



/* ------------------------------ */
/* homepage */


.homepage h2
{
background: url("/a/images/welcome.gif") 0 0 no-repeat;
width: 355px;
height: 16px;
}


.picture
{
float: right;
width: 284px;
margin-left: 10px;
}

.picture p
{
font-size: .7em;
margin: 5px 0 0 0;
padding: 0;
line-height: 1.2em;
}

.picture .sub
{
font-size: .6em;
margin: 0;
padding: 0;
}




/* ------------------------------ */
/* History */

.history h2
{
background: url("/a/images/historyHeader.gif") 0 0 no-repeat;
width: 85px;
height: 16px;
}

/* ------------------------------ */
/* subMenu */

#subMenu
{
width: 752px;
height: 25px;
margin: 5px 0;

}


#subMenu ul
{
margin: 0;
padding: 0;

}

#subMenu ul li
{
float: left;
list-style: none;
font-size: 1em;
height: 18px;
margin: 5px 6px;
}

#subMenu a
{
height: 18px;
}


#subMenu #theClub, 
#subMenu #theClub a
{
	background: url("/a/images/subTheClub.gif") no-repeat 0 0;
	display: block;
	width: 58px;
}

#subMenu #theClub a:hover,
#subMenu #theClub a.current
	{
	background: url("/a/images/subTheClub.gif") no-repeat 0 -18px;
}


#subMenu #membersSub, 
#subMenu #membersSub a
{
	background: url("/a/images/subMembers.gif") no-repeat 0 0;
	display: block;
	width: 56px;
}

#subMenu #membersSub a:hover,
#subMenu #membersSub a.current
	{
	background: url("/a/images/subMembers.gif") no-repeat 0 -18px;
}

#subMenu #blackLetter, 
#subMenu #blackLetter a
{
	background: url("/a/images/subBlackLetter.gif") no-repeat 0 0;
	display: block;
	width: 116px;
}

#subMenu #blackLetter a:hover,
#subMenu #blackLetter a.current
	{
	background: url("/a/images/subBlackLetter.gif") no-repeat 0 -18px;
}

#subMenu #medieval, 
#subMenu #medieval a
{
	background: url("/a/images/subMedieval.gif") no-repeat 0 0;
	display: block;
	width: 88px;
}

#subMenu #medieval a:hover,
#subMenu #medieval a.current
	{
	background: url("/a/images/subMedieval.gif") no-repeat 0 -18px;
}


#subMenu #facsimiles, 
#subMenu #facsimiles a
{
	background: url("/a/images/subFacsimiles.gif") no-repeat 0 0;
	display: block;
	width: 59px;
}

#subMenu #facsimiles a:hover,
#subMenu #facsimiles a.current
	{
	background: url("/a/images/subFacsimiles.gif") no-repeat 0 -18px;
}

#subMenu #binding, 
#subMenu #binding a
{
	background: url("/a/images/subBinding.gif") no-repeat 0 0;
	display: block;
	width: 157px;
}

#subMenu #binding a:hover,
#subMenu #binding a.current
	{
	background: url("/a/images/subBinding.gif") no-repeat 0 -18px;
}

#subMenu #recent, 
#subMenu #recent a
{
	background: url("/a/images/subRecent.gif") no-repeat 0 0;
	display: block;
	width: 118px;
}

#subMenu #recent a:hover,
#subMenu #recent a.current
	{
	background: url("/a/images/subRecent.gif") no-repeat 0 -18px;
}

/* ------------------------------ */
/* Members */

.members h2
{
background: url("/a/images/membersHeader.gif") 0 0 no-repeat;
}

h3.memberName {
font-size: 1em;
}

#MembersList {
font-size: 1em;
list-style-type: none;
margin: 0 0 10px 0;
}


.members h4
{
background: url("/a/images/searchMembersHeader.gif") 0 0 no-repeat;
width: 218px;
height: 16px;
margin: 15px 0 0 0;
}

.members .notes
{
margin: 0;
padding: 0;
font-size: .8em;
}

.members .notes a
{
font-size: .9em;
}

/* ------------------------------ */
/* Books */

.books h2
{
background: url("/a/images/booksHeader.gif") 0 0 no-repeat;
}

.books h4
{
background: url("/a/images/searchBooksHeader.gif") 0 0 no-repeat;
width: 218px;
height: 16px;
margin: 15px 0 0 0;
}

h3.bookName {
font-size: 1em;
}

#booksList {
font-size: 1em;
list-style-type: none;
margin: 0 0 10px 0;
}


/* ------------------------------ */
/* Books for sale */

.sale h2
{
background: url("/a/images/booksForSaleHeader.gif") 0 0 no-repeat;
}

.sale h4
{
background: url("/a/images/searchForBooksForSaleHeader.gif") 0 0 no-repeat;
width: 290px;
height: 16px;
margin: 15px 0 0 0;
}

#booksSaleList {
font-size: 1em;
list-style-type: none;
margin: 0 0 10px 0;
}

#booksSaleList li {
margin: 0 0 6px 0;
}

#searchResults {
background: url("/a/images/searchResults.gif") 0 0 no-repeat;
margin: 10px 0 0 0;
}
