* { margin: 0; padding: 0; }
html{font-size:100%;}
body {
	width: 100%; height: 100%;
	background: transparent url('../images/body-back.jpg') center 95px repeat-x;
	font: 1em arial, sans-serif;
	z-index: -1;
}
a { cursor: pointer; }

a img{ border:none;}


/***************************
	HEADER
***************************/
#header_left_color { width: 100%; height: 82px; background: #1566b7; }
#header_left_color div { float: right; width: 50%; height: 100%; background: #003c7f; }
#left_color_bar { width: 100%; height: 9px; background: #9edd2e; border-bottom: 4px solid #ffc726; }
#left_color_bar div { float: right; width: 50%; height: 100%; background: #76b900; }

#header {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 82px;
}

#header_content {
	width: 762px;
	height: 82px;
	background: #003c7f url('../images/header-back.jpg') top left repeat-y;
	margin: 0 auto;
}


#logo {
	float: left;
	width: 215px;
	background: transparent url('../images/header-logo.gif') 18px 6px no-repeat;
	height: 82px;
	color: #fff;
}
#logo h1 { display: none; }


#top_nav { float: right; margin: 0 1px 0 0; }
#top_nav a { display: block; width: 112px; height: 82px; color: #fff; text-align: center; }
#top_nav a span { display: none; }
#top_nav ul { list-style-type: none; }
#top_nav li { float: left; background: #2b93fc; }

#top_nav .catalog { background: transparent url('../images/top-nav-catalog.gif') 0 0 no-repeat; }
#top_nav .account { background: transparent url('../images/top-nav-account.gif') 0 0 no-repeat; }
#top_nav .contact { background: transparent url('../images/top-nav-contact.gif') 0 0 no-repeat; width: 111px; }
#top_nav .search { background: transparent url('../images/top-nav-search.gif') 0 0 no-repeat; width: 111px; }


#color_bar {
	position: absolute;
	top: 82px; left: 0;
	width: 100%;
	height: 9px;
	border-bottom: 4px solid #ffc726;
}
#color_bar div {
	width: 762px;
	height: 9px;
	background: #76b900 url('../images/color-bar-back.gif') top left repeat-y;
	margin: 0 auto;
}


#container {
	position: relative;
	width: 766px;
	background: #fff url('../images/container-back.gif') 0 0 no-repeat;
	margin: 0 auto;
	padding: 0 0 0 14px;
}


/***************************
	MAIN MENU
***************************/
#menu_main {
	width: 754px;
	height: 26px;
	background: #ef8d3f;
	font-size: 0.75em;
}
#menu_main a { display: block; height: 21px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; padding: 5px 0 0 0; }
#menu_main span { display: none; font: bold 0.75em arial, sans-serif; }
#menu_main ul { list-style-type: none; font-size: 0.85em;}
#menu_main li { float: left; }

#menu_main ul ul { font-size: 0.99em; position: absolute; z-index: 200; left: -999em; top: 24px; width: 170px; background: #f9dec8 url('../images/menu-main-sub-top.gif') 0 0 no-repeat; padding: 4px 1px 0 1px; }

/* 2nd level */
#menu_main ul ul li { position: relative; background: #e77e2c; border-bottom: 1px solid #f9dec8; }
#menu_main ul ul li a { width: 150px; height: auto; text-align: left; padding: 5px 10px; }
#menu_main ul ul li a.daddy { background-image: url('../images/b_arrow.gif'); background-position: 97% center; background-repeat: no-repeat; }
#menu_main ul ul li a:hover { text-decoration: underline; }

/* 3rd level */
#menu_main ul ul ul { position: absolute; top: -1px; background-image: none; margin: 0 0 0 170px; padding: 1px 1px 0 1px; }

/* make 'em fly */
#menu_main li:hover ul ul, #menu_main li:hover ul ul ul,
#menu_main li.sfhover ul ul, #menu_main li.sfover ul ul ul {
	left: -999em;
}
#menu_main li:hover ul, #menu_main li li:hover ul, #menu_main li li li:hover ul,
#menu_main li.sfhover ul, #menu_main li li.sfhover ul, #menu_main li li li.sfhover ul {
	left: auto;
}

#menu_main li li:hover ul.last-item, #menu_main li li li:hover ul.last-item,
#menu_main li li.sfhover ul.last-item, #menu_main li li li.sfhover ul.last-item {
	left: -342px;
}

