html {font-size:100%;}

#socialreport {
	height:0;
	line-height:0;
	display:block;
}

#socialreport img {
	display:block;
}

#logo {
width: 30%;
float: left;
max-width: 254px;
height: 92px;
margin-left: 2%;
}

#logo img {
	border:none;
}
#bodydiv {
	width: 100% !important;
	width:960px;
    max-width: 960px;
    margin: 0 auto;
    padding: 0px;
    background: white;
    background-color: rgba(255, 255, 255, .95);
    height: 100%;
    /* box-shadow: 0 0 1px 7px #FFFFFF; */
    box-shadow: 0 3px 10px 0px rgb(139, 145, 146);
    border-radius: 1px 1px 2px 2px;
	text-align:left;
}

body {
	background-color: rgb(244, 250, 255);
    margin-top: 3px;
    margin-bottom: 3px;
    margin: 0;
    padding: 0;
	background:url(../img/responsive/satinweave3.png) repeat;
}

.maintext a {
color: rgb(16, 37, 185);
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a:visited
{
 color: #6600CC;
}

a:hover
{
 color: #339900;
}

img {
	max-width:100%;
}

#banner {
margin: auto;
width: 100%;
padding: 0px;
border: none;
height: 133px;
background: rgb(20, 94, 151);
background: rgba(20, 94, 151, 0.8);
background: rgb(211, 231, 255);
}

#bannerinner {
margin: 0 auto;
width: 100% !important;
width: 962px;
max-width: 962px;
padding-top: .3em;
font-size: 1em;
height: 130px;
box-shadow: 0px -1px 4px 0px rgb(224, 249, 255);
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgba(254, 254, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 70%,rgba(254, 254, 255, 0.9) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254, 254, 255, 0.9)), color-stop(70%,rgba(255, 255, 255, 0.9)), color-stop(99%,rgba(254, 254, 255, 0.9)));
background: -webkit-linear-gradient(top, rgba(254, 254, 255, .9) 0%,rgba(255, 255, 255, 0.9) 70%,rgba(254, 254, 255, 0.9) 99%);
background: -o-linear-gradient(top, rgba(254, 254, 255, 0.9) 0%,rgba(255, 255, 255, 0.99) 70%,rgba(254, 254, 255, 0.9) 99%);
background: -ms-linear-gradient(top, rgba(223, 223, 223, 0.5) 0%,rgba(157, 168, 180, 0.5) 71%);
background: linear-gradient(to bottom, rgba(254, 254, 255, .95) 0%,rgba(255, 255, 255,1.0) 4%, rgba(255,255,255,1.0) 97%,rgba(254, 254, 255, 0.95) 100%);
}

#banner2 {
	 max-width: 960px;
width: 100%;
height: 50px;
text-align: right;
margin: 0 auto;
padding-bottom: 0;
margin-top: 114px;
}

#bottombar {
	height: 50px;
text-align: center;
position: absolute;
left:0px;
width: 100%;
background: rgb(209,224,235);
background: -moz-linear-gradient(top, rgba(223, 223, 223, 0.5) 0%,rgba(157, 168, 180, 0.5) 71%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223, 223, 223, 0.5)), color-stop(71%,rgba(157, 168, 180, 0.5)));
background: -webkit-linear-gradient(top, rgba(223, 223, 223, 0.5) 0%,rgba(157, 168, 180, 0.5) 71%);
background: -o-linear-gradient(top, rgba(223, 223, 223, 0.5) 0%,rgba(157, 168, 180, 0.5) 71%);
background: -ms-linear-gradient(top, rgba(223, 223, 223, 0.5) 0%,rgba(157, 168, 180, 0.5) 71%);
background: linear-gradient(to bottom, rgba(223, 223, 223, 0.5) 0%,rgba(157, 168, 180, 0.5) 71%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3990d3', endColorstr='#0c5fb7',GradientType=0 );
background-color: rgba(22, 22, 22, 0.2);
margin-top:10px;
}

