@charset "utf-8";
/* CSS Document */
html{color:#ccd6e3;  background:#ccd6e3;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}
body  {
	font: Arial, Helvetica, sans-serif;
background:#ccd6e3;
color:#849cbc;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;

width: 850px;
	background: #ffffff;
	border: solid thin #7798BB; 
-moz-border-radius: 1.5em;
-webkit-border-radius: 1.5em;
border-radius: 1.5em;
margin-top: .5em;
}

#header {
	margin: 0 0 .25em 0;
border-bottom: medium red solid;
padding-top: .5em;
}
.hide{visibility: hidden; display: none;}
.text{display: inline;visibility: visible;}
.text46935{visibility: hidden; display: none;}
.choose *{visibility: hidden; display: none;}

.choose 46935{display: inline;visibility: visible;}

.choose 42472{display: inline;visibility: visible;}
.mail48941{display: none;visibility: hidden;}
.mail22843{display: none;visibility: hidden;}
.mail22831{display: none;visibility: hidden;}
.mail26219{display: none;visibility: hidden;}
.mail46935{display: none; visibility: hidden;}
.text22849{display: none;visibility: hidden;}}
.mail23217{display: none;visibility: hidden;}
.mail22834{display: none;visibility: hidden;}
.mail38357{display: none;visibility: hidden;}
.mail22856{display: none;visibility: hidden;}
.mail42471{display: none;visibility: hidden;}
.mail22821{display: none;visibility: hidden;}
.mail42472{display: none;visibility: hidden;}	
.address26219{display: none;visibility: hidden;}	
.chooseYes{display: none;visibility: hidden;}	
.chooseChooseLibrary{display: inline;visibility: visible;}
.noAddress{display: none;visibility: hidden;}
.noPhone{display: none;visibility: hidden;}
.NoleHack49061{display: none;visibility: hidden;}    
.suckerdiv NoleHack49061{display: none;visibility: hidden;}
.nolebutton22824{display: none;visibility: hidden;}
.nolebutton49861{display: inline;visibility: visible;}

.aalLogo{margin-left: .5em;}
.localLogo{float: right; margin-right: 2em;}
.cclaLogo{float: right; margin-right: 2em;}
#side-a {
	float: left;
	width: 275px;
	margin-top: 5em;
}
#side-b { 
	margin: 0;
	float: left;
	width: 575px;
	height: 1% /* Holly hack for Peekaboo Bug */
}
#frame{
	margin: 0px;
	 padding: 0px;
	 width: 480px;
	  height: 323px;
}
#frame2011{
	margin: 0px;
	 padding: 0px;
	 width: 480px;
	  height: 410px;
}
.home#frame{
	margin: 0px;
    margin-bottom: 2em;
	 padding: 0px;
	 width: 480px;
	  height: 323px;
}
#footer {
	clear: both;
	padding: 0px;
}
.footerText{padding-left: 1em; padding-right: 1em; padding-top: .25em; padding-bottom: .5em; font-size: .9em; text-align: center;}
#address{text-align: center; margin-top: 1.5em; padding-top: 2em; padding-left: 0px; padding-right: .5em;}
.buttons{text-align: right;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
h1{font-size: 125%; color: #043474; font-weight: 700;text-align: left;}
h2{font-size: 115%; color: #043474; font-weight: 700;text-align: left;}
h3{font-size: 113%; color: #043474; font-weight: 700;text-align: left;}
h4{font-size: 110%; color: #043474; font-weight: 700;text-align: left;}
h5{font-size: 105%; color: #043474; font-weight: 700;text-align: left;}
h6{font-size: 100%; color: #043474; font-weight: 600;text-align: left;}
a:link {color: #043474; text-decoration: underline; font-weight:600; } /* unvisited link */
a:visited {color: #043474; text-decoration: underline; font-weight:600; } /* visited link */
a:hover {color: #e52425; text-decoration: underline; font-weight:600; } /* the mouse "hovers" over the link */
a:active {color: #e52425; text-decoration: underline; font-weight:600; }


.suckerdiv ul li a{
margin-left: 103px;
	display: block;
	overflow: auto;
	font-weight: 600;
	color: #003273;
	text-decoration: none;
	background-image: url(http://www.askalibrarian.org/images/ChatBTN200x37.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
    
}
.suckerdiv ul li a:visited{
display: block;
	overflow: auto;
	font-weight: 600;
	color: #003273;
	text-decoration: none;
background-image: url(http://www.askalibrarian.org/images/ChatBTN200x37.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
}
.suckerdiv ul li a:hover{
	z-index: 100;
	color: #ffffff;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	background-image: url(http://www.askalibrarian.org/images/ChatRLVR.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
}
.alignCenter{text-align: center;}
#localFrame{float: right; margin: 0px; padding: 0px;}
#pscroller1{
	width: 750px;
	height: 30px;
	font-size: 11px;
	padding-right: 1em;
	padding-left: 1em;
}
#pscroller1 a:link {color: #000000; text-decoration: none; font-weight:normal; font-weight: 600;} /* unvisited link */
#pscroller1 a:visited {color: #000000; text-decoration: none; font-weight:normal;font-weight: 600; } /* visited link */
#pscroller1 a:hover {color: #000000; text-decoration: none; font-weight:normal; font-weight: 600;} /* the mouse "hovers" over the link */
#pscroller1 a:active {color: #000000; text-decoration: none; font-weight:normal; font-weight: 600;}
.faqAbout{text-align: right; margin-right: 10em; margin-top: 0px; margin-bottom: .5em;}
#questions{border-bottom: solid medium red; border-top: solid medium red; margin: 0px; padding: 0px; width: 100%;}
#content {
	width: 350px;
	margin: 30px auto;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}
#containerAbout{padding: 2em; max-width: 525px; }
.desktopOnly{visibility: visible; display: block;}
.phoneOnly{visibility: hidden; display: none;}\
.holiday{padding-left: 1em; padding-right: 1em; text-align: justify; text-justify: newspaper; border: dotted medium #444444; color: #444444;}
.hide{display: none;
	visibility: hidden;}
.hideES{
	display: inline;
	visibility: visible;
}

.textCustom{display: none;
	visibility: hidden;} 
.textCustomjpl{
display: inline;
	visibility: visible;   
    
@media (max-width: 768px) {

#wrapper {	
	max-width: 750px;	
}
#side-a {
	float: left;
	width: 150px;
	margin-top: 5em;
}
#side-b { 
	margin: 0;
	float: left;
	width: 450px;
	height: 1% /* Holly hack for Peekaboo Bug */
}
.suckerdiv ul li a{
margin-left: .5em;
	display: block;
	overflow: auto;
	font-weight: 600;
	color: #003273;
	text-decoration: none;
	background-image: url(http://www.askalibrarian.org/images/ChatBTN200x37.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	padding-top: 10px;
	padding-left: .25em;
}
.suckerdiv ul li a:visited{
display: block;
	overflow: auto;
	font-weight: 600;
	color: #003273;
	text-decoration: none;
background-image: url(http://www.askalibrarian.org/images/ChatBTN200x37.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	padding-top: 10px;
	padding-left: .25em;
}
.suckerdiv ul li a:hover{
	z-index: 100;
	color: #ffffff;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	background-image: url(http://www.askalibrarian.org/images/ChatRLVR.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	padding-top: 10px;
	padding-left: .25em;
}


}

.serviceInterruption{color: #000000; border: solid medium red;padding: 1em;}