#menu_main a.home { background: transparent url('../images/menu-main-home.gif') 0 0 no-repeat; width: 79px; }
#menu_main a.services { background: transparent url('../images/menu-main-services.gif') 0 0 no-repeat; width: 98px; }
#menu_main a.books { background: transparent url('../images/menu-main-books.gif') 0 0 no-repeat; width: 140px; }
#menu_main a.calendar { background: transparent url('../images/menu-main-calendar.gif') 0 0 no-repeat; width: 108px; }
#menu_main a.branches { background: transparent url('../images/menu-main-locations.gif') 0 0 no-repeat; width: 108px; }
#menu_main a.locations { background: transparent url('../images/menu-main-locations.gif') 0 0 no-repeat; width: 108px; }
#menu_main a.kids { background: transparent url('../images/menu-main-kids.gif') 0 0 no-repeat; width: 113px; }
#menu_main a.about { background: transparent url('../images/menu-main-about.gif') 0 0 no-repeat; width: 108px; }

#menu_main li:hover a.home, #menu_main li.sfhover a.home, #menu_main li.active a.home,
#menu_main li:hover a.services, #menu_main li.sfhover a.services, #menu_main li.active a.services,
#menu_main li:hover a.books, #menu_main li.sfhover a.books, #menu_main li.active a.books,
#menu_main li:hover a.calendar, #menu_main li.sfhover a.calendar, #menu_main li.active a.calendar,
#menu_main li:hover a.branches, #menu_main li.sfhover a.branches, #menu_main li.active a.branches,
#menu_main li:hover a.kids, #menu_main li.sfhover a.kids, #menu_main li.active a.kids,
#menu_main li:hover a.about, #menu_main li.sfhover a.about, #menu_main li.active a.about { background-position: 0 -26px; }


/***************************
	FIND BOX
***************************/
#find_box {
	position: absolute;
	z-index: 100;
	top: 24px;
	left: 458px;
	width: 275px;
	height: 31px;
	background: #7fbdfe url('../images/find-box-back.gif') 0 0 no-repeat;
	color: #003c7f;
	text-transform: uppercase;
	margin: 0 16px 0 0;
	padding: 12px 0 0 20px;
}
#find_box span { display: none; font: bold 11px arial, sans-serif; }


/***************************
	FIND BOX 2
***************************/
#find_box2 {
	position: absolute;
	z-index: 100;
	top: 24px;
	left: 458px;
	width: 285px;
	height: 35px;
	background: #7fbdfe url('../images/find-box-back2.gif') 0 0 no-repeat;
	color: #003c7f;
	text-transform: uppercase;
	margin: 0 16px 0 0;
	padding: 8px 0 0 10px;
}
#find_box2 span { display: none; font: bold 11px arial, sans-serif; }


/***************************
	LEFT, SUB MENU
***************************/
#container #nav_back { background: transparent url('../images/nav-items-back.gif') 2px top repeat-y; }
#container #nav_btm { background: transparent url('../images/nav-items-curve-btm.gif') 2px bottom no-repeat; }

#left_nav {
	position: relative;
	float: left;
	width: 154px;
	margin: 0 0 1em 1px;
}
div>#left_nav { margin-left: 2px; }
#left_nav h2 {
	height: 15px;
	background-color: #fff;
	background-position: 14px bottom;
	background-repeat: no-repeat;
	color: #f28d3b;
	font: bold 1em tahoma, arial, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 22px 0 0 15px;
}
#left_nav h2 span { display: none; }

#left_nav h2.services { background-image: url('../images/left-nav-h2-services.gif'); }
#left_nav h2.calendar { background-image: url('../images/left-nav-h2-calendar.gif'); }
#left_nav h2.branches { background-image: url('../images/left-nav-h2-locations.gif'); }
#left_nav h2.locations { background-image: url('../images/left-nav-h2-locations.gif'); }
#left_nav h2.about { background-image: url('../images/left-nav-h2-about.gif'); }
#left_nav h2.books { background-image: url('../images/left-nav-h2-books.gif'); }
#left_nav h2.kids_teens { background-image: url('../images/left-nav-h2-kidsteens.gif'); background-position: 0 bottom; }
#left_nav h2.teens { background-image: url('../images/left-nav-h2-teens.gif'); background-position: 0 bottom; }

#left_nav h4 { color: #003c7f; font-size: 1.1em; margin: 0 16px .25em 16px; }
#left_nav h5 { color: #B2550A; font-size: 0.85em; margin: 0 16px .25em 16px; }
#left_nav p { font-size: 1.1em; margin: 0 16px .25em 16px; }
div>#left_nav p { margin: 0 16px .75em 16px; }


#nav_items {
	width: 154px;
	background: transparent url('../images/nav-items-curve.gif') 0 0 no-repeat;
	font-size: 0.75em;
}
#nav_items a { display: block; color: #000; font-size: 0.9em; text-decoration: none; margin: 0 .5em; padding: .5em .7em; border-top: 1px solid #a5c3e3; }
#nav_items a:hover { text-decoration: underline; }
#nav_items ul { list-style-type: none; padding: 8px 0 5px 0; }
#nav_items li { list-style-type: none; }
#nav_items li.active a { background: #6bb3fe; color: #fff; }
#nav_items li.first a { border: 0;}