.TW {
  background: url(http://hcplibrary.org/img/topworkplaces/white_small.png) no-repeat;
  height: 72px;
  width: 173px;
  float: left;
  top: -8px;
  position: absolute;
}

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}  

.maintext
{
 font-family: 'Arimo', Verdana, Helvetica, sans-serif;
 font-size: 1em;
 text-shadow: 0 0 1px rgba(0,0,0,0.1);
 max-width:960px; 
 height:100%; 
 margin:0; 
 padding:0;
 line-height:1.47;
}

.mainpage {
	padding-top:20px;
	padding-bottom:20px;
	width:63%;
	height:100%;
	float:left;
	display:inline;
}

/*
.maintext strong, em, b, i {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}*/


.biggreenlink a
{
 font-size: 1.25em;
 font-weight: bold;
 font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana Arial, Helvetica, sans-serif;
 color: #68ad3a;
 text-decoration: none;
}

.biggreenlink a:visited {
	 color: #77b74d;
}


.biggreenlink a:hover {
	text-decoration:underline;
	font-size:1.25em;
}


.mainpad {
	padding-left:2.2%;
	padding-right:2.2%;
	margin-top:1.1%;
}


.wordbreak
{
  max-width:524px;
  word-wrap: break-word;
}

.nobr	{ white-space:nowrap; }

.address
{
  margin:0px;
  padding:0px;
  float:left; 
  margin-left:200px;
  text-align:right;
  vertical-align:bottom;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  color:#0A57A4;
  font-weight:bold;
  font-style:oblique;
}

.address2
{
  margin:0px;
  padding:0px;
  text-align:right;
  vertical-align:bottom;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  color:#0A57A4;
  font-weight:bold;
  font-style:oblique;
}

.address900 {
margin: 0px;
padding: 0px;
margin-left: 1%;
margin-top: 12px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #0A57A4;
font-weight: bold;
font-style: oblique;
clear: left;
width: 350px;
float: left;
}

.addressref
{
  margin:0px;
  padding:0px;
  margin-right:4px;
  text-align:right;
  vertical-align:bottom;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:.6em;
  color:#0A57A4;
  font-weight:bold;
  font-style:oblique;
  padding-top:25px;
}

.social {
margin: 0;
padding: 0;
margin-right: .4em;
text-align: right;
vertical-align: bottom;
height: 30px;
float: right;
width: 11%;
min-width: 110px;
}

.social img {
	border:none;
	margin-top:2px;
}

#mobilephone {
	display:none;
	visibility:hidden;
}

#search {
float: right;
clear: right;
max-width: 320px;
width: 50%;
height: 50px;
padding: 10px 5px 10px 5px;
margin: 0px;
margin-top: 29px;
background: rgb(244, 244, 255);
background: rgba(244,244,255,.8);
border-radius: 10px 0px 2px 0px;
color: #000000;
}


#searchForm {
	vertical-align:bottom; 
	/*width:498px;*/ 
	float:right;
	margin:0px;
	padding:0px;
	font: .95em Arial, sans-serif;
}

.clearleft {
	clear:left;
	padding:0;
	margin:0;
}

#search label {
	float:left;
	padding-top:0px;
	position:relative;
	top:3px;
}

#search label, #search select {
	font: .95em Arial, sans-serif;
}


#q {
float: left;
margin-left: 3px;
width: 200px;
font-size: 1.3em;
height: 32px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px groove rgb(108, 176, 206);
}

#s {
float: left;
width: 5em;
text-align: center;
margin: 0 1px 0 1px;
padding: 1px 10px 1px 10px;
font-size: 1em;
height: 32px;
font-family: Arial, sans-serif;
border: 1px solid rgb(8, 165, 96);
cursor: pointer;
background-color: rgb(15, 106, 177);
color: #fff;
letter-spacing: .1em;
font-variant: small-caps;
-webkit-border-radius: 0 13px 13px 0;
-moz-border-radius: 0 12px 12px 0;
border-radius: 0 13px 13px 0;
-moz-box-shadow: rgba(0, 0, 0, .75) 0 0 3px;
-webkit-appearance: none;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
#s:hover, #s:focus {
color:#ffffcc;
/*reduce the spread of the shadow to give a pushed effect*/
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 0px 2px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 0px 2px;
box-shadow: rgba(0, 0, 0, .25) 0 0px 2px;
}
 
 #catalog {
	 float:left;
	 padding-top:0px;
	 position:relative;
	 top:3px;
 }
 
