@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

img {
	border: none;
}

a img {
	border: none;
}

a:link, a:visited {
	color: #0000ff;
}

a:hover {
	color: #000066;
}

#PageContent a:link.LinkDB, #PageContent a:visited.LinkDB, #PageContent .LinkDB label, #PageContent span.LinkDB
{
	color: #009900;
}

#PageContent a:hover.LinkDB
{
	color: #006600;
}

#PageContent a:link.LinkLocal, #PageContent a:visited.LinkLocal, #PageContent .LinkLocal label, #PageContent span.LinkLocal
{
	color: #cc0000;
}

#PageContent a:hover.LinkLocal
{
	color: #990000;
}

#PageContent a:link.LinkWeb, #PageContent a:visited.LinkWeb, #PageContent .LinkWeb label, #PageContent span.LinkWeb
{
	color: #0000ff;
}

#PageContent a:hover.LinkWeb
{
	color: #000066;
}

body {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: small;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: black;
}

body h1, body h2, body h4, body h5, body h6 {
	font-weight: bold;
}

body h1 {
	font-size: 130%;
	color: #333333;
	padding-bottom: 2px;
	border-bottom: 2px solid #52b85c;
}

body h2 {
	font-size: 115%;
	color: #333333;
}

body h3 {
	font-family: Gill Sans MT, Skia, Verdana, sans-serif;
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
	width: 250px;
	background-color: #333333;
	background-image:	url(../images/skins/default/HeaderTab-newL.png);
	background-position: top left;
	background-repeat: no-repeat;
}

body h3 span {
	margin-left: 10px;
	padding-right: 0px;
	display: block;
	color: white;
}

body h3 span span {
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 10px;
	background-image: url(../images/skins/default/HeaderTab-newR.png);
	background-position: top right;
	background-repeat: no-repeat;
}

body h3 a:link, body h3 a:visited, body h3 a:hover {
	text-decoration: none;
}

body h3 span span a:link, body h3 span span a:visited, body h3 span span a:hover {
	color: white;
	text-decoration: none;
}

body h4 {
	font-size: 100%;
}

body h5 {
	font-size: 80%;
}

body h6 {
	font-size: 60%;
}

body strong, body b {
	font-weight: bold;
}

body em, body i {
	font-style: oblique;
}

body .Underline {
	text-decoration: underline;
}

.websnapr {
/* leave blank; just used to make option in Dreamweaver's "style" dropdownmenu */
}

.print_only, .print_only_in {
	display:none;
}

#PageContent table {
	border: thin solid #333333;
	border-collapse: collapse;
}

.tblStripeMe {
	/* leave empty; just for DW to pick up
		Class used for jquery table striping */
}

table.tblStripeMe tr.trStripeMeOdd {
	background-color: #f0f0f0;
}

#PageContent table th {
	background-color: #333333;
	color: white;
}

#PageContent table th, #PageContent table td {
	border: 1px dotted gray;
	padding: 5px;
	vertical-align: top;
}

#PageContent table caption {
	font-size: 115%;
	font-weight: bold;
	padding-bottom: 10px;
}

#PageContent table.TableNoWrap th, #PageContent table.TableNoWrap td {
	white-space: nowrap;
}

#PageContent table.TableNoBorder {
	border: none;
}

#PageContent table.TableNoBorder th, #PageContent table.TableNoBorder td {
	border: none;
	padding: 0px;
}

#leftCol #divNavSubmenu div.SubmenuItem, #leftCol #divNavSubmenu div.SubmenuItemFirst, #leftCol #divNavSubmenu div.SubmenuItemSel, #leftCol #divNavSubmenu div.SubmenuItemSelFirst {
	line-height: 1em;
}

#leftCol #divNavSubmenu .SubmenuItemSel {
	background-color: #999999;
	font-weight: bold;
}

#leftCol #divNavSubmenu div a {
	border-bottom: 1px solid white;
	width: 147px;	/* 146px = 156px total sidebar width - 5px left padding - 5px right padding */
	padding: 8px 5px 7px 5px;
	text-decoration: none;
	display: block;
}

#leftCol #divNavSubmenu div a img {
	border-bottom: none;
}

#leftCol #divNavSubmenu div a:link, #leftCol #divNavSubmenu div a:visited, #leftCol #divNavSubmenu div a:hover {
	color: #000000;
}

#leftCol #divNavSubmenu .SubmenuItem a:hover {
	background-color: #bbbbbb;
}