#nav_items ul ul { margin: 0 0 0 1.5em; padding: 0 0 .3em 0; }
#nav_items ul ul li { margin: .3em 0 0 0;  }
#nav_items ul ul li a {display: block; color: #000; font-size: 0.85em; text-decoration: none; margin: 0 .5em; padding: 0; border: 0; }
#nav_items li.active ul li a { background: transparent; color: #000; }

#nav_items .spacer { float: left; width: 1px; height: 405px; }

#nav_items select { width: 175px; font-size: 0.85em; border: 1px solid #1c5180; }
#nav_items input { font-size: 11px; }
#nav_items input.checkbox { margin: 0 .75em 0 0; }


/***************************
	HOMEPAGE CONTENT
***************************/
#content_home { margin: 0 28px 0 18px; }
#content_home .col1 { float: left; margin-top: -2px; }
#content_home .col2 { float: right; }

#feature {}
#feature img { width: 417px; height: 185px; border: 0; } /* 416px; height: 211px; */

#featurette { position: relative; width: 416px; height: 111px; overflow:auto; float:left; background: #70aa0a url('../images/featurette-back.gif') 0 0 no-repeat; margin: 4px 0 0 0; } /* Added - overflow:auto; float:left; */
#featurette h2 { color: #649d00; font: bold 0.85em arial, sans-serif; text-transform: uppercase; margin: 0 0 0 122px; padding: 12px 0 0 0; }
#featurette h4 { color: #003c7f; font: italic 0.99em tahoma, arial, sans-serif; text-transform: lowercase; margin: 0 0 11px 121px; }
#featurette img { float: left; margin: 5px 0 0 6px; border: 0; }
#featurette p { font-size: 0.7em; line-height: 1.25em; margin: 0 0 0 121px; }
#featurette a { color: #98ab48; }

#featurette .arrows { position: absolute; right: 7px; bottom: 5px; width: 52px; height: 25px; text-align: right; padding: 0; }
#featurette .arrows img { border: 0; }

#hilite_box { position: relative; width: 293px; height: 271px; background: #7fbdfe url('../images/hilite-box-back.gif') 0 0 no-repeat; font-size: 0.75em; margin: 54px 0 0 0; }
#hilite_box h2 { color: #003c7f; font: normal 16pt tahoma, arial, sans-serif; letter-spacing: 1px; margin: 0 0 0 14px; padding: 3px 0 3px 0; }
#hilite_box ul { list-style-type: none; padding: 17px 18px 0 30px; }
#hilite_box li { background: transparent url('../images/hilite-box-bullet.gif') 0 4px no-repeat; margin: 0 0 18px 0; padding: 0 0 0 12px; }
#hilite_box a { color: #98ab48; }

#hilite_box a.more_link { position: absolute; right: 18px; bottom: 17px; color: #fff; font-size: 0.85em; }

#mid_box { font-size: 0.70em; clear: both; height: 75px; background: #d9ebfe url('../images/mid-box-back.gif') 0 0 no-repeat; margin: 6px 0 0 0; }
#mid_box ul.arrows { list-style-type: none; margin: 0; }
#mid_box ul.arrows li { background: transparent url('../images/content-main-bullet-arrow.gif') 0 0 no-repeat; color: #000; padding: 5px 0 5px 25px; }

#mid_box .col1 { float: left;}
#mid_box .col1 h2 { color: #003c7f; font-size: 1.2em; margin: 9px 0 4px 56px; }
div>#mid_box .col1 h2 { margin: 10px 0 4px 56px; }
#mid_box .col1 img { float: left; margin: 10px 0 0 10px; }
#mid_box .col1 p { width: 360px; line-height: 1.2em; margin: 0 0 0 56px; }
#mid_box .col1 a { color: #98ab48; }

#mid_box .col2 { float: right; width: 274px; height: 54px; background: #eaf4fe; margin: 5px 3px 0 0; padding: 8px 0 0 14px; }
#mid_box .col2 { margin-right: 5px; }
#mid_box .col2 img { float: right; margin: 3px 10px 0 0; border: 0; }
#mid_box .col2 a { color: #003c7f; text-decoration: none; }

#btm_boxes { margin: 8px 0 5px 0; }
#btm_boxes h2 { color: #003c7f; font-size: 0.75em; margin: 6px 10px 0px 10px; padding: 0 0 2px 2px; border-bottom: 1px solid #97d728; }
#btm_boxes .rss { float: right; position: relative; top: 8px; right: 10px; }
#btm_boxes p { margin: 0 10px 0px 10px; }
#btm_boxes a { color: #98ab48; }
#btm_boxes ul { font-size: 0.7em; list-style-type: none; margin: 10px 10px 5px 10px; }
#btm_boxes ul li { position:relative; background: transparent url('../images/btm-boxes-bullet.gif') 0 4px no-repeat; margin: 0 0 0 2px; padding: 0 0 0 12px; }
#btm_boxes table { width: 345px; }
#btm_boxes td { vertical-align: top; }