#website {
	margin-left: 9px;
float: left;
padding-top: 0px;
position: relative;
top: 3px;
}

.smallnav {
background: rgb(253, 255, 254);
border-radius: 1px 1px 8px 8px;
border: 1px rgba(163, 182, 218, 1) solid;
border-top: none;
width: 24.2em;
height: 25px;
float: right;
padding-top: 5px;
margin-right: 1%;
margin-top: -.29em;
}

.smallnav ul {
	list-style:none;
	padding:0;
	margin:0;
}

.smallnav  li{
	float:left;
	display:inline;
	text-align:center;
	margin:0;
	padding:0;
	padding-right:8px;
	padding-left:8px;
	line-height:1em;
	padding-top:2px;
}

.smallnav a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border:none;
	color:#039;
	text-decoration:none;
	font-size:14px;
	line-height:1em;
}

.smallnav a:hover {
	font-style:italic;
}

.smallnav a:visited {
	color:#039;
}

#navback {
width: 100%;
height: 3em;
background: rgb(20, 94, 151);
background: rgba(7, 88, 153, 0.6);
border-bottom: 2px rgb(250,170,65) solid;
border-top: 2px rgb(250,170,65) solid;
}

#nav {
max-width: 960px;
width: 99.8%;
height: 2.8125em;
background: rgb(26, 46, 88);
background: rgba(26, 46, 88,.97);
border: 1px rgb(20, 94, 151) solid;
margin: 0 auto;
margin-bottom: 8px;
box-shadow: 0 1px 1px 0 rgb(20, 94, 151);
border-radius: 1px 1px 2px 2px;
padding: 0;
font-size: 1em;
position: relative;
z-index: 10;
}


#nav ul {
	list-style:none;
	width:100%;
	margin:0;
	margin-top:0px;
	padding:0;
	text-align:center;
} 

#nav li {
float: left;
display: inline;
text-align: center;
padding: 0;
padding-top: 5px;
line-height: 1.1em;
height: 2.5em;
border-right: 1px rgb(11, 35, 95) ridge;
border-collapse:collapse;
}

#nav li:hover {
	background:rgb(19, 78, 124);
}

#nav li.navmainlocation {
	width:5em;
	visibility:hidden;
	display:none;
	/*width:87.5px;*/
}

#nav li.navmainlibrary {
	width:128px;
}

#nav li.navmainlibrary a {
	top:0.1em;
}

#nav li.navmainonline {
	width:179px;
}

#nav li.navmainevents {
	width:97px;
}

#nav li.navmainreference {
	width:138px;
}

#nav li.navmainreference a {
		top:0.1em;
}

#nav li.navmainteen{
	width:91px;
}

#nav li.navmainkids {
	width:78px;
}

#nav li.navmainnew {
	width:137px;
}

#nav li.navmaincatalog {
	width:102px;
	border-right:none;
}
#nav a {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	line-height:1.1em;
	margin:0;
	padding:0;
	position:relative;
	top:.6em;
	display:block;
	width:98%;
}

#nav a:hover {
	font-style:normal;
}

#nav a:visited {
	color:#FFFFFF;
}

#nav a#pull {
	display:none;
	width:auto;
}

/*Navigation for Sections */
#subnav {
width: 99%;
max-width: 956px;
height: 35px;
margin: -10px auto 10px auto;
background: rgb(20, 94, 151);
background: rgba(20, 94, 151, 0.9);
border-bottom: groove #3177F3 1px;
box-shadow: 0 1px 1px 0 rgb(20, 94, 151);
border-radius: 1px 1px 3px 3px;
padding: 0;
padding-top: 3px;
position: relative;
z-index: 5;
}

