@charset "UTF-8";
/*-------------------------------------------
charset declaration must appear FIRST.
NO SPACES, LINES, TEXT SHOULD APPEAR BEFORE IT.
http://www.w3.org/International/questions/qa-css-charset
--------------------------------------------*/

/*-------------------------------------------
General Elements
--------------------------------------------*/
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

body {
	margin: 0px;
}

a:link {
   color: #183C72;
}

a:visited {
   color: #183C72;
}

a:hover {
   color: #0D5F96;
}

.MainHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #0D5F96;
	font-weight: bold;
	text-align: center;
}

.TeenHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #269cc0;
	font-weight: bold;
	text-align: center;
}

.SpecialHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #44098a;
	font-weight: bold;
	text-align: center;
}

.KidsHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #f67c0f;
	font-weight: bold;
	text-align: center;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

img {
	border: none;
}

.center {
	text-align: center;
}

.center_element {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

hr.halfwidth {
	width: 50%;
}

br.clearAll {
	clear: both;
}

.border {
	border: 1px solid black;
}

/*-------------------------------------------
CSS for Find Us On social networks line
--------------------------------------------*/

span.finduson {
	vertical-align: middle;
}

span.finduson img {
	margin: 0 2px 0 2px;
}

/*-------------------------------------------
CSS for the Ajax Ticker
--------------------------------------------*/

#ajaxticker1{
width: 800px;
padding: 7px;
margin-bottom: 10px;
background-color: #fff;
font: 0.9em Arial, Helvetica, sans-serif;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #fff;
}

#ajaxticker2{
background-color: #fff;
font: 0.9em Arial, Helvetica, sans-serif;
}

#ajaxticker2 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

span.ajxtkr_feat { font-weight: bold; color: green; }
span.ajxtkr_alert { font-weight: bold; color: red; }

/*-------------------------------------------
Header & Search Box
--------------------------------------------*/
.spacing {
	margin-top: 7px;
}

.tertiaryspacing {
	vertical-align: middle;
	margin: 8px;
}

.mainspacing {
	margin: 16px;
	vertical-align: middle;
}

.searchbox {
   width: 340px;
   font-size: 14px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_news {
   width: 185px;
   font-size:14px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_kids {
   width: 300px;
   font-size:14px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_teen {
   width: 290px;
   font-size:14px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_tertiary {
   width: 280px;
   font-size: 12px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_news_tertiary {
   width: 105px;
   font-size:12px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_kids_tertiary {
   width: 220px;
   font-size:12px;
   vertical-align: middle;
   margin-right: 5px;
}

.searchbox_teen_tertiary {
   width: 210px;
   font-size:12px;
   vertical-align: middle;
   margin-right: 5px;
}

select.searchbox_tertMenu14 {
	font-size: 14px;
	margin-right: 5px;
	vertical-align: middle;
}

select.searchbox_tertMenu12 {
	font-size: 12px;
	margin-right: 5px;
	vertical-align: middle;
}

/*-------------------------------------------
Footer & Alerts
--------------------------------------------*/

.Footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #063263;
	font-weight: normal;
}
.Footer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #063263;
	font-weight: normal;
}
.Partners {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #1e4280;
	font-weight: bold;
}

/*-------------------------------------------
Search Results Pages
--------------------------------------------*/
.lightblue {
	color: #0D5F96;
	font-size: 14px;
	font-weight: bold;
}

.darkblue {
	color: #183C72;
	font-weight: bold;
	font-size: 14px;
}

.searchresultpages {
	margin: 0px 8px 0px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px;
}

.searchresultpages a {
	padding: 0px 4px 0px 4px;
	margin: 0px;
}

.searchresultpages a#current, .searchresultpages a:hover {
	color: #0F74B8;
	font-weight: bold;
	text-decoration: none;
}

.searchresultnav a {
	text-decoration: none;
	font-size: 14px;
}

.searchresults {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #888888;
	margin: 5px 0px 5px 0px;
	padding: 0px 5px 0px 5px;
}

.searchresultscontainer {
	margin-top: 15px;
	margin-bottom: 5px;
}

.searchresults img {
	margin-left: 8px;
	vertical-align: middle;
}

.searchresults p#note {
	color: #888888;
	font-size: 11px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
}

.searchresults p#number {
	font-size: 12px;
	color: #183C72;
	margin: 0px;
	padding: 0px;
}

.searchresults p#title {
	font-size: 14px;
	margin: 0px;
}

.searchresults p#descrip {
	font-size: 12px;
	margin: 0px;
	padding-top: 2px;
	width: 600px;
}

.searchresults p#url {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #008000;
}

.searchtermhighlight {
	font-weight: bold;
}

/*-------------------------------------------
404 error page
--------------------------------------------*/

div#e404_ul_box {
	width: 500px;
	text-align: left;
}

/*-------------------------------------------
Special Collections Home Page
--------------------------------------------*/
.mostpopular {
	width: 196px;
	text-align: center;
	margin: 2px;
}