#btm_boxes .col1, #btm_boxes .col2 { width: 355px;  background: #ebebeb url('../images/btm-boxes-back-top.gif') 0 0 no-repeat; }
#btm_boxes .col1 div, #btm_boxes .col2 div { height: 100%; background: transparent url('../images/btm-boxes-back-btm.gif') left bottom no-repeat; }
#btm_boxes .col1 { float: left; margin: 1px 0 0 0; }
#btm_boxes .col2 { float: right; margin: 1px 0 0 0; }
#btm_boxes .col1 #col_content, #btm_boxes .col2 #col_content { padding-left: 15px; padding-right: 10px; padding-bottom: 10px;}

/***************************
	Quick Links
***************************/
#quick_links h2 { color: #003c7f; font-size: 0.80em; margin: 0 10px 0px 10px; padding: 0 0 2px 2px; border-bottom: 1px solid #97d728; }
#quick_links p { font-size: 0.70em; margin: 10px 10px 0px 10px; }
#quick_links a { color: #003c7f; } /*#98ab48*/
#quick_links ul { font-size: 0.70em; list-style-type: none; margin: 5px 10px 5px 10px; }
#quick_links ul li { position:relative; background: transparent url('../images/hilite-box-bullet.gif') 0 4px no-repeat; margin: 0 0 0 2px; padding: 0 0 0 12px; }
#quick_links h4 { color: #598c00; font-size: 0.80em; margin: 5px 0 0 0; }

#quick_links .box { width: 100%; margin: 8px 0 0 0; background: url(../images/nt.gif) repeat; }
#quick_links .top div { background: url(../images/quick-links-back-top.gif) no-repeat top left; }
#quick_links .top div { background: url(../images/quick-links-back-top.gif) no-repeat top left; }
#quick_links .bot div { background: url(../images/quick-links-back-btm.gif) no-repeat bottom left; }
#quick_links .bot { background: url(../images/quick-links-back-btm.gif) no-repeat bottom right; }

.top div, .top, .bot div, .bot {
height: 7px;
}

.content1 { float: left; width: 360px; }
.content2 { float: left; width: 360px; }

#image {
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 2px;
}


/***************************
	Quick Links Test
***************************/
#quick_links_test h2 { color: #003c7f; font-size: 0.80em; margin: 0 10px 0px 10px; padding: 0 0 2px 2px; border-bottom: 1px solid #97d728; }
#quick_links_test p { font-size: 11px; margin: 10px 10px 0px 10px; }
#quick_links_test a { color: #003c7f; } /*#98ab48*/
#quick_links_test ul { font-size: 0.70em; list-style-type: none; margin: 5px 10px 5px 10px; }
#quick_links_test ul li { position:relative; background: transparent url('../images/hilite-box-bullet.gif') 0 4px no-repeat; margin: 0 0 0 2px; padding: 0 0 0 12px; }
#quick_links_test h4 { color: #598c00; font-size: 0.80em; margin: 5px 0 0 0; }

#quick_links_test .box { width: 100%; margin: 8px 0 0 0; background: url(../images/nt.gif) repeat; }
#quick_links_test .top div { background: url(../images/quick-links-back-top.gif) no-repeat top left; }
#quick_links_test .top div { background: url(../images/quick-links-back-top.gif) no-repeat top left; }
#quick_links_test .bot div { background: url(../images/quick-links-back-btm.gif) no-repeat bottom left; }
#quick_links_test .bot { background: url(../images/quick-links-back-btm.gif) no-repeat bottom right; }

.top div, .top, .bot div, .bot {
height: 7px;
}

.content1_test { float: left; width: 360px; }
.content2_test { float: left; width: 360px; }

#image {
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 2px;
}

/***************************
	PAGE CONTENT
***************************/
#content_main {
	position: relative;
	float: right;
	width: 550px;
	font: 0.75em arial, sans-serif;
	margin: 58px 0 2em 0;
	padding: 0 16px 0 0;
}

#content_main h2 {
	color: #003c7f;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 .45em 0;
	padding: 0 0 .4em 0;
	border-bottom: 1px solid #5881ad;
	line-height:normal;
}
#content_main h3 {
	color: #248;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 .3em 0;
	padding: .15em 0 .2em 0;
}
#content_main h4 {
	color: #598c00;
	font: bold 1.1em arial, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .3em 0;
}
#content_main hr { height: 1px; background: #ccc; margin: 0 0 1em 0; border: 0; }
#content_main a { color: #2690ff; }
#content_main p, #content_main ul, #content_main dl, #content_main table {
	margin: 0 0 1em 0;
	margin-left: 10px;
}
#content_main ul { color: #1081f3; list-style-type: none; }
#content_main ul li { position: relative; background: transparent url('../images/content-main-bullet.gif') 0 .5em no-repeat; color: #000; padding: 0 0 0 1em; }
#content_main ol { margin: 0 0 1em 3em; }
#content_main dd { margin: 0 0 .5em 1.5em; }
#content_main blockquote { margin: 0 0 1em 1.5em; }

