* {margin:0; padding:0;}

body {background:#e3eaf2;}

h1#header_logo {
	float:left;
	padding:7px 0 0 8px;
	width:113px; 
	height:113px; 
	background-image:url(../images/logo.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	cursor:pointer;}
h1 span {display:none;}

h1#header_text {
	float:left;
	padding:30px 0 0 8px;
	width:375px; 
	height:61px; 
	background-image:url(../images/logo_header_library.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	cursor:pointer;}


h2 {font-family:'times new roman', times, serif;
	font-size:20px; 
	font-weight:normal;
	margin:0 0 10px 0;
	color:#011762;
	padding:0 0 7px 0;
	background-image:url('../images/bg_stripes.gif');
	background-repeat:repeat-x;
	background-position:bottom left;}
	
	
h3 { padding:10px 0;}

h4 {
	padding:0 0 5px 0;
	font-size:16px; 
	font-family:'times new roman', times, serif; 
	font-weight:normal; }

h5 {padding:3px 0; font-family:arial, helvetica, sans-serif; color:#000000; font-size:16px;}

h5.event_title {padding:3px 0; font-family:arial, helvetica, sans-serif; color:#a05804; font-size:14px;}

h6 {padding:3px 0; font-family:arial, helvetica, sans-serif; color:#000000; font-size:11px; font-weight: 11px;}

a {text-decoration:none; color:#276fac;}
a:hover {text-decoration:underline;}
a img {border:0;}

ul, ol { padding-left:15px; }
#main p, #main ul, #main ol, #main table {padding-bottom:1em;}
#main ol { padding-left:20px; }

#container { 
	width:960px;
	background-color:#fff; 
	margin:0 auto;
	font-family:arial, verdana, sans-serif;}
	
#header {
	height:133px;
	background:#001761;
	background-image:url(../images/bg_header.jpg);
	position:relative;
	z-index:5;
}

#header .global {float:right; color:#fff; font-size:12px; padding:15px 10px 0 0;}

/*****************************************
main menu
*****************************************/

ul#menu {position:absolute; bottom:-1px; right:6px;z-index: 5; }
div>#header ul#menu {bottom:0;}

ul#menu li {
	position:relative;
	margin:0 4px 0 0 ;
	display:block; 
	float:left; 
	font-size:12px;
	background-color:#03185d;
	background-image:url('../images/bg_tab.gif');
	background-repeat:repeat-x; }
	
ul#menu li .corner_left, 
ul#menu li .corner_right {
	position:absolute; 
	top:0; left:0;
	width:3px;
	height:3px;
	background-image:url('../images/corner_left.gif');
	font-size:1px;}
	
ul#menu li .corner_right {
	left:auto; 
	right:-1px;
	background-image:url('../images/corner_right.gif');
}

div>#header ul#menu li .corner_right {right:0;}

ul#menu li a {
	display:block; 
	float:left; 
	padding:9px 10px;
	color:#fff;
	font-weight:bold;}

ul#menu li.current {background:#fff;}
ul#menu li.current a {color:#011762;}
ul#menu li.current:hover a, ul#menu li.current.sfhover a {color:#ffffff;}

ul#menu li:hover, 
ul#menu li.sfhover, 
ul#menu li.current:hover, 
ul#menu li.current.sfhover,
ul#menu li.over {	
	background-color:#006310;	
	background-image:url('../images/bg_tabact.gif'); 
	background-repeat:repeat-x;
}

ul#menu li:hover .corner_left, 
ul#menu li.sfhover .corner_left, 
ul#menu li.current:hover .corner_left, 
ul#menu li.current.sfhover div.corner_left,
ul#menu li.over .corner_left {
	background-image:url('../images/corner_left_gr.gif');
}
ul#menu li:hover .corner_right, 
ul#menu li.sfhover .corner_right,
ul#menu li.current:hover .corner_right, 
ul#menu li.current.sfhover div.corner_right,
ul#menu li.over .corner_right  {
	background-image:url('../images/corner_right_gr.gif');
}
ul#menu li.current .corner_left  {
	background-image:url('../images/corner_left_w.gif');
}
ul#menu li.current .corner_right  {background-image:url('../images/corner_right_w.gif');}