.mostpopular a {
	display: block;
	border: 1px solid #fff;
	height: 93px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

.mostpopular a#color1:hover, .mostpopular a#color2:hover, .mostpopular a#color3:hover, .mostpopular a#color4:hover {
	background-color: #0D5F96;
	border: 1px solid #0D5F96;
	text-decoration: none;
	cursor: pointer;
}

.mostpopular_title {
	height: 29px;
	display: block;
	text-align: left;
	font-weight: inherit;
	text-decoration: none;
}

.mostpopular_title img {
    margin: 2px 5px 2px 2px;
	vertical-align: middle;
	border: 0px;
}

.mostpopular_descrip {
	padding: 2px;
	height: 60px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	
}

.mostpopular a#color1 {
	background-color:#868686;
}

.mostpopular_descrip#color1 {
	background-color:#D7D7D7;
}

.mostpopular a#color2 {
	background-color: #345134;
}

.mostpopular_descrip#color2 {
	background-color: #C1DDC1;
}

.mostpopular a#color3 {
	background-color: #CC7A00;
}

.mostpopular_descrip#color3 {
	background-color: #E2BC8A;
}

.mostpopular a#color4 {
	background-color: #A00000;
}

.mostpopular_descrip#color4 {
	background-color: #FFBBB7;
}

.specialcollection {
	width: 245px;
	height: 36px;
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px;
	background-image: url(/div/images/specialcollectionbg.gif);
	background-repeat: repeat-x;
}

.specialcollection img {
	vertical-align: middle;
	margin: 2px 6px 2px 3px;
}

.specialcollection a {
	height: 35px;
	display: block;
	color: #3C1A6B;
	text-decoration: none;
	border: 1px solid #fff;
}

.specialcollection a:hover {
	color: #0D5F96;
	border: 1px solid #0D5F96;
}

.specialheader {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #3C1A6B;
	text-align: left;
	margin-top: 6px;
	margin-bottom: 2px;
}

/*-------------------------------------------
For Kids Homepage
--------------------------------------------*/
.kidsmessage {
	margin-bottom: 8px;
	padding: 3px 0px 3px 0px;
}

.kidsmessage p {
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 0px;
}

.kidsmessage p#small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
}

.kidsmessage a {
	color: #F98516;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.kidsmessage a:hover {
	color: #0D5F96;
	text-decoration: underline;
}

.kidscollection {
	padding: 1px 1px 1px 5px;
	margin-bottom: 1px;
	vertical-align: middle;
	font: bold 13px Arial, Helvetica, sans-serif;
	background-image: url(/div/images/kidscollectionbg.gif);
}

.kidscollection a {
	color: #F98516;
	text-decoration: none;
	display: block;
}

.kidscollection a:hover {
	color: #0D5F96;
	text-decoration: none;
	display: block;
}

.kidscollection img {
	margin-right: 3px;
	vertical-align: middle;
}

.kidHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}

.kidHeader a {
	color: #F98516;
	font-size: 14px;
	text-decoration: none;
}
.kidLinks a {
	font-size: 12px;
	padding-left: 5px;
	text-decoration: none;
}

.kidLinks a:hover {
	color: #0D5F96;
	text-decoration: underline;
}

.kidHeader a:hover {
	color: #0D5F96;
	text-decoration: underline;
}
.kidsbottom {
	width: 300px;
	height: 30px;
	padding: 1px;
	margin: 4px;
	vertical-align: middle;
	font: bold 14px Arial, Helvetica, sans-serif;
}

.kidsbottom a {
	color: #F98516;
	text-decoration: none;
	display: block;
}

.kidsbottom a:hover {
	color: #0D5F96;
	text-decoration: none;
	display: block;
}

.kidsbottom img {
	margin-right: 3px;
	vertical-align: middle;
}

/*-------------------------------------------
CSS for Resources by Subject page
--------------------------------------------*/

.subjectheader_right, .subjectheader_left, .subjectheader_center {
	width: 378px;
	height: 41px;
	vertical-align: middle;
	padding: 4px;
	margin: 0;
}

.subjectheader_right {
	margin-left: 5px;
}

.subjectheader_left {
	margin-right: 5px;
}

.subjectheader_center p {
	padding-top: 15px;
}

.subjectheader_right img, .subjectheader_left img, .subjectheader_center img {
	float: left;
	padding: 4px 4px 0 4px;
	margin-right: 4px;
}

.mainsubjecthead {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
}

.secsubjecthead {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 0 0 0 55px;
	margin: 0;
}

.mainsubjecthead a, .secsubjecthead a {
	text-decoration: none;
}

.secsubjecthead a {
	color: #9E1128;
}

.mainsubjecthead a:hover, .secsubjecthead a:hover {
	color: #0D5F96;
	text-decoration: underline;
}

.mainsubjecthead1 {	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}