#leftCol #divNewsFeed, #leftCol #divExhibits {
	margin-top: 8px;
	margin-bottom: 12px;
	font-size: .8em;
}

#leftCol #divNewsFeed {
	margin-top: 125px;
}

#leftCol #divSrp08 {
	margin-top: 8px;
	margin-bottom: -3px;
	padding-bottom: 0px;
	font-size: .8em;
}

#leftCol #divNewsFeed h2, #leftCol #divExhibits h2, #leftCol #divSrp08 h2 {
	margin-bottom: 4px;
	padding-bottom: 0px;
	padding: 0px 4px 0px 4px;
}

#leftCol #divSrp08 p {
	padding: 0px 4px 0px 4px;
	font-size: 7pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

#leftCol #divNewsFeed div.divNewsItem {
	padding: 3px 4px 6px 4px;
	border-bottom: 1px solid white;
	font-size: 7pt;
}

#leftCol #divExhibits ul {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 4px 6px 4px;
	font-size: 7pt;
}

#leftCol #divExhibits ul li {
	margin-bottom: 15px;
}

#leftCol #divBtnEventReg {
	position: absolute;
	top: -3px;
	left: 0px;
	z-index: 20;
}

#leftCol #divBtnMediaBank {
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 21;
}

#mainrightCol {
	margin-left: -4px;
	margin-top: 8px;

}

#rightCol {
	font-size: .8em;
}

#rightCol div {
	padding: 8px 2px 0px 4px;
	margin-bottom: 12px;
}

#rightCol div#EventsMini_upEventsMiniCalendar {
	padding: 0px;
	margin-bottom: 0px;
}

#rightCol p, #rightCol table, #rightCol a, #rightCol h2, #rightCol ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#rightCol ul#ulTodaysEvents, #rightCol ul#ulTodaysBookBus {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#rightCol ul#ulTodaysEvents li, #rightCol ul#ulTodaysBookBus li {
	padding: 5px 0px 5px 2px;
}

#rightCol h2 a:link#EventsMini_lnkEvents, #rightCol h2 a:visited#EventsMini_lnkEvents, #rightCol h2 a:hover#EventsMini_lnkEvents {
	color: #333333;
}

#rightCol #TodaysHours_lblTodaysDate {
	color: #333333;
}

#PageContent {
	line-height: 1.1em;
}

#PageContent .LeftPanel {
	float: left;
	display: block;
}

#PageContent .RightPanel {
	float: right;
	display: block;
}

#PageContent .LeftPanel, #PageContent .RightPanel, #PageContent .CenterPanel {
	margin: 0px 0px 0px 0px;
	width: 45%;
}

#PageContent .CenterPanel {
	margin: 0px auto 0px auto;
}

#PageContent .PanelContainer {
	float: left;
	width: 100%;
	margin-bottom: 3em;
	/*margin-top: 1.5em;*/
}

#PageContent .ClearingBoth {
	clear: both;
}

.CalendarMini, .CalendarMini a {
	font-size: 92%;
}

.CalendarMini a {
	text-decoration: none;
}

.CalendarMini th, .CalendarMini td{
	border: 1px solid #999999;
}

table.CalendarMini table.CalendarMini  td {
	border-style: none;
}

#TodaysHours_dgrTodaysHours, #TodaysHours_dgrTodaysHours td, #TodaysHours_dgrTodaysHours tr {
	border-style: none;
	border-width: 0px;
}

.ItemTitle {
	font-style: italic;
}

.ItemAuthor {
/*	Style guide changes 8.6.08
	font-weight: bold;
*/
}

#SubHeaderNav, .SubHeaderNav
{
margin: 0 auto;
width: 92%;
border-bottom: 1px solid #999;
margin-bottom: 10px;
}

#SubHeaderNavList, .SubHeaderNavList
{
width: 95%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#SubHeaderNavList li, .SubHeaderNavList li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#SubHeaderNavList li a, .SubHeaderNavList li a
{
letter-spacing: -1px;
text-decoration: none;
color: #999;
font-size: 1em;
padding: 0 2px;
}

#SubHeaderNavList li a:hover, .SubHeaderNavList li a:hover
{
color: #333;
border-top: none;
font-size: 1.1em;
font-weight: bold;
}

#SubHeaderNavList a#current, #SubHeaderNavList a.current, .SubHeaderNavList a#current, .SubHeaderNavList a.current
{
color: #52b85c;
font-size: 1.3em;
font-weight: bold;
}

#hiliteimg, .hiliteimg {
	margin-top: 10px;
	margin-bottom: 5px;
}