/*second level*/

ul#menu li ul.submenu {
	position:absolute;
	margin:0;
	padding:0;
	top:32px;
	left:-999em;
	width:191px;
	background:#006310;
}

ul#menu li ul.submenu-left  {
	position:absolute;
	margin:0;
	padding:0;
	top:32px;
	right:-999em;
	width:191px;
	background:#006310;
	display: none;
}

ul#menu li:hover ul.submenu, 
ul#menu li.sfhover ul.submenu {left:0; display:block; }
ul#menu li:hover ul.submenu-left, 
ul#menu li.sfhover ul.submenu-left { right: 0; display: block;}

ul#menu li ul.submenu li, ul#menu li ul.submenu-left li {
	float:none;  
	display:block;
	margin:0; 
	padding:2px 5px;
	background:transparent;
	background-repeat:no-repeat;
	background-position:90% 55%;
	border-bottom:1px solid #00470b;}
	
ul#menu li ul.submenu li.parent, ul#menu li ul.submenu-left li.parent {background-image:url('../images/arrow_green.gif'); position:relative;}

ul#menu li ul.submenu  li a, ul#menu li ul.submenu-left  li a {	
	float:none;
	padding:5px 7px 5px 4px; 
	}
	
/*thirdmenu*/	

ul#menu li ul.submenu li ul.thirdmenu, 
ul#menu li ul.submenu li ul.thirdmenu-left, 
ul#menu li ul.submenu-left li ul.thirdmenu-left {
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	left:-9999em;
	width:190px;
	background:#006310;}

ul#menu li ul.submenu li:hover ul.thirdmenu, 
ul#menu li ul.submenu li.sfhover ul.thirdmenu, 
ul#menu li ul.submenu li.over ul.thirdmenu {left:185px;}

ul#menu li ul.submenu li:hover ul.thirdmenu-left, 
ul#menu li ul.submenu li.sfhover ul.thirdmenu-left, 
ul#menu li ul.submenu li.over ul.thirdmenu-left {left:-190px;}

ul#menu li ul.submenu-left li:hover ul.thirdmenu-left, 
ul#menu li ul.submenu-left li.sfhover ul.thirdmenu-left, 
ul#menu li ul.submenu-left li.over ul.thirdmenu-left   {left:-190px;}


#main {
	margin:0px 10px 10px 10px;
	border:1px solid #fff;
	width:950px;
	background-image:url('../images/bg_sidemenu.gif');
	background-repeat:repeat-y;
	height:1%;
	font-size:12px;
	line-height:18px;
}

div>#main {border:0; width:940px;}
.rss_box{ font-size:10px; height:15px; overflow:hidden; padding:10px 30px 0 0; text-align:right; background:transparent;}
	
.column_twoforty {
	width:230px;
	float:left;
	 padding: 0 0 0 10px;
}

.column_big {width:400px; float:left; color:#303030;}

.column_twoeighty {float:left; width:278px; }

.column_full {width:670px; padding:20px 10px 30px 0px;  float:right;}
div>.column_full {width:660px; padding:20px 20px 30px 20px;  float:right;}

.column_threethirty {width:330px; float:right; padding: 0 10px 30px 0;}

.totheright {margin:0 0 0 20px;}

ul#sidemenu {padding:30px 30px 50px 20px;}
ul#sidemenu li {
	display:block; 
	list-style-type:none; 
	padding:9px 12px 13px 45px;
	margin:0 0 2px 0;
	font-size:15px; 
	background-repeat:no-repeat;
}
ul#sidemenu li a {
	color:#a05804;
}
	
ul#sidemenu li#cal {background-image:url(../images/icon_cal.gif);}
ul#sidemenu li#cat {background-image:url(../images/icon_cat.gif);}
ul#sidemenu li#research {background-image:url(../images/icon_research.gif);}
ul#sidemenu li#newsl {background-image:url(../images/icon_newsl.gif);}
ul#sidemenu li#qa {background-image:url(../images/icon_qa.gif);}

/****************************************************
					SLIDESHOW STYLE
*****************************************************/
#slideID,
#slideID .slide {
	height: 290px;
	width: 400px;
}