#content_main ul.arrows { margin: 0; }
#content_main ul.arrows li { background: transparent url('../images/content-main-bullet-arrow.gif') 0 0 no-repeat; color: #000; padding: 3px 0 3px 25px; }
#content_main ul.arrows li.heading { background: none; }

/* #content_main table { width: auto; } */
#content_main td { vertical-align: top; padding: 0; }
#content_main td.col1 { width: 125px; }
#content_main td.col2 { width: 425px; }

#content_main td.thumbnails { width: 110px; color: #873f02; font-size: 1em; text-align: center; padding: 0 15px 0 0 !important; }
#content_main td.thumbnails a { color: #873f02; }
#content_main td.thumbnails img { border: 0; }

#content_main .desc_blocks .preview { width: 78px; padding: 0 0 35px 0; }
#content_main .desc_blocks .preview img { border: 0; }
#content_main .desc_blocks .details { width: 197px; font: 11px/14px arial, sans-serif; padding: 0 15px 35px 0; }
#content_main .desc_blocks .details h4 { font-size: 12px; font-weight: bold; margin: 0; }
#content_main .desc_blocks .details h4 a { color: #2690ff; }
#content_main .desc_blocks .details h5 { color: #e06400; font-size: 12px; font-weight: normal; margin: 0 0 .5em 0; }
#content_main .desc_blocks .details a { color: #98ab48; }

#content_main .section_feature { width: 550px; }
#content_main .section_feature td.col1 { width: 260px; }
#content_main .section_feature td.col1 img { display: block; }
#content_main .section_feature td.col2 { width: 290px; padding: 12px 15px; }

#content_main .story_feature { margin: 0 0 1em 0; padding: 12px 15px; }
#content_main .story_feature h2 { border: 0; margin: 0; }
#content_main .stories { width: 100%; }
#content_main .stories td { width: 50%; height: 300px; vertical-align: top; padding: 0 15px 12px 15px; }
#content_main .stories td.col1 { border-right: 1px solid #ccc; }
#content_main .story_feature p { margin-left: 5px; }

.new_window_link img { width: 11px; height: 9px; border: 0; }

.ImageL {

	border:1px solid #b5b5b5;
	background-color:#fff;
	padding:5px 5px 5px 5px;
	float:left;
	margin-right: 10px;

}

.ImageR {
	border:1px solid #b5b5b5;
	background-color:#fff;
	padding:5px 5px 5px 5px;
	float:right;
}

.Image {
	border:1px solid #b5b5b5;
	background-color:#fff;
	padding:5px 5px 5px 5px;
}

/***************************
	CALENDAR STYLES
***************************/
#container.calendar #nav_back { background: transparent url('../images/nav-items-wide-back.gif') 2px top repeat-y; }
#container.calendar #nav_btm { background: transparent url('../images/nav-items-curve-wide-btm.gif') 2px bottom no-repeat; }
.calendar #left_nav { width: 207px; }
.calendar #nav_items { width: 207px; background: transparent url('../images/nav-items-curve-wide.gif') 0 0 no-repeat; }
.calendar #content_main { width: 500px; font-size:0.75em;}

#left_nav .categories_table {padding: 0; margin:0; margin-left: 15px;}
#left_nav .categories_table td{ font-size: 0.85em; padding-bottom: 5px; padding-bottom: 0;}
#left_nav .categories_table td label{ padding-left: 5px; padding-bottom: 0;}

#left_nav .button{ margin-left:15px; margin-top:5px; margin-top: 10px; padding: 0 10px 0 10px; padding:0; font-size:0.95em;}

#cal_grid { text-align: center; margin: 0 0 20px 0; padding: 25px 16px 0 16px; }
#cal_grid table { width: 175px; }
#cal_grid a { display: inline; color: #000; text-decoration: underline; margin: 0; padding: 0; border: 0; }
#cal_grid img { border: 0; }