#subnav ul {
	list-style: none;
height: 35px;
margin-top: 0px;
padding: 0;
padding-top: 8px;
text-align: center;
}

#subnav  li{
	float: none;
display: inline;
text-align: center;
margin: 0;
margin-top: 10px;
padding: 0;
padding-top: 8px;
padding-right: 19px;
padding-left: 18px;
line-height: 1em;
}

#subnav a {
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
border: none;
color: white;
text-decoration: none;
font-size: 15px;
line-height: 1em;
}

#subnav a:visited {
	color:white;
}

#subnav a:hover {
	color:#FDDFB7;
	font-style:normal;
}

#subnav a#subpull {
	display:none;
}

#subnav li.subnavmain {
width: 100%;
padding-left: 2%;
border-top: 1px rgb(250,170,65) solid;
background:rgb(26, 46, 88);
display:none;
}

#subnav li.subnavmain a {
font-size: 1.1em;
}
/*End SubNav */

/*Main Page Events */
.sidebarevents {
	width:35%;
	float:left;
	clear:left;
	height:620px;
	padding-top:25px;
}


.red
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px; 
 color: red;
}

.redbig
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px; 
 color: red;
 font-weight: bold;
}

.topannounce {
	margin:0px;
    text-align:center; 
	font-weight:bold; 
	font-size:18px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana Arial, Helvetica, sans-serif;
	color:#E80000;
	margin-bottom:10px;
}

.topannounce a {
    text-decoration:none;
}

.storytext
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 text-indent: 1em;
}


.copyright {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    margin: auto;
    width: 100%;
    max-width: 964px;
    padding-top: .3em;
    font-size: .95em;
    background: rgb(20, 94, 151);
    background: rgba(20, 94, 151, 0.9);
    border-radius: 0 0 5px 5px;
    height: 100%;
    box-shadow: 0 1px 4px 0px rgb(0, 83, 104);
}

.copyright a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: rgb(250,170,65);
}

.copyright a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: rgb(250,170,65);
}

.copyright ul{
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.8;
}

.copyright li{
	display:inline;
	padding-left:2%;
	padding-right:2%;
}

li.mobileshow {
	display:none;
	visibility:hidden;
}

.bottomtext
{
 color: #999999;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}

h1
{
	font-family:'Cantata One', Georgia, serif;	
 	font-size: 2em;
 	font-weight: 400;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding-top:1em;
}

h3 {
	font-size:1.2em;
	font-weight:400;
	background:none;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#000;
	text-align:left;
	margin-top:15px;
	font-family:'Cantata One', Georgia, serif;
}

.header
{
 
 font-size: 20px;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 text-align: center;
 vertical-align: top;
}
 
.subheader
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #000000;
 text-align: center;
 text-decoration: none;
 margin-bottom:0;
}

.tableheader
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #000000;
 text-align: center;
 text-decoration: underline;
 margin-bottom:0;
}

.headertext
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
}

.images
{
 border: 1px solid;
 height: 75px;
 width: 100px;
}

.menulink
{
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
 color: #0000FF;
 text-decoration: none;
}

.itemlink
{
 font-size: 13px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 color: #0000FF;
 text-decoration: none;
}

.itemlink900
{
 font-size: 13px;
 font-weight: bold;
 font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 color: #0000FF;
 text-decoration: none;
 padding-top:2%;
}

.itemlink900 a
{
 font-size: 13px;
 font-weight: bold;
 font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 color: #68ad3a;
 text-decoration: none;
 white-space: nowrap;
 border-left: thin solid rgb(224, 237, 244);
 border-right: thin solid rgb(224, 237, 244);
 padding: 1px 8px;
 display: inline-block;
}

.itemlink900 a:visited
{
 font-size: 13px;
 font-weight: bold;
 font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 color: #77B74D;
 text-decoration: none;
}

.rotatelink
{
 font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #0000FF;
 text-decoration: none;
 margin:0px;
}