.divshow {
	background-color: #ffffff; /* Color between fade */
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.ff {position:absolute; right:6px; top:5px;}
.rew {position:absolute; right:20px; top:5px;}	

/*hero on interior/kids/teens pages*/
.hero {  padding-bottom:20px; width:400px; }
div>#main .hero {height:290px;}

/*hero on home*/
.hero_image {height:270px;} 
.hero_text {
	background-image:url(../images/caption_bg.png);
	background-repeat:repeat;
	width:400px;
	padding:8px 5px 10px 5px; 
	margin:-39px 0 0 0;
	font-size:14px;
	color:#fff;
	position:relative;
	
}
.hero_text a {color:#b7d5f9;}
.hero_control {
	position:relative;
	top:267px;
	background-color:#252525; 
	height:23px;
	width:400px;
	background-image:url(../images/bg_herotctrl.gif);
	background-repeat:repeat-x;}

#home_content {
	padding:25px;
	font-family:'times new roman', times, serif;
	font-size:16px;
	line-height:24px;
	}

.notebox { 
	position:relative;
	width:265px;
	padding:15px 80px 25px 16px;
	margin:20px 0 0 0;
	background-color:#fff;
	background-image:url('../images/bg_notebox.gif');
	background-repeat:no-repeat;
	border-left:1px solid #dfded8;
	font-family:arial, helvetica, sans-serif;
	line-height:19px;
	font-size:11px;}
	
.notebox img.back {position:absolute; bottom:-5px; right:0px;}
.notebox span {position:relative; }
	
ul.eventlist {padding:0 0 10px 0;}



ul.eventlist li {
	padding:15px 0;
	list-style-type:none;
	border-bottom:1px solid #a9a9a9;
}

ul.eventlist li.first {padding-top:0; }
ul.eventlist li .event_icon { float:left; padding:0 10px 0 0;}
ul.eventlist li .event_info { float:left; font-size:12px; width:185px; }

.eventdate { 
	padding: 0 0 7px 20px; 
	background-image:url('../images/bg_date.gif');
	background-repeat:no-repeat;
	font-size:10px; 
	color:#011762; 
}

.whitebox {
	margin:0 10px 20px 0; 
	padding:10px; 
	position:relative;
	background-image:url('../images/bg_whitebox.jpg');
	background-repeat:no-repeat;
}
.paperclip {position:absolute; top:-13px; right:20px;}

ul.bloglist { padding:0; }	
ul.bloglist li {
		list-style-type:none;
		font-size:12px;
		display:block;
		color:#7b7b7b;
		border-bottom:1px solid #e3dfc7;
		padding:7px 0 5px 0;
		}
ul.bloglist li a {color:#276fac;}
ul.bloglist li .blogmeta {font-size:10px;}
ul.bloglist li .blogmeta a {color:#7b7b7b; text-decoration:underline;}


#footer {
	width:960px;
	padding:10px;
	text-align:center;
	font-size:10px;
	background:#e3eaf2;
	color:#051b60;
	clear:both;
}

#footer a {font-weight:bold}
p.right {text-align:right;}

/***********************************
events styles
************************************/
div.selected_event {

	margin:20px 0 0 0;	

}
.calendar{ }
.calendar table {
	border:1px solid #e3e1d3; 
	border-collapse:collapse; 
	background-color:#fff; 
	width:210px;
	margin-bottom:10px;
	}
	
.calendar table td {padding:5px; text-align:center; border:1px solid #e3e1d3; }
.calendar table td a {text-decoration:underline;}
.calendar table th {border:1px solid #e3e1d3;}
.calendar table tr.heading td {border:0; background-color:#011762; color:#fff;}
.calendar table tr.heading td a {color:#fff !important; text-decoration:none;}
.calendar table td.today {background-color:#276fac;}
.calendar table td.today a {
	color:#fff;
}
.calendar table td.today {
	color:#fff;
}

.caldate { padding:0 0 10px 0; border-bottom:1px solid #011762; margin:0 0 10px 0;} 
 h3.news {color:#011762;}


/***********************************
interior styles
************************************/

ul#intmenu { padding:0;}
ul#intmenu li { padding-top: 3px;/*padding:4px 0;*/ list-style-type:none; font-size:12px;}
ul#intmenu li a { font-weight:bold; color:#000; padding:4px 5px 4px 15px; margin:0 10px 0 0; display: block;}
ul#intmenu li a.current {
	background-color:#fbfaf4; 
	background-image:url('../images/bg_liarrow.gif');
	background-repeat:no-repeat; 
	background-position: 5px 50%;}
ul#intmenu li ul  {padding:0 0 0 10px;}
ul#intmenu li ul li { /*padding:3px 0;*/ }
ul#intmenu li ul li a {font-weight:normal; color:#276fac; padding:0px 3px 0px 15px;}

#int h2 {margin-bottom:15px;}
#int h3 {padding-top:10px;}
#int h4, #kids h4, #teens h4 {
	color:#a05804; 
	font-weight:bold; 
	font-family:arial, verdana, sans-serif; 
	padding:10px 0 5px 0;
}
#teens h4 {
	color:#fcbd74; 
}
#kids h4 {
	color:#A03204; 
}
	
	

ul.contentlist {width:670px;}
ul.contentlist li {
	
	list-style-type:none; 
	border-bottom:1px solid #a9a9a9; 
	padding:20px 20px 0px 3px;
}
div>#main ul.contentlist li {padding:20px 20px 10px 3px;}
ul.contentlist li.last {border:0;}
ul.contentlist li img.icon {float:left; padding:4px; border:1px solid #c9c9c9; height:94px; width:94px;}
ul.contentlist li .text {float:left; padding:0 0 0 20px; width:500px;}
ul.contentlist li h3 {color:#276fac; padding: 0 0 10px 0; font-size:22px;}

div>#main ul.contentlist li ul li {
	padding:0;
	border:none;
	
	list-style-type:disc;
}

div>#main ul.contentlist li ul ul li,
div>#main ul.contentlist li ul li ul li {
	list-style-type:circle;
}

.related h4 {border-bottom:1px solid #A05804; font-size:15px; padding:0 0px 3px 0; margin:0 20px 0 0;}

#teens .related h4 {border-bottom:1px solid #fcbd74;}

#kids .related h4 {border-bottom:1px solid #A03204;}

.related ul {padding:5px 0 20px 20px;}
.related ul li {padding:3px 0; list-style-image:url('../images/bg_arrow.gif');}


/***********************************
	blog styles
************************************/
.entry {padding:0 0 30px 0;}
.entry img.ill {border:1px solid #08175d;}

.entry h2 span.timestamp {
	display:block;
	float:right;
	font-size:11px;
	padding:0;
	font-family:arial, helvetica, sans-serif;
}

.entry a.readmore {color:#a05804; font-size:12px; font-weight:bold;}
.entry_footer {
	padding:15px;
	margin:20px 0 0 0;
	font-size:10px;
	background:#f2f0e7; 
	clear:both;
}

.comment_section {}

.comment, .comment_policy {
	padding:20px;
	margin:20px 0 0 0;
	background:#f6f3e0;
	color:#011762;
	background-image:url('../images/bg_comment_top.gif');
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	}

.comment .bottom {position:absolute; left:0; bottom:0;}

#main p.metadata {padding:10px 0 0 0 !important;  font-weight:bold; clear:both;}

.internal {background-color:#4b5a8b; color:#e3eaf2;	background-image:url('../images/bg_intcomment_top.gif');}
.internal .commenter { float:left; width:60px; padding:0 20px 0 0;}
.internal .content {float:left; width:500px;}
.internal a { color:#ffffff; }
img.avatar {width:60px; height:60px; background:#fff; display:block;}
.name {text-align:center; font-weight:bold; font-size:11px;}

.leave_comment {padding-top:30px;}
.leave_comment form {background:#e3eaf2; padding:20px; font-size:11px;}

input.submitcomment, textarea.submitcomment {
	font-size:12px; 
	border:0; 
	padding:2px; 
	width:276px; 
	margin:0 0 5px 0;}

textarea.submitcomment {width:610px; height:120px; margin:0 0 10px 0;}
.leave_comment .notes {float:right;}

input.button {
     width:64px; 
	 padding:6px 0;
	 margin:0 20px 0 0;
	 background:url(../images/btn.gif); 
	 border:0; color:#fff; 
	 font-size:11px;
	 background-repeat:no-repeat; 
	 }

/***********************************
	teens pages styles
************************************/

#teens #container {
	background-image:url('../images/bg_teens.gif');
	background-repeat:no-repeat; 
	background-position: left 133px;
	}
#teens #main {background-image:url(../images/bg_teens_sidemenu.gif);}

#teens .hero {
	float:left;
	padding:5px 20px 20px 0;	
}

#teens ul#intmenu {padding-top:20px}
#teens ul#intmenu li {padding: 0;}
#teens ul#intmenu li a, #teens ul#intmenu li ul li a {font-weight:normal; color:#fff; display: block; font-size: 13px;}
#teens ul#intmenu li a.current {
	background-color:#b0190e; 
	background-image:url('../images/bg_liarrow_teen.gif');
	font-weight:bold;
	padding-left: 15px;
}	
	
#teens h2 {
	background-position:left center; 
	margin-top:-20px;
	line-height:37px;
	width:670px;
	font-size:37px;}
	
#teens .related ul li {
	list-style-image:url('../images/bg_arrow_teens.gif');
}
#teens .related ul li a {
	color:#ffffff;	
}
/***********************************
	kids pages styles
************************************/

#kids #container {
	background-image:url('../images/bg_kids.gif');
	background-repeat:no-repeat; 
	background-position: left 133px;
	}

#kids #main {background-image:url(../images/bg_kids_sidemenu.gif); background-repeat:no-repeat; background-color: #fed136; font-size:16px;letter-spacing:1px;}

#kids .column_full {background-image:url(../images/bg_kids_full_col.gif); background-repeat: no-repeat; backgroound-position: 10px 20px; background-color: #fff; _padding-left: 15px; _background-position: -5px 0px;}

#kids ul#intmenu {padding-top:20px;}
#kids ul#intmenu li { font-size:16px; padding-top:0; padding-bottom:0;}
#kids ul#intmenu li a, #kids ul#intmenu li ul li a {color:#000; display: block;}
#kids ul#intmenu li ul li a {padding:7px 3px 4px 15px;}
#kids ul#intmenu li a.current {
	background-color:#0676d5; 
	background-image:url('../images/bg_liarrow_kids.gif');
	color:#fff;
}

#kids ul#intmenu li.current {
	background-color:#0676d5; 
	background-image:url('../images/bg_liarrow_kids.gif');
	color:#fff;
}

#kids .hero {
	float:left;
	padding:5px 20px 20px 0;	
}

#kids h2 {	background-position:0% 70%; width:102%; margin-top:-20px; line-height:44px;	font-size:44px;}
#kids h3 {font-size:25px;}

#kids .related ul li {
	list-style-image:url('../images/bg_arrow_kids.gif');
}
#kids .related ul li a {
	color:#000000;	
}