#cal_grid .testClass td {height: 10px; background: #006ab1; color: #fff;  font-weight: bold; border: 0; }
.npmonth { background: #006ab1; padding:0; border:0; }
#cal_grid .npmonth td.corner_right { background: #006ab1 url('../images/cal-grid-curve-right.gif') right top no-repeat; padding: 2px 0 0 0; }

#cal_grid tbody {  margin: 1px 0 0 0; border-width: 1px 0 1px 0; border-style: solid; border-color: #88bbdd; }

#cal_grid tbody td a { display: block; width: 100%; height: 17px; color: #646676; text-align: center; text-decoration: underline; padding: 4px 1px 0 0; }
div>#cal_grid tbody td a { height: 16px; padding: 5px 0 0 0; }

#cal_grid th, #cal_grid td { height: 21px; background: #fff; color: #2c4ea6; border-width: 0 1px 1px 0; border-style: solid; border-color: #88bbdd; }
#cal_grid th { font-size: 1em; font-weight: normal; border-top: 1px solid #88bbdd; }
#cal_grid td { font-size: 1em; text-align: center; }

#cal_grid th.last, #cal_grid td.last { border-right: 0; }

#cal_grid .event_day {background: #fae4b5; color:#000000;}

#cal_grid .selected a{background: #006AB1;}


/***************************
	KIDS/TEENS STYLES
***************************/
#container.youth #nav_back { background: #ffffff url('../images/nav-items-kids-back.gif') 2px top repeat-y; }
#container.youth #nav_btm { background: none; }


.youth #left_nav { margin-top: 4px; } /* green 94c302 */
.youth #left_nav h4 { background: #a2e100; color: #000; font-size: 0.75em; font-weight: bold; margin: 0 8px 0 8px; padding: 4px 0; } /* green a2e100 */

.youth #nav_items { background: transparent url('../images/nav-items-kids.jpg') 0 -3px no-repeat; padding-top: 4px; }
.youth #nav_items ul { margin: 0 14px 0 16px; padding: 2px 0 0 0; }
.youth #nav_items li { padding: 2px 0 2px 0; border-top: 1px solid #000; }
.youth #nav_items li.first { border: 0; }
.youth #nav_items a { margin: 0; padding: 2px 0 2px 15px; border-top: 0; }

.youth #content_main { width: 510px; margin-right: 20px; font-size:0.75em;}
body>.youth #content_main { width: 510px; margin-right: 40px; }
.youth #content_main h2 { border: 0; }

/* KIDS */
.kids #left_nav h2 { background-color: transparent; }
.kids #find_box { background: transparent url('../images/find-box-back-youth.gif') 0 6px no-repeat; }

.kids #content_main { width: 480px !important; margin-right: 10px !important; padding-right: 60px; }
.kids #content_main h4 { background: #87b701; color: #fff; font-weight: bold; margin: 12px 0 10px 0; padding: 3px 0 2px 12px; }
.kids #content_main h4.a { width: 483px; height: 17px; background: #87b701 url('../images/content-main-h4-kids-a.gif') 0 0 no-repeat; padding: 7px 0 2px 12px; }
.kids #content_main h4.b { width: 494px; height: 13px; background: #87b701 url('../images/content-main-h4-kids-b.gif') 0 0 no-repeat; padding: 6px 0 2px 6px; }
.kids #content_main h4.c { width: 484px; height: 15px; background: #87b701 url('../images/content-main-h4-kids-c.gif') 0 0 no-repeat; padding: 6px 0 2px 6px; }

#kids_back { position: absolute; top: 24px; left: 4px; width: 775px; height: 320px; background: #fff url('../images/kids-background.jpg') 0 0 no-repeat; }

/* TEENS */
#container.teens #nav_back { background: #ffffff url('../images/nav-items-teens-back.gif') 9px top repeat-y; }
#container.teens #nav_btm { background: none; }

.teens #left_nav { margin-top: 4px; margin-left: -1px; }
.teens #left_nav h4 { background: #9ce4d6; color: #000; font-size: 0.75em; font-weight: bold; margin: 0 8px 0 8px; padding: 4px 0; }

.teens #nav_items { width: 150px; background: transparent url('../images/nav-items-teens.jpg') 0 -3px no-repeat; padding: 4px 20px 0 8px; }
.teens #nav_items ul { margin: 0 14px 0 16px; padding: 2px 0 0 0; }
.teens #nav_items li { padding: 0; border-top: 1px solid #000; }
.teens #nav_items li.first { border: 0; }
.teens #nav_items li.active a { background: #e58026; color: #fff; }
.teens #nav_items a { margin: 0; padding: 2px 0 2px 15px; border-top: 0; }
.teens #nav_items li a { margin: 0; padding: 4px 0 4px 15px; border-top: 0; }


.teens #nav_items ul ul { margin: 0 0 0 2em; padding: 0 0 .5em 0; }
.teens #nav_items ul ul li { margin: .5em 0 0 0;  }
.teens #nav_items ul ul li a {display: block; color: #000;  text-decoration: none; margin: 0 .5em; padding: 0; border: 0; }
.teens #nav_items li.active ul li a { background: transparent; color: #000; }

.teens #content_main { width: 510px; margin-right: 20px; font-size:0.75em;}
.teens #content_main { width: 510px; margin-right: 40px; }
.teens #content_main h2 { border: 0; }

.teens #left_nav h2 { background-color: transparent; }
.teens #find_box { background: transparent url('../images/find-box-back-youth.gif') 0 6px no-repeat; }


.teens #content_main h4 { background: #473a37; color: #fff; font-weight: bold; margin: 12px 0 10px -8px; padding: 3px 0 3px 8px; }
.teens #content_main h4.a { width: 483px; height: 17px; background: #473a37 url('../images/content-main-h4-teens-a.gif') 0 0 no-repeat; padding: 7px 0 2px 12px; }
.teens #content_main h4.green { width: 483px; background: transparent; color: #87b701; margin: 0; padding: 0; }

#teens_back { position: absolute; top: 24px; left: 4px; width: 775px; height: 382px; background: #fff url('../images/teens-background.jpg') 0 0 no-repeat; }


/***************************
	FOOTER
***************************/
#footer {
	clear: both;
	font-size: 0.65em;
	width: 750px;
	color: #1664b4;
	text-align: center;
	margin: 1em auto;
}
#footer a { color: #1664b4; }