.shadowhr
{
 border:#CCCCCC 2px outset;
}
  

.rotatelink:visited
{
  color: #0000FF;
}

.textlink
{
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 color: #0000FF;
}

.spacetext
{
 font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height:  150%;
}

.small-link
{
 font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #0000FF;
}

.small-link2
{
 font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #CFCEF3;
 font-size:14px;
}

.small-link2:hover {color:#A2A2C1;}

.small-link2 a:visited {color:#00CCFF;}

.borderbottom
{
 border-bottom: 2px solid #6d6d6d;
}

.maintable
{
 border: 1px solid #51534e;
 padding: 2px;
 width: 600px;
 border-spacing: 0px;
 vertical-align: top;
}

.subtable
{
 width: 100%;
 padding: 0px;
 border-spacing: 0px;
 vertical-align: top;
}

.linkbar
{
 width: 125px;
 border-bottom:  solid 1.5px #aaaaaa;
 border-left:  solid 1.5px #aaaaaa;
 border-spacing: 0px;
 padding: 0px;
 background-color: #b7b7ff;
}

.linkbar2
{
 border-bottom: 2px solid #6d6d6d;
 border-spacing: 0px;
 padding: 0px;
}

.menuborder
{
 border-spacing: 0px;
 padding: 2px 0px 2px 5px;
 border-bottom:  solid 1px #aaaaaa;
}

.childitemsinner { 
	width:475px;
	text-align:left;
	vertical-align:top;
}

.childitemsouter {
     border-top: groove 2px #000099;
	/*border-bottom: groove 2px #990000; */ 
    width:485px;
}

.childitemname {
 text-align:left;
 font-size:18px;
 color:#0000CC;
 font-weight:bold;
 font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 margin:0px;
 background:none;
}

.childitem {
 text-align:left;
 vertical-align:top;
}


h2  {
 font-family: 'Arimo', Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 text-align: left;
 margin-left:5px;
 margin-bottom:5px;
 vertical-align: top;
 width:250px;
 background: url('http://www.hcplibrary.org/img/underlinefade.jpg') no-repeat bottom;
}


/* Support the Library */


.supportnav {
  width:800px;
  height:37px;
  background:url(../support/img/nav.jpg);
  float:left;
}

.supportnav ul {
	list-style:none;
	height:37px;
	margin-top:0px;
	padding:0;
	text-align:center;
}

.supportnav  li{
	float:left;
	display:inline;
	text-align:center;
	margin:0;
	padding:0;
	padding-top:1px;
	padding-right:12px;
	padding-left:13px;
	line-height:1em;
}

.supportnav a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border:none;
	color:#03F;
	text-decoration:none;
	font-size:17px;
	line-height:1em;
}

.supportnav a:hover {
	font-style:italic;
}
#navhide {
	display:none;
}

.value {
	font-style:italic;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#006;
	font-size:14px;
	text-align:right;
	margin:0px;
	margin-top:3px;
	margin-bottom:5px;
	padding:0px;
	font-weight:bold;
}

.support {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

.taxdeduct {
	text-align:center;
	color:#033;
	font-size:16px;
	margin:0px;
	padding:0px;
}

.support ul {
	list-style-image:url(../support/img/squarebullet.gif);
}

/*Internal RSS Feeds */
.rsscat {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}
	
.rsslink {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
}

#stories {
	height:191px;
}

/* front page download section */
.mainpagedownloads {
	padding: 0;
	margin: 0;
	margin-top: 15px;
	padding-left: 4%;
	padding-right: 4px;
	width: 60%;
	height: 100%;
	float: left;
}

.phoneshow {
	display:none;
}

.downloadbox {
	float:left;
	width:44%;
	min-height:85px;
}


.downloadname {
	font-size:1em;
	margin-bottom:0px;
	margin-top:0px;
}

.downloadname img {
	border:none;
}

.downloaddesc {
	font-size:.875em;
	color:#333333;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
}


.downloadboxright {
	float:left;
	width:56%;
	min-height:85px;
}

