* {
	margin:0;
	padding:0;
}

body {
	background:#b5af9a;
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	font-size:smaller;
	margin-top:60px;
	
}

#wrapper {
	width:724px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}


img {
	border:none;
}


.menu {
	width:750px;
	position:absolute;
	top:10px;
	z-index:100;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:medium;
	font-weight:bold;
	clear:both;
	margin-left:auto;
	margin-right:auto;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {list-style-type:none;}

.menu ul ul {width:90px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:90px;
	position:relative;
}
	/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:small;
	text-decoration:none; 
	color:#eeeabc; 
	width:79px; 
	height:30px; 
	background:#7a4490; 
	padding-left:10px; 
	line-height:29px;
}

.menu a.catalog, .menu a.catalog:visited {
	line-height:23px;
}


/*Change these colors to SOMETHING NICE!*/
.menu a.catalog, .menu a.catalog:visited {
	background:#eeeabc;
	border:#7a4490 3px solid;
	color:#7a4490;
	width:78px;
	height:24px;
} 
.menu a.catalog:hover {
	background:#8c5b9d;
	border:#40244c 3px solid;
	color:#fff;
	width:78px;
	height:24px;

} 

/*.menu li.catalog {
	width:68px;
	height:28px;
}*/



/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:90px;
w\idth:78px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#6f5da3;
}
.menu ul ul :hover > a.drop {
background:#da96d8;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#d4d8bd;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:79px;
	font-weight:normal;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:90px; 
top:0;
width:90px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:79px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:90px;
w\idth:79px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#8c5b9d;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#8c5b9d;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

.content {
	margin-top:121px;
	*margin-top:61px;
	_margin-top:61px;
	color:#7a4490;
	background:#d8ff87;
	/*background:#cec4df;*/
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	width:704px;
	overflow:auto;
	/*min-height:450px;*/
}

.content p {
	margin-bottom:10px;
}

.content a:link {
	color:#7a4490;
}

p.welcome{
	margin-bottom:20px;
}

.links-lists {
	font-weight:bolder;
	text-align:center;
	margin-bottom:30px;
}

.meat {
	margin-left:160px;
	margin-right:120px;
}

.meat ul {
	list-style-position:inside;
}

.meat p.staff_photos {
	padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
	height:106px;
	font-size:small;
	font-weight:normal;
}

.meat p.staff_photos:first-line {
	font-weight:bolder;
	font-size:larger;
}

#feature {
	padding:3px;
	border: solid #7a4490 2px;
	margin-bottom:20px;
	margin-right:40px;
}

#feature-two {
	padding:3px;
	border: solid #7a4490 2px;
	margin-bottom:20px;
	margin-right:40px;
}

#feature-three {
	padding:3px;
	border: solid #7a4490 2px;
	margin-bottom:20px;
	margin-right:40px;
}


#feature img {
	float:left;
	margin:3px;
}

#feature-head {
	display:block;
	padding-left:3px;
	text-transform:uppercase;
	font-style:italic;
	border-top: solid #7a4490 2px;
	border-left: solid #7a4490 2px;
	border-right: solid #7a4490 2px;
	background:#ffffe0;
	margin-right:40px;
}

#feature-head-two {
	display:block;
	padding-left:3px;
	text-transform:uppercase;
	font-style:italic;
	border-top: solid #7a4490 2px;
	border-left: solid #7a4490 2px;
	border-right: solid #7a4490 2px;
	background:#ffffe0;
	margin-right:40px;
}

#feature-head-three {
	display:block;
	padding-left:3px;
	text-transform:uppercase;
	font-style:italic;
	border-top: solid #7a4490 2px;
	border-left: solid #7a4490 2px;
	border-right: solid #7a4490 2px;
	background:#ffffe0;
	margin-right:40px;
}

#mission {
	font-style:oblique;
	font-size:smaller;
}

.photos {
	float:left;
	width:150px;
}

.photos img {
	margin:10px;
}

#button {
	width:120px;
	float:right;
	margin-top:20px;
}

#button #myspace {
	margin-top:30px;
	margin-left:15px;
}

#button #blogger {
	margin-top:30px;
	margin-left:15px;
}

#button #jccf {
	margin-top:30px;
}	