/***************************
	TRANSLATIONS
***************************/
#translations {
	clear: both;
	font-size: 0.65em;
	width: 750px;
	color: #1664b4;
	text-align: center;
	margin: 1em auto;
}

#translations a { color: #1664b4; }

#translations a.active { border: solid 1px black; background-color: #CCCCCC; }


/***************************
	GENERAL STYLES
***************************/
.cleaner { clear: both; height: 1px; font-size: 1px; }

.back_blue { background: #eaf4fe; }

.hilite_orange { color: #e06400 !important; }
.hilite_brown { color: #873f02 !important; }
.hilite_green { color: #873f02 !important; }

.box_blue { background: #eaf4fe; margin: 0 0 1em 0; padding: 5px; }

.pad_small_right td { padding: 0 5px 0 0 !important; }

.two_col_halves td { width: 50%; }

.zero_margin { margin: 0 !important; }

.small_padding { padding: 10px; }

/**********************************
	NEWS LIST
***********************************/

#container.news #nav_back { background: transparent url('../images/nav-items-back.gif') 2px top repeat-y; }
#container.news #nav_btm { background: transparent url('../images/nav-items-curve-btm.gif') 2px bottom no-repeat; }



#content_main .news_list ul li 
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
}

#content_main #previous 
{
	float:left;
	padding-left: 40px;
}

#content_main #next 
{
	float:right;
	padding-right: 65px;
}

/**************************************/
#main-section1-text 
{
	padding-left: 5px;
}

#main-section2-headline
{
	color: #598c00;
	font: bold 13px arial, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .3em 0;
	}
	

#content_main #main-section2-blue-headline
{
	font: bold 1.05em arial, sans-serif;
	letter-spacing: .05em;
	background-color: #EAF4FE;
	color: #598c00;
	margin: 10px 0 10px 0;
	padding-left:5px;
}

#main-section2-img
{
	width: 215px;
	float:left;
	margin-right: 5px;
	background-color: #ffffff;
}

#main-section2-caption
{
	text-align:center;
	margin: 0 15px 0 5px;
	color: #873f02;
	font-size: 11px;}

#main-section2-text
{
	padding-left: 10px;
}



#general-interior-headline
{
	color: #598c00;
	font: bold 13px arial, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .3em 0;
	}
#general-interior-text 
{
	background-color: #EAF4FE;
	padding: 10px 15px 10px 10px;
	margin-bottom: 10px;	
}

#large-image-headline
{
	color: #598c00;
	font: bold 13px arial, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .3em 0;
	}
 #large-image-text p
{
	background-color: #FFFFFF;
	padding: 10px 15px 10px 0;
	margin-bottom: 10px;
	margin-left: 10px;	
}
/**************************************/

#test 
{
	background: transparent url('../images/sc.gif') 0 0 no-repeat;
	width: 62px;
	height: 94px;

}

.testClass tr td 
{ 
	font-weight:bolder;
}

#rss_link
{
	position:absolute;
	top: 241px;
	left: 205px;
	/*margin-bottom: 15px;*/
	}
	
	.sponsor 
	{
		padding-top: 5px;}
.error{
	width: 480px;
	border: 1px solid #f00;
	margin: 0px 0px 10px 0px;
	padding: 4px;
	background-color: #EDEDED;
}
.error strong{	color: #f00; }
.error img {
	margin: 0;
	padding: 0;
	float: left;	
}
.error p {
	margin: 0 0 0 30px;
	padding: 0;
}


.success{
	width: 480px;
	border: 1px solid #0f0;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #EDEDED;
}
.success strong{	color: #0f0; }
.notice{
	width: 480px;
	border: 1px solid #F50;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #FFB;
}
.notice strong{	color: #F50;	}
.notice img {
	margin: 0;
	padding: 0;
	float: left;	
}
.notice p {
	margin: 0 0 0 30px;
	padding: 0;
}		

.did_you_know {font-size: 1.5em;}

/**********************************
	SLIDESHOW
***********************************/
#slideshow {
	position: relative;
	float: left;
	width: 423px; /* 423, 272*/
	height:211px; /* 416, 211*/
	overflow:hidden;
	/*background: #a6c06d url(../rotate_img/shadow.gif) no-repeat 0px -4px;*/
	padding: 0px 0px 0px 0px;
}
#slideshow .slide {
	position:absolute; 
	width:440px; /* 440, 243*/
	height:243px; 
	/*opacity:0.99;  Fix Firefox opacity flicker problem */
}
#slideshow #slide1 {
	z-index: 1;
}
#slideshow .slidelinks_container {
	position:absolute;
	width:440px; /* 440, 291*/
	height:291px;
	/*opacity:0.99;  Fix Firefox opacity flicker problem */
	z-index: 2;
}
#slideshow #slideshowcontrols { 
	position:absolute; 
	top:182px; /* Tabs */
	z-index: 3;
	left:0; 
	padding:0px 15px 0px 0px; 
	width:410px; 
	height:29px;
}
/* 4 Slides with text */
ul.slideshowcontrolsmiddle{
	height: 29px !important;
	float: left;
	z-index: 10;
	position: absolute;
	text-align:center;
	width: 424px !important;
	margin: 0px;
	padding:0px;
	list-style: none;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
}
ul.slideshowcontrolsmiddle li{
	z-index: 0; 
	height: 29px;
	width: 104px !important;
	float: left;
	margin: 0px 1px 0px 0px;
}
/* The a elements inside those 4 tabs */
ul.slideshowcontrolsmiddle a:link, ul.slideshowcontrolsmiddle a:visited {
	color: #deecef; /* 243403 */
	height: 29px; 
	text-align: center; 
	float: none;
	display: block;
	width: 100px !important;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height:9px;
	letter-spacing:-1px; font-size: 10px; letter-spacing:-1px;
	background: url(../rotate_img/tabs.gif) no-repeat 0px 0px;
	padding: 0px 2px 0px 2px !important;
}
/* The next 5 styles fix Netscape issues with padding it any other way */
ul.slideshowcontrolsmiddle .single-line a {
	line-height: 27px!important;
}
*html ul.slideshowcontrolsmiddle .single-line a {
	line-height: 26px!important;
}
ul.slideshowcontrolsmiddle .padded_fmt {
         display:block;
         padding:4px 3px 0px 0px;
}
ul.slideshowcontrolsmiddle .single-line .padded_fmt {
         display:block;
         padding:0px 3px 0px 0px;
}
ul.slideshowcontrolsmiddle a.activeslide, ul.slideshowcontrolsmiddle a:hover {
	background-position: 0px -33px !important;
	color: #003c7f; /* 5b7315 */
	text-decoration: none;
}
/* Used to make everything fade
#slideshow .opacity10 { opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;}
#slideshow .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#slideshow .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#slideshow .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#slideshow .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#slideshow .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#slideshow .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#slideshow .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#slideshow .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#slideshow .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}
 */
#slideshow .hide { 
	visibility:hidden; 
}
#slideshow .hideArchive {
	visibility:hidden; 
	display:none;
}
#slideshow .show { 
	visibility:visible !important;
	display:block !important; 
}

