/* 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;
	}




/* iPad Page Specific styles */
/*---------------------------------------------------------------- */
#header-ipad {
	width: 960px;
	background: url(../images/header-bg-ipad.jpg) 0 0 no-repeat;
	float: left;
}
#content-wrap-ipad {float:left;width:960px;}
#content-ipad {
	float:left;
	width:960px;
	min-height:400px;
	padding:0;
	color:#333;
	margin-top: 25px;
	border-top:#999 0px solid;
	background-color: #e7e4d5;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -173px;
}
#content-ipad a.ipad {color: #fff;border-bottom:none;}
#content-ipad a.ipad:hover {color: #fff;border-bottom:none;}
#content-ipad a.ipad:visited {color: #fff;border-bottom:none;}
#content-ipad span {
	font-size:48px;
	position:relative;
	top:-150px;
	margin:0 30px;
	}
#content-ipad div.ipad {margin: 20px auto;width:700px}
#content-ipad h2 {margin: 0 15px 15px 15px;font-size:25px;border-bottom:2px solid #000;padding-top:10px;}
#content-ipad p {margin: 0 15px 10px 0px;font-size:20px;text-align:center;}

#pref-div {float:right;margin-top:10px;}
#pref-div label {position:relative;top:6px;font-size:16px;}

/*---------------------------------------------------------------- */
/* End iPad Page Specific styles */


#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: 780px;
	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: 300px;
	background: no-repeat;
	overflow: hidden;
	clear: both;
	margin-bottom:10px;
	background:#000;
	}
	
#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 { }
	
#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.show {text-indent:0;font-size:26px;color:#8E210A;}	

.investing .magnet-header {margin-bottom:5px;}

#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;
	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; }

#facebook {width:359px;border:1px solid #405C97;height:150px;margin-top:50px;float:right;}
/*  IE6 & 7 */
*:first-child+html #facebook {margin-top:60px}
* html #facebook {margin-top:60px}
#facebook #fb-title {background:#5D75A9;padding:5px;}
#facebook h3 {color:#fff;margin:0 0 0 25px;}
#facebook #fb-content-wrap {height:124px;overflow:auto;}
#facebook #fb-content {padding:10px;}

#adult-blog {width:370px;border:1px solid #ccc;height:150px;margin-top:60px;}
#adult-blog h3 {color:#666;margin:0 0 0 25px;}
#adult-blog #adult-blog-title {background:#ddd;padding:5px;}
#adult-blog-content-wrap {height:124px;overflow:auto;}
#adult-blog #adult-blog-content {padding:10px;}

*:first-child+html #sm-icons {margin-top:20px;}
#sm-icons {width:150px;margin:10px auto;padding:17px 0 10px;border-top:1px solid #30606F;border-bottom:1px solid #30606F;}
#sm-icons img {color:inherit;border:none;margin:0;}
#sm-icons a {margin-right:3px;}
#sm-icons a.last {margin-right:0px;}
#sm-icons #mobile {position:relative;right:5px;width:150px;margin-top:10px;}
#sm-icons #mobile a.pic {height:67px;width:69px;}
#sm-icons #mobile p {float:right;font-size:10px;margin:5px 0 0;width:70px;}

#facebook #fb-title, #adult-blog #adult-blog-title {height:16px;}
#facebook #fb-title .mag-icon, #adult-blog #adult-blog-title .mag-icon {float:left;position:relative;bottom:2px;right:2px;}

#adult-blog-content-wrap ul, #facebook #fb-content-wrap ul {margin-left:0;}
#adult-blog-content-wrap li, #facebook #fb-content-wrap li {padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #eee;list-style:none;}

#adult-blog-content-wrap li.adult a {color:#6B6859;}
#adult-blog-content-wrap li.children a {color:#1B0919;}

#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; }

#fader {
z-index:0;
}
/*    END SLIDER   */

p.clear,br.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; }