#hiliteimg img, .hiliteimg img {
	vertical-align: middle;
	padding: 3px;
}

#hiliteimg img:hover, .hiliteimg img:hover {
	background: #CECECE;
}

.hidden {
	display: none;
}

div#PageContent span.spLocTime {
	margin-left: 5px;
}

p.pIcon img {
	vertical-align: top;
	margin-right: 5px;
	text-decoration: none;
}

a:link.aspNetDisabled, a:hover.aspNetDisabled, a:visited.aspNetDisabled {
	color: black !important;
}

/* layout CSS; refer to http://www.codeproject.com/KB/HTML/relatively_simple.aspx */
#main-box {
	position:relative;
	width:100%;
	min-width: 1003px;
	overflow:hidden;
	background:#cecfcf;
}

#header {
	clear:both;
	height: 100px;
}

#footer {
	clear:both;
}

#center-box {
	position:relative;
	width:100%;
	left:156px;
	background:#ffffff;
}

#reset-box {
	position:relative;
	width:100%;
	left:100%;
	margin-left:-156px;
}

#right-box {
	position:relative;
	width:100%;
	margin-left:-157px;
	background:#cecfcf;
}

#content-box {
	position:relative;
	width:100%;
	margin-left:-100%;
	left:156px;
}

#leftCol {
	float:left;
	width:157px;
}

#rightCol {
	float:right;
	width:156px;
	text-align: left;
}

#centerCol {
	margin-left:157px;
	margin-right:155px;
	padding-left:0px;
	padding-right:0px;
	min-width: 690px;
}

* html #centerCol {
	height:1%;
	margin:0;
}

* html #leftColCol {
	margin-right:-3px;
}

* html #rightCol {
	margin-left:-3px;
}

.clearfix:after {
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
}

.heightfix:before {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

#TopNavBar, #footer {
	background-color: #333333;
	color: white;
}

#TopNavBar {
	height: 23px;
	text-align: right;
	width: 100%;
}

#EvplHeader {
	position: absolute;
	height: 77px;
	top: 23px;
	width: 100%;
	background-image: url(../images/skins/default/HeaderGraphicsBkg.gif);
	background-repeat: repeat-x;
	text-align: right;
}

#EvplHeader #LibraryLogo {
	width: 85px;
	height: 77px;
	position: absolute;
	left: 0px;
}

#EvplHeader #RandomImg {
	width: 148px;
	height: 77px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#EvplHeader #HeaderImg  {
	padding-left: 82px;
	padding-top: 2px;
	padding-right: 150px;
}

#EvplHeader #SearchBox {
	position: absolute;
	padding-left: 5px;
	left: 85px;
	top: 47px;
}

#EvplHeader #SearchBox input.cssCatSearchBtn {
	padding: 0px 2px 0px 2px;
}

#EvplHeader #SearchBox #KidsSearchBtn {
	display: inline;
	position: absolute;
	top: -23px;
	left: 175px;
	width: 195px;
	height: 54px;
	background-image: url(../images/skins/kids/Header-btnSearchBkg.gif);
	z-index: 0;
	display: none;
}

#EvplHeader #JumpToBox {
	position: absolute;
	top: 27px;
	right: 148px;
	padding-right: 10px;
	height: 41px;
}

#EvplHeader #JumpToBox #ctlJumpTo_ddlJumpTo {
	position: relative;
	bottom: 1px;
	font-size: .8em;
}

#EvplHeader #JumpToBox #ctlJumpTo_imgJumpTo {
	position: relative;
	top: 9px;
}

#EvplHeader #SearchBox #srchContainer {
	/*	commented out to fix Opera display probs: JPW 12/22/10
	display: inline;
	position: absolute;
	left: 5px;
	top: 1px;
	z-index: 1;*/
	white-space: nowrap;
	padding-top: 1px; /* added to fix Opera display probs: JPW 12/22/10 */
}

#EvplHeader #SearchBox #srchContainer a.cssCatClassicCat {font-size: .8em; position: relative; top: -4px;}
#EvplHeader #SearchBox #srchContainer a:link.cssCatClassicCat, #EvplHeader #SearchBox #srchContainer a:visited.cssCatClassicCat {color: #ffffff;}
#EvplHeader #SearchBox #srchContainer a:hover.cssCatClassicCat {color: #cccccc;}