#hold-button, #renew-button {
	float:right;
	text-align:center;
	font-weight:bold;
	font-size:smaller;
	border-width:10px;
	border-style:solid;
	border-color:#7a4490;
	margin-right:3px;
	margin-top:15px;
	padding:3px;
	line-height:80%;
	background-color:#ffffe0;
	width:65px;
}

#hold-button a, #renew-button a {
	color:#7a4490;
	text-decoration:none;
}

#hold-button:first-line {
	font-size:small;
}

#renew-button:first-line {
	font-size:small;
}

#best-sellers {
	font-size:smaller;
	font-weight:bold;
	width:114px;
	display:block;
	color:#973953;
	background:#ffffe0;
	margin:10px;
	padding:3px;
}

#suggestions {
	font-size:smaller;
	font-weight:bold;
	width:114px;
	display:block;
	color:#973953;
	background:#ffffe0;
	margin:10px;
	padding:3px;
}

#staff-picks {
	font-size:smaller;
	font-weight:bold;
	width:114px;
	display:block;
	color:#973953;
	background:#ffffe0;
	margin:10px;
	padding:3px;
}

#staff-picks.staffpage {float:right}

#contact {
	margin-top:8px;
	margin-bottom:10px;
	font-size:smaller;
	text-align:center;
	color:#868666;
	clear:both;
	background:#d8ff87;
	/*background:#cec4df;*/
	width:724px;
}

#contact a {
	color:#7a4490;
}

#collections, #policies {
	list-style:square;
	list-style-position:inside;
	margin-top:10px;
	margin-left:10px;
}



/*NEW STYLES ADDED HERE!*/
.referncelinkdescription p, .referncelinkdescription img, .referncelinkdescription h4, .referncelinkdescription a {
	margin:0;
	padding:0;
	border:none;
}

div.referncelinkdescription {
	margin-bottom:10px;
	}



div.referncelinkdescription p.espanol {
	font-style:italic;
}
	



.eventtitle {
	font-variant:small-caps;
	font-style:italic;
	}
	
ul.programexample {
	margin:0px;
	padding:0px;
	list-style:disc;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:20px;
	}

#policieslist, #minuteslist {
	margin:10px 20px;
	font-size:12px;
	font-weight:bold;
	list-style:disc;
}

#policieslist li, #minuteslist li {
	padding:4px 2px;
	}
	
#policy, #minutes {
	margin:20px 0px 10px 10px;
	font-size:12px;
	line-height:15px;
	width:450px;
	height:525px;
	overflow:scroll;
	float:right;
	background:#fff;
	color:#000;
	padding:10px;
	margin:10px;
}

#policy ol, #minutes ol {
	margin-left:25px;
	list-style:decimal;
}

#policy ul, #minutes ul {
	margin-left:25px;
}

#policy ol ol, #minutes ol ol {
	margin-left:15px;
	list-style:lower-alpha;
}

#policy *, #minutes * {
	padding-bottom:5px;
}

#policy ul.datesreviewed {
	border-top:#000 1px solid;
	list-style:none;
	margin-left:0px;
}

#policy ul.datesreviewed li {
	padding-bottom:0px;
}

dl#hours dt {
	margin-top:10px;
	font-weight:bold;
}
	
ul#bestsellers {
	list-style:none;
}

ul#sitemap * {list-style:none;}
ul#sitemap a {text-decoration:underline;}
ul#sitemap li {margin-left:10px;}
ul#sitemap li li {margin-left:20px;}
ul#sitemap li li li {margin-left:30px;}

ul.boardlinks {
	margin-left:10px;
	width:125px;
	float:right;
	
	}
	
.meat p.board_photos {
	padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
	height:175px;
	font-size:x-small;
	font-weight:normal;
}

.meat p.board_photos:first-line {
	font-weight:bolder;
	font-size:larger;
}

div#reference-links {
	width:200px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;
}


div#parental-links {
	width:250px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;

}


div#local-links {
	width:200px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;

}


div#local-links li {
	padding-bottom:5px;
	padding-left:5px;
	list-style:none;
}
	
div#parental-links dd, div#reference-links dd  {
	padding-bottom:5px;
	padding-left:10px;
}

div#parental-links dt, div#reference-links dt  {
	padding-top:5px;
}

.address {
	color:#433D4B;
}