.downloadnameright {
	font-size:1em;
	margin-bottom:0px;
	margin-top:0px;
}

.downloadnameright img {
	border:none;
}

.downloaddescright {
	font-size:.875em;
	color:#333333;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
}

.downloaddescright img {
	border:none;
}

.libraryh3lp img {
	border:none;
}

.enewsbutton {
	margin-top:30px;
	width:50%; 
	margin-left:2%;
}


/*What's New */
.newitems {
	margin-top:10px;
	margin-left:0px;
	padding:0;
}

.newitems li {
	display:inline;
	padding:0;
}

.newitems a {
	font-weight:bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #68ad3a;
	text-decoration:none;
	border:none;
}

.newitems img {
	border:none;
	margin-left:12px;
	margin-top:12px;
	padding:0;
}

/* less than 980px */
@media only screen
and (max-width : 980px) {
/* Styles */


.mobilehide {
	display:none;
	visibility:hidden;
}

#nav {
  height:auto;
  font-size:1em;
  background: rgb(26, 46, 88);
} 

#search {
	height: 50px;
padding: 10px 5px 15px 0;
margin: 0px;
margin-top: 24px;
}

#nav ul {
	display:block;
	height:auto;
	clear:both;
}

#nav  li{
	position:relative;
	margin:0;
	padding:0;
	width:25%;
	line-height:1em;
	height:3em;
	padding-top:1em;
	border-bottom: 1px rgb(11, 35, 95) ridge;
	box-sizing:border-box;
	-moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box; 
}

#nav li:last-child {
	border-right:0;
}
#nav li.navmainlibrary {
	width:25%;
}
#nav li.navmainlibrary a {
top: 0;
}
#nav li.navmainonline {
	width:25%;
}
#nav li.navmainevents {
	width:25%;
}
#nav li.navmainreference {
	width:25%;
	border-right:none;
}
#nav li.navmainreference a {
top: 0;
}
#nav li.navmainteen{
	width:25%;
}
#nav li.navmainkids {
	width:25%;
}
#nav li.navmainnew {
	width:25%;
}
#nav li.navmaincatalog {
	width:25%;
	padding-right:.1em;
}

#nav a {
	font-size:1em;
	line-height:1em;
	top:0;
}

#eventscroll {
	display:none;
	visibility:hidden;
}

/*Navigation for Sections */
#subnav {
	height: auto;
	padding-top:0;
}

#subnav ul {
	list-style: none;
	height: auto;
	padding-top: 0;
}

#subnav  li{
	float: left;
	margin-top: 0;
	padding:0;
	padding-top: .7em;
	padding-bottom: .6em;
	width:33.3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right:1px rgb(11,35,95) ridge;
	border-bottom:1px rgb(11,35,95) ridge;
}

#subnav a {
	display: inline-block;
	width: 99%;
	height: 1.25em;
}


}

/* less than 980px */
@media only screen
and (max-width : 980px) {
#bannerinner {
	border-radius: 0px 0px 5px 5px;
}
}

@media only screen
and (max-width : 870px) {
.sidebarevents{
    height: 705px;
    padding-top: 10px;
}

.downloadbox, .downloadboxright {
	margin-top:10px;
}
}


/*less than 770px. moving smallnav */
@media only screen and (max-width : 770px) {

#banner {
	background: rgb(20, 94, 151);
background: rgba(20, 94, 151, 0.8);
}

.smallnav {
margin:-5px 0 4px 0;
min-width:380px;
width:59%;
float:left;
}

#navback {
	background:none;
	border-bottom:none;
}

#nav {
	width:99%;
}

#logo {
width: 40%;
}

.address900 {
display:none;
}

.social {
	position:relative;
	width:30%;
	min-width:220px;
}

#mobilephone {
	display:inline;
	visibility:visible;
	padding-left:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #0A57A4;
font-weight: bold;
font-style: oblique;
position:relative;
top:-10px;
text-decoration:none;
}

#mobilephone a {
	text-decoration:none;
}

#mobilephone img {
	position:relative;
	top:8px;
}
	
}