#footer {width:100%; margin:0; padding: 18px 0; text-align:center;}
#footer a:link, #footer a:visited {color: #52b85c;}
#footer a:hover {color: #ccc;}
#footSocial {padding:0 0 8px;}
#footSocial a:hover {filter:alpha(opacity=80); opacity:0.8;}

#footer2 {
	background-color: #999;
	border-bottom: 3px solid #666;
	width: 100%;
	height: 10px;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
	text-align: center;
}

#NavMenu {
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	font-size: 0px;
	background-color: #52b85c;
}

#NavMenu #imgNewBubble {
	position: absolute;
	top: -9px;
	left: 60%;
	z-index: 50;
}

#PageContent {
	padding: 1px 10px 1px 10px;
}

#LeftSidebarCorner {
	position: absolute;
	background: url(../images/skins/default/LeftSidebar-RightCorner.png) top left no-repeat;
	width: 9px;
	height: 7px;
	top: 100px;
	left: 147px;
	z-index: 10;
}

#RightSidebarCorner {
	position: absolute;
	background: url(../images/skins/default/RightSidebar-LeftCorner.png) top left no-repeat;
	width: 9px;
	height: 7px;
	top: 100px;
	right: 148px;
	z-index: 10;
}

div#leftCol div#divHomepageButtons img {
	display: block;
	margin: 0px;
}

div#leftCol div#divSocialIcons p {
	width: 157px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

div#leftCol div#divSocialIcons img {
	margin: 8px;
}

div#divAdspot {text-align:center;}
div#divAdspot img {display:block; margin:0 auto; padding:8px 0;}

/* TopNavBar CSS */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#TopNavBar #InvertedTabs {
	color: white;
	line-height: 12px;
	padding: 0;
	text-align: right;
	width: 100%;
}

#TopNavBar #InvertedTabs ul {
	font-weight: bold;
	margin:0;
	padding:0;
	list-style:none;
}

#TopNavBar #InvertedTabs li {
	display:inline;
	margin:0 0 0 0;
	padding:0;
}

#TopNavBar #InvertedTabs a {
	float:right;
	color: white;
	background: #0066cc url(../images/skins/default/UpperNavTabL.png) no-repeat left bottom;
	margin:0 10px 0 0;
	padding:0 0 0 3px;
	text-decoration:none;
}

#TopNavBar #InvertedTabs a span {
	float:left;
	display:block;
	background: transparent url(../images/skins/default/UpperNavTabR.png) no-repeat right bottom;
	padding:3px 9px 3px 6px;
}

#TopNavBar #InvertedTabs a span {
	float:none;
}


#TopNavBar #InvertedTabs a:hover {
	background-color: #666666;
}

/*End TopNavBar CSS */

/* end layout CSS */

#closingMarquee {
	background-color:#d00;
	width:100%;
	color:#fff;
	height:30px;
	line-height: 30px;
}

/* Begin NewsBank sidebar addition */
#sideNewsBank {
	padding:64px 0;
}


/* Event List Widget for Evanced */
.clearfix {
    clear: both;
}
.width {
    width: 142px;
}
.heading {
    font-size: 18px;
    color: #999;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
.eventList {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #666;
    clear: both;
}
.eventList.heading {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    padding-top: 10px;
}
.eventList .item, .eventsinfo #noevent {
    background-color: #f9f9f9;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #EEE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.eventList a, .eventList .title, .eventsinfo #noevent {
    font-size: 14px;
    font-weight: bold;
    color: #409a3a;
    text-decoration: none;
}
.eventList a:hover {
    text-decoration: underline;
}
.eventList .time {
    font-weight: bold;
    color: #999;
    padding-left: 15px;
}
.eventList .date {
    float: right;
    padding-right: 10px;
}
.eventList img {
    width: 100%;
    height: auto;
}
.eventList .image {
    float: left;
    max-width: 80px;
    height: auto;
    margin: 5px 10px 5px 0;
    overflow: hidden;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 1px rgba(40, 51, 51, .2);
}
.eventList .description {
    font-size: 12px;
    margin-bottom: 7px;
}
.eventList .location {
	display:none;
    font-size: 12px;
    margin-bottom: 7px;
}
.eventList .branch {
    font-size: 12px;
    margin-bottom: 7px;
}
.eventList hr {}
a.morecalendar
{
	font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #666;
}
/* end Event List Widget for Evanced */