/* eolib.org   |   screen.css   |   9/24/09 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: #e7e4d5 url(../images/body-bg.jpg) 0 0 repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 960px; 
	text-align: left; 
	margin: 0 auto;
	background: #fff url(../images/wrap-bg.jpg) 0 0 repeat-y; 
	position: relative;
	}
	
h1 a {
	float: left;
	text-indent: -9999em;
	display: block;
	width: 123px;
	height: 118px;
	background: url(../images/logo.png) 0 0 no-repeat;
	margin: 15px 0 15px 10px;
	}
	
#logo-text {
	float: left;
	margin: 40px 0 0 30px;
	}
	
.print-logo { display: none; }

#header {
	width: 960px;
	background: url(../images/header-bg.jpg) 0 0 no-repeat;
	float: left;
	}
	
#login {
	float: left;
	width: 195px;
	margin: 0 0 2px 243px;
	}
	
* html #login {
	float: left;
	width: 195px;
	margin: 0 0 2px 233px;
	}
	
input { 
		float: left;
		margin: 10px 8px 0 0; 
		}
	
input.red-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) 0 0 no-repeat;
	border: 0;
	margin: 7px 0 0 0;
	}
	
input.red-circle:hover { background: url(../images/circle-btn.png) -58px 0 no-repeat; }
	
#support-btn {
	background: url(../images/support-library-btn-bg.jpg) 0 0 no-repeat;
	display: block;
	width: 141px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 2px;
	}
	
a:visited#support-btn { color: #fff; }

a:hover#support-btn { background: url(../images/support-library-btn-bg.jpg) -141px 0 no-repeat; }

a.my-account {
    font-size: 1.2em;
    color: #407d90;
    text-decoration: underline;
    font-weight: bold;
    margin: 21px 0 0 0;
    float: left;
    }
    
a:visited.my-account { color: #407d90; }

a:hover.my-account { color: #87210b; }

#nav {
	width: 772px;
	float: left;
	margin: 6px 0 0 46px;
	}
	
* + html #nav { margin: 6px 0 0 46px; }

* html #nav { 
	width: 769px; 
	margin: 6px 0 0 46px;
	}
	
#nav li {
	list-style: none;
	text-transform: uppercase;
	font-size: 14px;
	float:left;
	}
	
#nav li a {
	color: #fff;
	text-decoration: none;
	padding: 14px 18px 32px 18px;
	float: left;
	}
	
#nav li a:visited { color: #fff; }

#nav li a:hover { background: url(../images/nav-bg.jpg) 0 0 repeat-x; }

#nav li a.active { background: url(../images/nav-bg.jpg) 0 0 repeat-x; }

#rotatebox {
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	width: 960px;
	height: 262px;
	background: no-repeat;
	overflow: hidden;
	clear: both;
	}
	
#SlideShow {
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	}
	
#spacer {
	display: block;
	width: 960px;
	height: 35px;
	background-color: #fff;
	float: left;
	}
	
#sidebar {
	background: url(../images/sidebar-bg.jpg) 0 0 no-repeat;
	width: 170px;
	position: absolute;
	top: 200px;
	left: 0;
	min-height: 380px;
	}
	
#sidebar img.title-sidebar { margin: 20px 0 20px 10px; }
	
#sidebar img { margin: 0 0 15px 10px; }

#sidebar p {
	font-size: 1.2em;
	color: #fdf4e8;
	margin: 0 10px 10px 10px;
	line-height: 18px;
	}
	
#sidebar a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	}
	
#sidebar a.learn { width: 82px; float: left; margin: 5px 0 0 35px; float: left; }
	
#sidebar a:visited { color: #fff; }

#sidebar a:hover { text-decoration: underline; }

#sidebar .sub-nav { 
	margin: 0 10px 10px 10px;
	float: left;
	width: 120px;
	}

#sidebar .sub-nav li { 
	list-style: none; 
	font-size: 1.0em;
	}
	
#sidebar .sub-nav li a {
	display: block;
	margin-bottom: 8px;
	}
	
#sidebar .sub-nav a:visited { color: #fff; }

#sidebar .sub-nav a:hover { text-decoration: underline; }

#sidebar .sub-nav a.active { color: #62c0dd; }

#sidebar a.red-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) 0 0 no-repeat;
	border: 0;
	margin: 0;
	float: left;
	}
	
#sidebar a.red-circle:hover { background: url(../images/circle-btn.png) -58px 0 no-repeat; }
	
#copy-wrap h2 { 
	text-indent: -9999em;
	display: block;
	height: 40px;
	margin: 20px 0 0 0;
	}
	
#copy-wrap {
    float: left;
    margin: 0 0 20px 186px;
    width: 760px;
    }
    
* html #copy-wrap {
    float: left;
    margin: 0 0 20px 92px;
    width: 760px;
    }
	
#home-copy { width: 200px;}
	
#copy-wrap h2.about { background: url(../images/about-title.jpg) 0 0 no-repeat; margin: 0 ; }
#copy-wrap h2.adults { background: url(../images/adults-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.teens { background: url(../images/teens-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.children { background: url(../images/children-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.friends { background: url(../images/friends-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.mblf { background: url(../images/mblf-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.contact { background: url(../images/contact-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.adult-blog { background: url(../images/adult-blog-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.teen-blog { background: url(../images/teen-blog-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.children-blog { background: url(../images/children-blog-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.error-404 { background: url(../images/404-title.jpg) 0 0 no-repeat; margin: 0; }
#copy-wrap h2.error-500 { background: url(../images/500-title.jpg) 0 0 no-repeat; margin: 0; }
	
#copy-wrap h2.title-home {
	background: url(../images/home-title.jpg) 0 0 no-repeat;
	margin: 20px 0 0 0;
	width: 400px;
	text-indent: -9999em;
	}
	
#copy-wrap h3 {
    font-size: 1.3em;
    color: #407d90;
    text-transform: uppercase;
    margin-bottom: 5px;
    }
	
#copy-wrap p { 
	font-size: 1.3em;
	margin: 0 10px 10px 0;
	line-height: 18px;
	}
	
#copy-wrap ul {
	margin: 0 0 10px 15px;
	}
	
#copy-wrap li { 
	list-style: disc;
	font-size: 1.3em;
	padding-bottom: 10px;
	}
	
#copy-wrap li a {
	color: #88210c;
	text-decoration: underline;
	font-weight: bold;
	width: 90px;
	}
	
#copy-wrap li a:visited { color: #999; }

#copy-wrap li a:hover { color: #999; }
	
.right {
	margin: 0 15px 15px 15px;
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	}
	
.left {
	margin: 0 15px 15px 0;
	padding: 3px;
	border: #ccc solid 1px;
	float: left;
	}
	
#copy-wrap p a {
	color: #88210c;
	text-decoration: underline;
	font-weight: bold;
	width: 90px;
	}
	
#copy-wrap p a:visited { color: #999; }

#copy-wrap p a:hover { color: #999; }
	
#copy-wrap p.home { 
	font-size: 1.3em;
	width: 410px;
	line-height: 16px;
	}
	
#copy-wrap p.home a {
	color: #88210c;
	text-decoration: none;
	font-weight: bold;
	width: 90px;
	float: left;
	margin: 5px 0 0 280px;
	}
	
#copy-wrap p.home a:visited { color: #88210c; }

#copy-wrap p.home a:hover { text-decoration: underline; }

#copy-wrap p.home a.red-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) 0 0 no-repeat;
	border: 0;
	margin: 0;
	}
	
#copy-wrap p.home a.red-circle:hover { background: url(../images/circle-btn.png) -58px 0 no-repeat; }

#magnet-01 { 
	margin: 40px 19px 20px 0; 
	float: left;
	width: 240px;
	background: url(../images/magnet-bg.jpg) 0 0 repeat-x;
	clear: both;
	}

#magnet-02 { 
	margin: 40px 19px 20px 0; 
	float: left;
	width: 240px;
	background: url(../images/magnet-bg.jpg) 0 0 repeat-x;
	}
	
#magnet-03 { 
	margin: 40px 0 20px 0; 
	float: left;
	width: 240px;
	background: url(../images/magnet-bg.jpg) 0 0 repeat-x;
	}
	
#magnet-01 h2, #magnet-02 h2, #magnet-03 h2 { display: none; } 
	
#magnet-01 img, #magnet-02 img, #magnet-03 img { margin: 12px 0 12px 12px; }

#magnet-01 img.magnet-header, #magnet-02 img.magnet-header, #magnet-03 img.magnet-header { margin: 0; }

#magnet-01 p, #magnet-02 p, #magnet-03 p { 
	margin: 0 10px 10px 12px;
	color: #407d91;
	font-size: 1.3em;
	}
	
#magnet-01 a.learn, #magnet-02 a.learn, #magnet-03 a.learn {
	color: #88210c;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0 0 100px;
	width: 90px;
	float: left;
	}
	
#magnet-01 a:visited.learn, #magnet-02 a:visited.learn, #magnet-03 a:visited.learn { color: #88210c; }

#magnet-01 a:hover.learn, #magnet-02 a:hover.learn, #magnet-03 a:hover.learn { text-decoration: underline; }
	
#magnet-01 a.purple-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) -29px 0 no-repeat;
	border: 0;
	margin: 0;
	float: left;
	}
	
#magnet-01 a:hover.purple-circle { background: url(../images/circle-btn.png) 0 0 no-repeat; }

#magnet-02 a.green-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) -58px 0 no-repeat;
	border: 0;
	margin: 0;
	float: left;
	}
	
#magnet-02 a:hover.green-circle { background: url(../images/circle-btn.png) -29px 0 no-repeat; }

#magnet-03 a.red-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) 0 0 no-repeat;
	border: 0;
	margin: 0;
	float: left;
	}
	
#magnet-03 a:hover.red-circle { background: url(../images/circle-btn.png) -58px 0 no-repeat; }

p.footer {
	clear: both; 
	width: 960px;
	background-color: #1b0919;
	padding: 15px 0 5px 0;
	text-align: center;
	margin: 0;
	font-size: 11px;
	color: #ccc;
	}
	
p.winter-hours {
	clear: both; 
	width: 960px;
	background-color: #1b0919;
	padding: 0 0 5px 0;
	text-align: center;
	margin: 0;
	font-size: 11px;
	color: #ccc;
	}
	
p.footer a, p.last a { color: #ccc; text-decoration: none; }

p.footer a:visited, p.last a:visited { color: #ccc;}

p.footer a:hover, p.last a:hover { text-decoration: underline; }
	
p.summer-hours {
	clear: both; 
	width: 960px;
	background-color: #1b0919;
	padding: 0 0 15px 0;
	text-align: center;
	margin: 0;
	font-size: 11px;
	color: #ccc;
	}
	
p.last {
	clear: both; 
	width: 960px;
	background-color: #1b0919;
	padding: 0 0 15px 0;
	text-align: center;
	margin: -10px 0 0 0;
	font-size: 11px;
	color: #ccc;
	}

a.pdf, p a.pdf {
    background: url(../images/pdf.jpg) 0 0 no-repeat;
    padding-left: 25px;
    }
	
.adult-blog-holder { margin: 0 0 20px 0; border-top: #eee solid 1px; }

.teen-blog-holder { margin: 0 0 20px 0; border-top: #eee solid 1px; }

.children-blog-holder { margin: 0 0 20px 0; border-top: #eee solid 1px; }
	
/*   START SLIDER    */
#slider {
    width: 351px;
    margin: 0 auto;
    position: absolute;
	top: 401px;
	left: 609px;
	}