/* less than 711px. wrapping for reference & research nav */
@media only screen
and (max-width : 706px) {
/* Styles */
#nav li.navmainreference {
	padding-top:.5em;
}


.sidebarevents {
	visibility:hidden;
	display:none;
}

.mainpage {
	width:100%;
}

.mainpagedownloads {
	width:80%;
	margin-left:12%;
	padding-left:0;
	padding-right:0;
	float:none;
}

#s {
	width:auto;
}

}

/* less than 630px. change nav to menu */
@media only screen
and (max-width : 630px) {
/* Styles */

.TW {
  display:none;
  visibility:hidden;
}

#navback {
	height:auto;
}

h1 {
	font-size:1.8em;
}

li.mobileshow {
	display:inline;
	visibility:visible;
}

#banner {
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
	height:140px;
}
	
#bannerinner {
	height:50px;
}
	
	
#search {
	width:90%;
	max-width:400px;
	color:#FFF;
	height:55px;
	padding-top:10px;
	margin:0 auto 0 auto;
	float:none;
	clear:both;
	background:none;
}

#searchForm {
		float:none;
}

#q {
	width:65%;
}

.smallnav {
	display:none;
	visibility:hidden;
}

#logo {
	width:40%;
	height:45px;
	float:none;
}

#logo img {
	height:45px;
}

.social {
	width:50%;
	margin-top:10px;
	min-width:250px;
}

.social img {
	margin-right:5px;
}

#nav {
	background:rgb(44, 67, 87);
	clear:both;
}

#nav ul {
	display:none;
	width:100%;
}

#nav a#pull {
	display:block;
	position:relative;
	clear:both;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:1em;
	background:rgb(26, 46, 88);
}

#nav a#pull:after {
	content:"";
	background: url('../img/responsive/nav-icon.png') no-repeat;
	width:30px;
	height:30px;
	display:inline-block;
	position:absolute;
	right:15px;
	top:12px;
}
	
#nav  li {
	display:block;
	float:left;
	width:50%;
	border-right: 1px solid rgba(171, 179, 207, 0.44);
border-bottom: 1px solid rgba(160, 171, 206, 0.5);
}

#nav li:last-child {
	border-right:1px solid rgba(171, 179, 207, 0.44);
	border-bottom:1px solid rgba(160, 171, 206, 0.5);
}

#nav li.navmainlocation {
	width:50%;
	visibility:visible;
	display:block;
}

#nav li.navmainlibrary {
	width:50%;
	max-width:305px;
}

#nav li.navmainonline {
	width:50%;
}

#nav li.navmainevents {
	width:50%;
}

#nav li.navmainreference {
	width:50%;
	padding-top:1em;
	border-right:1px solid rgba(171, 179, 207, 0.44);
	max-width:305px;
}

#nav li.navmainteen {
	width:50%;
}

#nav li.navmainkids {
	width:50%;
}

#nav li.navmainnew {
	width:50%;
}

#nav li.navmaincatalog {
	width:50%;
	padding-right:0;
}

#nav a {
	text-shadow:1px 1px 0px #283744;
	color:#F9FAF3;
}

#nav a:visited {
	color:#F9FAF3;
}

#subnav li.subnavmain {
	display:inline;
	color:#F9FAF3;
}

}


/*Mobile Styles */
/* Smartphones (portrait) ----------- */

@media only screen
and (max-width : 470px)
 {
/* Styles */

#banner {
	height:195px;
}
	
#bannerinner {
	height:110px;
}

#navback {
	height:auto;
}
	
.smallnav {
	display:none;
	visibility:hidden;
}

#logo {
	width:100%;
	max-width:155px;
	margin:10px auto;
	clear:both;
	height:55px;
}

#logo img {
	height:55px;
}

.social {
	margin:5px auto 10px auto;
	float:none;
}

.social img {
	margin-right:6px;
}

#search {
	float:right;
}
	

#search label {
	margin-top:0; 
}

#catalog {
	margin-top:0;
	padding-top:0;
}