/*auxillary styles*/

.hidden {display:none;}
.lightgray{ color:#a0a0a0; }
.nomargin {margin:0;}
.cleaner {clear:both; font-size:0px; border:0;}
.required{ color: #f00; }
.no_show{ display: none; }
.img_rt{ float:right; margin:0 0 20px 20px; }
.lighter {color:#333;}

div.message {
	padding: 0 0em 0 30px;
	margin: 20px 0;
	background: #e7e7e7 url(../admin/images/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 2px solid #aaa;
	border-width: 2px 0;
}
div.message p {
	margin: 1em;
}
div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(../admin/images/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(../admin/images/sc_confirm_24.gif);
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { 	visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in 
this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example 
is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking 
these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash #kids h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 44px;
	line-height:44px;
	margin:-25px 0 0px 0;
	padding:0 0 7px 0;
	background-image:url('../images/bg_stripes.gif');
	background-repeat:repeat-x;
	background-position:background-position:0% 70%;;
}

.sIFR-hasFlash #kids h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
	padding: 0 0 10px 0;
}


.sIFR-hasFlash #teens h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 44px;
	line-height:44px;
	margin:-20px 0 10px 0;
	padding:0;
	background-image:url('../images/bg_stripes.gif');
	background-repeat:repeat-x;
	background-position:bottom;
}

.sIFR-hasFlash #teens h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
	padding: 0 0 10px 0;
}