.scroll {
    height: 198px;
    width: 351px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #fff
	}

.scrollContainer div.panel {
    width: 351px;
	height: 198px;
	}

ul.navigation { margin: 0; }

ul.navigation li {
    background: url(../images/slider-tab.png) 0 0 no-repeat;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	list-style: none;
	margin-right: 9px;
	padding: 0;
	}
	
ul.navigation li.last { margin-right: 0;}

ul.navigation li a {
    color: #fff;
    text-decoration: none;
	display: block;
	height: 25px;
	width: 111px;
	text-align: center;
	padding-top: 10px;
	}
	
ul.navigation a:visited { color: #fff; }

ul.navigation a:hover { background: url(../images/slider-tab.png) -111px 0 no-repeat; }

ul.navigation a.selected { background: url(../images/slider-tab.png) -111px 0 no-repeat; }

ul.navigation a:focus { outline: none; }

#section01 { background: url(../images/slider-01.jpg) 0 0 no-repeat; }

#section02 { background: url(../images/slider-02.jpg) 0 0 no-repeat; }

#section03 { background: url(../images/slider-03.jpg) 0 0 no-repeat; }

#slider a.red-circle {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/circle-btn.png) 0 0 no-repeat;
	margin: 155px 0 0 310px;
	}
	
#slider a:hover.red-circle { background: url(../images/circle-btn.png) -58px 0 no-repeat; }
/*    END SLIDER   */

p.clear { 
	clear: both; 
	height: 0;
	}
	
hr {
	color: #666;
	border: 0;
	background-color: #ccc;
	height: 1px;
	clear: both;
	width: 100%;
	margin: 15px 0;
	}
	
* html p.clear { display: none; }

/*Search Results Page */
body.search-results { background: #fff url(../images/search-bg.jpg) 0 0 repeat-x; }