#website {
	margin-top:0;
	padding-top:0;
}
	
#nav  li{
	display:block;
	float:left;
	width:100%;
}

#nav li.navmainlocation {
	width:100%;
}


#nav li.navmainlibrary {
	width:100%;
	max-width:470px;
}

#nav li.navmainonline {
	width:100%;
}

#nav li.navmainevents {
	width:100%;
}

#nav li.navmainreference {
	width:100%;
	max-width:470px;
}

#nav li.navmainteen{
	width:100%;
}

#nav li.navmainkids {
	width:100%;
}

#nav li.navmainnew {
	width:100%;
}

#nav li.navmaincatalog {
	width:100%;
	padding-right:0;
}

#stories {
	height:auto;
}

.mainpagedownloads {
	width:94%;
	margin:auto;
}

.downloadbox {
	margin-bottom:1.2em;
}

.downloadboxright {
	margin-bottom:1.2em;
}

.itemlink900 {
	padding-top:5%;
	padding-bottom:2%;
}

.enewsbutton {
	margin-top:1em;
}


 }
 
 @media only screen
and (max-width : 435px)
 {
	 .downloadboxright {
		 text-align:center;
		 width:100%;
	 }
	 
	 .downloadbox {
		 text-align:center;
		 width:100%;
	 }
	 
	 .phonehide {
		 display:none;
	 }
	 
	 .phoneshow {
display: block;
width: 95%;
text-align: center;
border: 1px #E8F6E4 solid;
background: rgb(252, 253, 255);
border-radius: 10px 10px 4px 4px;
margin: 1.5em auto;
float: none;
clear: both;
}
	 
	 .phoneshow a {
		 display:inline-block;
		 width:99%;
		 text-decoration:none;
		 color:#000;
	 }
	 
	 .phoneshow a:visited {
		 color:#000;
	 }
	 
	 .phoneshow h2 {
		 font-size: 1.5em;
		font-weight: bold;
		text-decoration: none;
		background: none;
		padding: 2px;
		color: #052752;
		text-align: center;
		width: auto;
		margin:0;
		padding:0;
	 }
	 
	 .phoneshow p {
		font-size: 1em;
		margin: 0;
		padding: 0;
}

.phoneapp {
	margin-top:6px;
	background:#E0F4FF;
}
.phoneapp img {
	float:left;
	margin:0;
	padding:0;
}

.phoneapp ul {
	margin:0;
	text-align:justify;
	height:31px;
	padding-top:1px;
}

.phoneapp ul:after {
content: '';
width: 100%;
display: inline-block;
position: relative;
top: -1em;
}

.phoneapp li {
	font-size:.875em;
	display: inline-block;
	margin: 0;
	padding: 5px 4px;
	background: orange;
	border-radius: 4px;
	border: 1px outset orange;
}

.phoneapp a {
	text-decoration:none;
	font-weight:bold;
	font-family:'Arimo',Verdana,Helvetica,sans-serif;
	color:rgb(16,37,185);
	width:100%;
}

.phoneapp a:visited {
	color: rgb(16,37,185);
}


 }

@media only screen
and (max-width : 360px)
 {
/* Styles */
	#bodydiv {
		width:100%;
	}
	
	#search {
	width:93%;
	font-size:.9375em;
}

#searchForm {
	width:99%;
	/*max-width:290px;*/
}


#q {
	width:60%;
	/*max-width:200px; */
}

#s {
	float:right;
}

.clearleft {
	padding-top:3px;
}
	
#nav  li{
	display:block;
	float:left;
	width:100%;
	border-right:none;
}

.copyright {
	font-size:.8125em;
}

.copyright ul {
	line-height:1.4;
}

.itemlink900 {
	font-size:.8em;
}


 }
 
 @media only screen
 and (max-width : 348px)
 {
	  .phoneapp li {
	font-size:.7em;
}

 }
 
 
 @media only screen
and (max-width : 250px)
 {
	 #subnav li {
		 width:100%;
	 }
 }


/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 900px) {
/* Styles */
}