#countbox {

	font-size:20px;
	color:#FFFFFF;
	padding: 45px 0px 0px 20px;
	text-decoration: none;

}

#cal_rss {

    position:absolute;
    left:445px;
    top:18px;
}


a.yellow_btn, a.yellow_btn:hover {
	background: #FFFFC4;
	color: #000!important;
	font-weight: bold;
	word-spacing: normal;
	border: solid 1px #000;
	padding: 5px 6px;
	text-decoration: none;
}

/***************************
	Custom Tables for A-Z periodical holding list
***************************/
table.andrew {
	border-width: 1px;
	border-style: solid;
	border-color: #003366;
	border-collapse: collapse;
	background-color: white;
}
table.andrew th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #003366;
	background-color: white;
}
table.andrew td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #003366;
	background-color: white;
}

/***************************
Home page RSS Feed display
***************************/

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#feed1 ul{ /*CSS specific to feed 1*/
font-size: 0.70em;
padding-bottom: 5px;
}

#feed1 ul a{ /*CSS specific to feed 1*/
color: #003c7f;
text-decoration: underline;
}

#feed2 ul{ /*CSS specific to feed 1*/
font-size: 0.70em;
padding-bottom: 5px;
}

#feed2 ul a{ /*CSS specific to feed 1*/
color: #003c7f;
text-decoration: underline;
}