* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	width: 100%;
	height: 100%;
	font: 10px arial, sans-serif;
}

a {
	cursor: pointer;
	word-wrap: break-word;
}

a img {
	border: none;
}

h1 {
	line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', Arial, sans serif;
}

iframe {
    max-width: 100%;
}

/***************************
	HEADER
***************************/

#header_left_color {
	width: 100%;
	height: 82px;
	background: #1566b7;
	background: -moz-linear-gradient(left, #1566b7 0%, #003c7f 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1566b7), color-stop(100%, #003c7f));
	background: -webkit-linear-gradient(left, #1566b7 0%, #003c7f 100%);
	background: -o-linear-gradient(left, #1566b7 0%, #003c7f 100%);
	background: -ms-linear-gradient(left, #1566b7 0%, #003c7f 100%);
	background: linear-gradient(to right, #1566b7 0%, #003c7f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1566b7', endColorstr='#003c7f', GradientType=1);
}

#header_left_color div {
	float: right;
	width: 50%;
	height: 100%;
}

#left_color_bar {
	width: 100%;
	height: 9px;
	background: #76B900;
	border-bottom: 4px solid #ffc726;
}

#left_color_bar div {
	float: right;
	width: 100%;
	height: 100%;
	background: #76B900;
}

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

#header_content {
	width: 934px;
	height: 82px;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 215px;
	background: transparent url('../images/header-logo.png') 18px 6px no-repeat;
    background-size: auto 85%;
	height: 82px;
	color: #fff;
}

#logo h1 {
	display: none;
}

#top_nav {
	float: right;
	margin-right: 4px;
}

#top_nav a {
	display: block;
	padding-top: 64px;
	height: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	font: bold 10px 'Open Sans', arial, sans-serif;
	letter-spacing: 0px;
	text-shadow: 1px 1px 1px #1E5799;
}

#top_nav a span {
	padding: 4px 12px;
	margin-left: 4px;
	height: 20px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	background: #2989d8;
	background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 5%, #2989d8 50%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7db9e8), color-stop(5%, #207cca), color-stop(50%, #2989d8), color-stop(100%, #1e5799));
	background: -webkit-linear-gradient(top, #7db9e8 0%, #207cca 5%, #2989d8 50%, #1e5799 100%);
	background: -o-linear-gradient(top, #7db9e8 0%, #207cca 5%, #2989d8 50%, #1e5799 100%);
	background: -ms-linear-gradient(top, #7db9e8 0%, #207cca 5%, #2989d8 50%, #1e5799 100%);
	background: linear-gradient(to bottom, #7db9e8 0%, #207cca 5%, #2989d8 50%, #1e5799 100%);
}

#top_nav ul {
	list-style-type: none;
}

#top_nav li {
	float: left;
}

#top_nav .catalog {
	background: transparent url('../images/wall-icons/library-catalog.png') center 12px no-repeat;
	background-size: 32px;
}

#top_nav .account {
	background: transparent url('../images/wall-icons/my-account.png') center 12px no-repeat;
	background-size: 32px;
}

#top_nav .contact {
	background: transparent url('../images/wall-icons/contact-us.png') center 12px no-repeat;
	background-size: 32px;
}

#top_nav .search {
	background: transparent url('../images/wall-icons/search-site.png') center 12px no-repeat;
	background-size: 32px;
}

#color_bar {
	position: absolute;
	top: 82px;
	left: 0;
	width: 100%;
	height: 9px;
	border-bottom: 4px solid #ffc726;
	z-index: 9999;
}

#color_bar div {
	width: 100%;
	height: 9px;
	margin: 0 auto;
	z-index: 9999;
}

#container {
	position: relative;
	width: 945px;
	margin: 0 auto;
	padding: 0 0 0 14px;
	overflow-y: hidden;
	min-height: 580px;
}


/***************************
	MAIN MENU
***************************/

#menu_main {
	float: right;
	width: auto;
	height: 26px;
	font-size: 11px;
	padding-right: 16px;
	z-index: 9;
	position: relative;
}

#menu_main a {
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: normal;
	padding: 5px 0 0 0;
}

#menu_main ul {
	list-style-type: none;
	font-size: 11px;
}

#menu_main li {
	float: left;
}

#menu_main ul ul {
	position: absolute;
	z-index: 98;
	left: -999em;
	top: 24px;
	width: 200px;
	background: #da6c15;
	border-left: 1px solid #da6c15;
	border-right: 1px solid #da6c15;
	padding: 10px 0px 0 0px;
}


/* 2nd level */

#menu_main ul ul li {
	position: relative;
	background: #e77e2c;
	border-bottom: 1px solid #da6c15;
	padding: 3px 0px;
	font-size: 12px;
	z-index: 99;
}

#menu_main ul ul li a {
	width: 180px;
	height: auto;
	text-align: left;
	padding: 5px 10px;
}

#menu_main ul ul li a.daddy {
	background-image: url('../images/b_arrow.gif');
	background-position: 96% center;
	background-repeat: no-repeat;
}

#menu_main ul ul li a:hover {
	text-decoration: underline;
}

#toplevel7 ul {
	margin-left: -124px;
}

#toplevel8 ul {
	margin-left: -116px;
}


/* 3rd level */

#menu_main ul ul ul {
	position: absolute;
	top: -1px;
	background-image: none;
	margin: 0 0 0 200px;
	padding: 1px 0px 0 0px;
	z-index: 100;
}

#menu_main ul ul ul li {
	background: #dc6809 !important;
	border-bottom: 1px solid #c75e08;
	z-index: 104;
}

#menu_main ul ul ul li a {
	z-index: 102;
}


/* 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: -402px;
}

#menu_main a.services {
	font: bold 11px 'Open Sans', arial, sans-serif;
	text-shadow: 1px 1px 1px #B74F00;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 14px 2px;
	height: 18px;
	width: auto;
	border-bottom-left-radius: 6px;
	border-top: 1px solid #f58a34;
	border-right: 1px solid #af5003;
	border-bottom: 1px solid #e06400;
	border-left: 1px solid #e06400;
	background: #e87b00;
	background: -moz-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5ca80), color-stop(5%, #e89230), color-stop(25%, #ea9c27), color-stop(75%, #e87b00), color-stop(100%, #d86100));
	background: -webkit-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -o-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -ms-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: linear-gradient(to bottom, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
}


#menu_main a.books,
#menu_main a.calendar,
#menu_main a.branches,
#menu_main a.locations,
#menu_main a.programs,
#menu_main a.community,
#menu_main a.careers,
#menu_main a.kids {
	font: bold 11px 'Open Sans', arial, sans-serif;
	text-shadow: 1px 1px 1px #B74F00;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 14px 2px;
	height: 18px;
	width: auto;
	border-top: 1px solid #f58a34;
	border-right: 1px solid #af5003;
	border-bottom: 1px solid #e06400;
	border-left: 1px solid #f3bc90;
	background: #e87b00;
	background: -moz-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5ca80), color-stop(5%, #e89230), color-stop(25%, #ea9c27), color-stop(75%, #e87b00), color-stop(100%, #d86100));
	background: -webkit-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -o-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -ms-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: linear-gradient(to bottom, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
}

#menu_main a.about {
	font: bold 11px 'Open Sans', arial, sans-serif;
	text-shadow: 1px 1px 1px #B74F00;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 14px 2px;
	height: 18px;
	width: auto;
	border-bottom-right-radius: 6px;
	border-top: 1px solid #f58a34;
	border-right: 1px solid #e06400;
	border-bottom: 1px solid #e06400;
	border-left: 1px solid #f3bc90;
	background: #e87b00;
	background: -moz-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5ca80), color-stop(5%, #e89230), color-stop(25%, #ea9c27), color-stop(75%, #e87b00), color-stop(100%, #d86100));
	background: -webkit-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -o-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: -ms-linear-gradient(top, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
	background: linear-gradient(to bottom, #e5ca80 0%, #e89230 5%, #ea9c27 25%, #e87b00 75%, #d86100 100%);
}

#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.programs,
#menu_main li.sfhover a.programs,
#menu_main li.active a.programs,
#menu_main li:hover a.community,
#menu_main li.sfhover a.community,
#menu_main li.active a.community,
#menu_main li:hover a.careers,
#menu_main li.sfhover a.careers,
#menu_main li.active a.careers,
#menu_main li:hover a.about,
#menu_main li.sfhover a.about,
#menu_main li.active a.about {
	border: 1px solid #EDA024;
	background: #ffcc42;
	background: -moz-linear-gradient(top, #f9d068 1%, #fccd4d 25%, #f8b500 77%, #f9b300 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9d068), color-stop(25%, #fccd4d), color-stop(77%, #f8b500), color-stop(100%, #f9b300));
	background: -webkit-linear-gradient(top, #f9d068 1%, #fccd4d 25%, #f8b500 77%, #f9b300 100%);
	background: -o-linear-gradient(top, #f9d068 1%, #fccd4d 25%, #f8b500 77%, #f9b300 100%);
	background: -ms-linear-gradient(top, #f9d068 1%, #fccd4d 25%, #f8b500 77%, #f9b300 100%);
	background: linear-gradient(to bottom, #f9d068 1%, #fccd4d 25%, #f8b500 77%, #f9b300 100%);
}

#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.programs,
#menu_main li.sfhover a.programs,
#menu_main li.active a.programs,
#menu_main li:hover a.community,
#menu_main li.sfhover a.community,
#menu_main li.active a.community,
#menu_main li:hover a.careers,
#menu_main li.sfhover a.careers,
#menu_main li.active a.careers,
#menu_main li:hover a.about,
#menu_main li.sfhover a.about,
#menu_main li.active a.about {
	color: #B74F00;
	text-shadow: 1px 1px 3px #E5CA80;
}


/***************************
	FIND BOX
***************************/

#find_box {
	position: absolute;
	z-index: 100;
	top: 24px;
	left: 635px;
	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: none;
}

#container #nav_btm {
	background: none;
}

#left_nav {
	position: relative;
	float: left;
	width: 170px;
}

div>#left_nav {
	margin-left: -10px;
	margin-top: 27px;
}

#left_nav h2 {
	color: #f28d3b;
	padding: 8px;
	margin-top: 20px;
}

#left_nav h2 span {
	font-weight: bold;
	font-size: 18px;
	color: #da6c13;
	font-family: 'Open Sans', arial, sans-serif;
	letter-spacing: 0px;
}

#left_nav h4 {
	color: #003c7f;
	font-size: 12px;
	margin: 0 16px .25em 16px;
}

#left_nav h5 {
	color: #B2550A;
	font-size: 10px;
	margin: 0 16px .25em 16px;
}

#left_nav p {
	font-size: 12px;
	margin: 0 16px .25em 16px;
}

div>#left_nav p {
	margin: 0 16px .75em 16px;
}

#nav_items {
	width: 170px;
	background: #EAF4FE;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top: 1px solid #C7E3FF;
	border-right: 1px solid #C7E3FF;
	border-bottom: 1px solid #C7E3FF;
	border-left: 1px solid #C7E3FF;
}

#nav_items a {
	display: block;
	color: #536F8C;
	font-size: 12px;
	text-decoration: none;
	padding: 8px 10px;
	border-top: 1px solid #a5c3e3;
}

#nav_items a:hover {
	background: #536F8C;
	color: #ffffff;
}

#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 {
	padding: 0 0 0 20px;
}

#nav_items ul ul li {
	padding: 0px;
}

#nav_items ul ul li a {
	display: block;
	color: #3E5369;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 6px;
	border: 0;
}

#nav_items li.active ul li a {
	background: transparent;
	color: #000;
}

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

#nav_items select {
	width: 175px;
	font-size: 11px;
	border: 1px solid #1c5180;
}

#nav_items input {
	font-size: 11px;
}

#nav_items input.checkbox {
	margin: 0 .75em 0 0;
}


/***************************
	HOMEPAGE CONTENT
***************************/

#content_home {
	margin: 0px 0px 0px 10px;
}

#content_home .col1 {
	float: left;
	margin-top: -2px;
	width: 600px;
}

#content_home .col2 {
	float: left;
	width: 293px;
}

#feature {
	padding-top: 10px;
}

#feature img {
	width: 595px;
	height: 285px;
	border: 0;
	border-radius: 8px;
}


/* 416px; height: 211px; */

#featurette {
	position: relative;
	width: 595px;
	height: 117px;
	overflow: auto;
	float: left;
	background: #70aa0a;
	border-radius: 6px;
	margin: 0px 0 0 0;
}


/* Added - overflow:auto; float:left; */

#featurette h2 {
	color: #649d00;
	font: bold 18px arial, sans-serif;
	margin: 0 0 0 120px;
	padding: 10px 0 0 0;
}

#featurette h4 {
	color: #003c7f;
	font: italic 14px tahoma, arial, sans-serif;
	text-transform: lowercase;
	margin: 0 0 11px 121px;
}

#featurette img {
	float: left;
	margin: 5px 0 0 6px;
	border: 0;
	border-radius: 6px;
}

#featurette p {
	font-size: 12px;
	line-height: 1.25em;
	margin: 0 0 0 121px;
}

#featurette a {
	color: #98ab48;
}

#featurette_content {
	margin: 5px;
	height: 107px;
	background: #ffffff;
	border-radius: 6px;
}

#featurette .arrows {
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 60px;
	height: 28px;
	text-align: right;
	padding: 0;
	background: #70aa0a;
	border-radius: 4px;
}

#featurette .arrows img {
	border: 0;
}

#hilite_box {
	position: relative;
	background: #e8e4d3;
	font-size: 14px;
	line-height: 20px;
	color: #737373;
	border-radius: 6px;
}

#hilite_box h2 {
	color: #598C00;
	font: 16px 'Open Sans', Arial, sans-serif;
	margin: 0px;
	padding: 0px 0px 6px;
	text-align: center;
	height: 20px;
	font-weight: 700;
}

#hilite_box ul {
	padding: 17px 30px 0 30px;
}

#hilite_box li {
	/* background: transparent url('../images/hilite-box-bullet.gif') 0 4px no-repeat; */
	margin: 0 0 18px 15px;
	padding: 0 0 0 0px;
}

#hilite_box a {
	color: #98ab48;
}

#hilite_box a.more_link {
	position: absolute;
	right: 4px;
	bottom: 0px;
	font: 10px 'Open Sans', Arial, sans serif;
	font-weight: 700;
	text-decoration: none;
	color: #D46E26;
	padding: 6px 12px;
	/*background: #F3F3F3;
	border-top-left-radius: 4px;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;*/
}

#hilite_content {
	margin: 0px 5px 5px 5px;
	padding: 15px 10px 0px;
	background: #fcfcfc;
	border-radius: 6px;
	border: 0px solid #eee;
	height: 268px;
}

#hilite_content ul {
	padding: 0px;
}

#hilite_content li {
	background: transparent url('../images/bullet-black.png') -5px -1px no-repeat;
	list-style: none;
	margin: 0 0 10px 0px;
	padding: 0 0 0 10px;
}

#hilite_content a {
	color: #2090EF;
	text-decoration: none;
}

#mid_box {
	width: 897px;
	font-size: 12px;
	clear: both;
	height: 75px;
	background: #F5FAFF;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
	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: 14px;
	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: 520px;
	line-height: 1.2em;
	margin: 0 0 0 56px;
}

#mid_box .col1 a {
	color: #98ab48;
}

#mid_box .col2 {
	float: right;
	width: 274px;
	height: 55px;
	background: #eaf4fe;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
	margin: 5px 6px 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: 10px;
	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: 10px;
	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: 11px;
	margin: 0 10px 0px 10px;
	padding: 0 0 2px 2px;
	border-bottom: 1px solid #97d728;
}

#quick_links p {
	font-size: 11px;
	margin: 10px 10px 0px 10px;
}

#quick_links a {
	color: #003c7f;
}


/*#98ab48*/

#quick_links ul {
	font-size: 11px;
	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: 11px;
	margin: 5px 0 0 0;
}

#quick_links .box {
	width: 100%;
	margin: 8px 0 0 0;
	background: #eaf4fe;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
}

#quick_links .top div {
	background: #eaf4fe;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
}

#quick_links .top div {
	background: #eaf4fe;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
}

#quick_links .bot div {
	background: #eaf4fe;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
}

#quick_links .bot {
	background: #eaf4fe;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
}

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

.content0 {
	float: left;
	width: 410px;
	margin: 22px 60px 0px;
}

.content0 img {
	width: 200px !important;
}

.content1 {
	float: left;
	width: 165px;
	display: none !important;
}

.content1 .col1 {
	width: 160px !important;
}

.content1 .col1 h2 {
	font-size: 12px !important;
}

.content2 {
	float: left;
	width: 320px;
	margin-top: -3px;
}

.content2 .col2 {
	width: 320px !important;
}

.content2 .col2 h2 {
	font-size: 12px !important;
}

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


/***************************
	Quick Links Test
***************************/

#quick_links_test h2 {
	color: #003c7f;
	font-size: 11px;
	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: 11px;
	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: 11px;
	margin: 5px 0 0 0;
}

#quick_links_test .box {
	width: 100%;
	margin: 8px 0 0 0;
	background: #F5FAFF;
	border: 1px solid #E1EBF5;
	border-radius: 6px;
}

#quick_links_test .top div {
	background: #F5FAFF;
	border-radius: 6px;
}

#quick_links_test .top div {
	background: #F5FAFF;
	border-radius: 6px;
}

#quick_links_test .bot div {
	background: #F5FAFF;
	border-radius: 6px;
}

#quick_links_test .bot {
	background: #F5FAFF;
	border-radius: 6px;
}

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

.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: 670px;
	font: 13px arial, sans-serif;
	line-height: 18px;
	margin: 58px 30px 30px 0px;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #E3E3E3;
	border-radius: 6px;
	box-shadow: 0px 1px 3px #DEDEDE;
	color: #575757;
}

#content_main h2 {
	color: #205396;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 .45em 0;
	padding: 0 0 .4em 0;
	line-height: normal;
}

#content_main h3 {
	color: #248;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 .3em 0;
	padding: .15em 0 .2em 0;
}

#content_main h4 {
	color: #598c00;
	font: bold 14px 'Open Sans', arial, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .3em 0;
}

#content_main hr {
	height: 1px;
	background: #ccc;
	margin: 20px 0px;
	border: 0;
}

#content_main a {
	color: #2690ff;
}

#content_main a:hover {
	color: #1b65b3;
}

#content_main p,
#content_main ul,
#content_main dl,
#content_main table {
	margin: 0 0 10px 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: #474747;
	padding: 0 0 10px 10px;
}

#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 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: 12px;
	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: 0px solid #b5b5b5;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	float: left;
	margin-right: 10px;
}

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

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


/***************************
	COLUMN STYLES
***************************/

.flex_column {
	z-index: 1;
	float: left;
	position: relative;
	min-height: 1px;
	width: 94%;
	background: #f2f2f2;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 15px;
}

.one_fifth {
	margin-left: 6%;
	width: 12.2%
}

.one_fourth {
	margin-left: 6%;
	width: 17.5%
}

.one_third {
	margin-left: 6%;
	width: 26.333333333333332%
}

.two_fifth {
	margin-left: 6%;
	width: 33.4%
}

.one_half {
	margin-left: 5%;
	width: 42%
}

.three_fifth {
	margin-left: 6%;
	width: 54.599999999999994%
}

.two_third {
	margin-left: 6%;
	width: 61.66666666666666%
}

.three_fourth {
	margin-left: 6%;
	width: 70.5%
}

.four_fifth {
	margin-left: 6%;
	width: 75.8%
}

.one_sixth {
	margin-left: 6%;
	width: 8.666666666666666%
}

.one_seventh {
	margin-left: 6%;
	width: 6.142857142857142%
}

.one_eighth {
	margin-left: 6%;
	width: 4.25%
}

.one_nineth {
	margin-left: 6%;
	width: 2.777777777777778%
}

.one_tenth {
	margin-left: 6%;
	width: 1.6%
}

.first {
	margin-left: 0;
	clear: left;
}

.flex_column:after,
.clearfix:after {
	clear: both;
}

.clearfix {
	clear: both;
}

@media only screen and (max-width: 959px) {
	.one_half,
	.one_third,
	.one_fourth,
	.one_fifth,
	.one_sixth,
	.one_seventh,
	.one_eighth,
	.two_third,
	.three_fourth {
		width: 94%!important;
		margin-left: 0!important;
	}
}


/***************************
	CALENDAR STYLES
***************************/

#container.calendar #nav_back {
	background: none;
}

#container.calendar #nav_btm {
	background: none;
}

.calendar #left_nav {
	width: 100%;
	margin-top: 0px;
}

.calendar #nav_items {
	width: 100%;
}

.calendar #content_main {
	width: auto;
	margin-right: 13px;
	margin-top: 8px;
	float: left;
}

#left_nav .categories_table {
	padding: 0;
	margin: 0;
	margin-left: 15px;
}

#left_nav .categories_table td {
	font-size: 11px;
	padding-bottom: 5px;
	padding-bottom: 0;
}

#left_nav .categories_table td label {
	padding-left: 5px;
	padding-bottom: 0;
}

#left_nav .button {
	margin-left: 15px;
}

#cal_grid {
	text-align: center;
	font-size: 12px;
}

#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 a:hover {
	background: #71822E;
	color: #fff !important;
	text-decoration: none !important;
}

#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: 12px;
	font-weight: normal;
	border-top: 1px solid #88bbdd;
}

#cal_grid td {
	font-size: 12px;
	text-align: center;
}

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

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

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

#ctl00_ContentPlaceHolder1_calEvents {
	border-left: 1px solid #88bbdd !important;
}

.sponsor {
	padding-top: 5px;
	font-style: italic;
	margin-left: 8px;
}

.calendar-nav {
	float: left;
	padding: 10px 15px;
}


/***************************
	FOOTER
***************************/

#footer {
	clear: both;
	font-size: 11px;
	width: 100%;
	color: #1664b4;
	text-align: center;
	margin: 1em auto;
	padding-bottom: 80px;
}

#footer a {
	color: #1664b4;
}


/***************************
	TRANSLATIONS
***************************/

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

#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;
	border-radius: 6px;
	border: 1px solid #E4ECF5;
}

.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
***********************************/

#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 14px arial, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .3em 0;
}

#content_main #main-section2-blue-headline {
	font: bold 13px arial, sans-serif;
	letter-spacing: .05em;
	background-color: #E7F0D1 !important;
	border-radius: 6px;
	color: #598c00;
	margin: 20px 0 10px 0;
	padding: 10px 5px 6px 10px;
}

#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;
}

#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;
}

#kids_back,
#teens_back {
	display: none;
}


/**************************************/

#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: 365px;
	left: 205px;
	display: none;
	/*margin-bottom: 15px;*/
}

.error {
	width: auto;
	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: auto;
	border: 1px solid #0f0;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #EDEDED;
}

.success strong {
	color: #0f0;
}

.notice {
	width: auto;
	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: 18px;
}


/**********************************
	SLIDESHOW
***********************************/

#slideshow {
	position: relative;
	float: left;
	width: 600px;
	/* 423, 272*/
	height: 330px;
	/* 416, 211*/
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

#slideshow .slide {
	position: absolute;
	width: 600px;
	/* 440, 243*/
	height: 343px;
}

#slideshow #slide1 {
	z-index: 1;
}

#slideshow .slidelinks_container {
	position: absolute;
	width: 600px;
	/* 440, 291*/
	height: 391px;
	z-index: 2;
}

#slideshow #slideshowcontrols {
	position: absolute;
	top: 285px;
	/* Tabs */
	z-index: 3;
	left: 0;
	padding: 0px 0px 0px 7px;
	width: 590px;
	height: 29px;
}


/* 4 Slides with text */

ul.slideshowcontrolsmiddle {
	height: 29px !important;
	float: left;
	z-index: 10;
	position: absolute;
	text-align: center;
	width: 580px !important;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

ul.slideshowcontrolsmiddle li {
	z-index: 0;
	height: 25px;
	width: 142px !important;
	float: left;
	margin: 0px 3px 3px 0px;
}


/* The a elements inside those 4 tabs */

ul.slideshowcontrolsmiddle a:link,
ul.slideshowcontrolsmiddle a:visited {
	color: #808080;
	/* 243403 */
	height: 25px;
	text-align: center;
	float: left;
	display: block;
	width: 140px !important;
	font-weight: bold !important;
	font-family: arial, sans-serif !important;
	text-decoration: none;
	line-height: 9px;
	letter-spacing: -0px;
	font-size: 12px !important;
	margin: 0px 2px 0px 2px !important;
	padding: 5px 0px 0px 0px;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
}


/* 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 {
	color: #365212;
	/* 5b7315 */
	text-decoration: none;
	border-bottom: 1px solid #77A300;
	border-left: 1px solid #77A300;
	border-right: 1px solid #77A300;
	background: #8fc400;
	background: -moz-linear-gradient(top, #8fc400 0%, #75a000 80%, #75a000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fc400), color-stop(80%, #75a000), color-stop(100%, #75a000));
	background: -webkit-linear-gradient(top, #8fc400 0%, #75a000 80%, #75a000 100%);
	background: -o-linear-gradient(top, #8fc400 0%, #75a000 80%, #75a000 100%);
	background: -ms-linear-gradient(top, #8fc400 0%, #75a000 80%, #75a000 100%);
	background: linear-gradient(to bottom, #8fc400 0%, #75a000 80%, #75a000 100%);
}

#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: 15px;
	top: 10px;
}

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: 10px;
	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: 10px;
	padding-bottom: 5px;
}

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


/***************************
Form Consistency
***************************/

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

button,
input {
	overflow: visible;
	line-height: normal;
	border-radius: 3px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
	border-radius: 3px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #B74F00;
	border: 1px solid #CC9604;
	border-radius: 3px;
	padding: 5px 10px;
	text-shadow: 2px 2px 1px #ffd65e;
	background: #ffcc42;
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
	background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -o-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -ms-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #913F00;
	border: 1px solid #CC9604;
	border-radius: 3px;
	padding: 5px 10px;
	text-shadow: 2px 2px 1px #ffd65e;
	background: #febf04;
	background: -moz-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #febf04), color-stop(100%, #ffd65e));
	background: -webkit-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: -o-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: -ms-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: linear-gradient(to bottom, #febf04 0%, #ffd65e 100%);
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
	border-radius: 3px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	border-radius: 3px;
}

input [type="text"] {
	border-radius: 3px;
}

textarea {
	overflow: auto;
	vertical-align: top;
	border-radius: 3px;
}


/***************************
Bottom Toolbar
***************************/

#toolbar {
	position: fixed;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px auto 0px;
	padding: 0px;
	bottom: 0px;
	z-index: 999;
	background: #f2f2f2 url('/images/subtle_surface.png') repeat;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}

#toolbar-feedback,
#toolbar-donate {
	float: left;
	margin: 3px 35px 3px 0px;
}

#toolbar-language,
#toolbar-social {
	float: right;
	margin: 3px 3px 3px 35px;
}

#toolbar-feedback .toolbar-left {
	margin-top: 13px;
}

#toolbar-donate {
	margin-top: 5px;
}

.toolbar-left {
	float: left;
}

.toolbar-right {
	float: right;
}

.toolbar-icon-left {
	float: left;
	padding: 4px 3px 0px;
}

.toolbar-icon-right {
	float: right;
	padding: 4px 3px 0px;
}

#google_translate_element {
	margin: 7px;
}

.toolbar-opinions {
	float: right;
	margin-top: 6px;
	display: none!important;
}

.toolbar-donation img {
	border-radius: 4px;
	padding: 2px;
	background: #ffffff;
	float: left;
}

#toolbar-feedback-button a {
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #B74F00;
	border: 1px solid #CC9604;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 0px 3px;
	text-shadow: 2px 2px 1px #ffd65e;
	text-decoration: none;
	background: #ffd65e;
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
	background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -o-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -ms-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
}

#toolbar-feedback-button a:hover {
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #913F00;
	border: 1px solid #CC9604;
	border-radius: 3px;
	padding: 5px 10px;
	text-shadow: 2px 2px 1px #ffd65e;
	background: #febf04;
	background: -moz-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #febf04), color-stop(100%, #ffd65e));
	background: -webkit-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: -o-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: -ms-linear-gradient(top, #febf04 0%, #ffd65e 100%);
	background: linear-gradient(to bottom, #febf04 0%, #ffd65e 100%);
}

#toolbar-donate-button a {
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #496D06;
	border: 1px solid #6DA309;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 0px 3px;
	text-shadow: 2px 2px 1px #9dd53a;
	text-decoration: none;
	background: #9dd53a;
	background: -moz-linear-gradient(top, #9dd53a 0%, #80c217 50%, #7cbc0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd53a), color-stop(50%, #80c217), color-stop(100%, #7cbc0a));
	background: -webkit-linear-gradient(top, #9dd53a 0%, #80c217 50%, #7cbc0a 100%);
	background: -o-linear-gradient(top, #9dd53a 0%, #80c217 50%, #7cbc0a 100%);
	background: -ms-linear-gradient(top, #9dd53a 0%, #80c217 50%, #7cbc0a 100%);
	background: linear-gradient(to bottom, #9dd53a 0%, #80c217 50%, #7cbc0a 100%);
}

#toolbar-donate-button a:hover {
	font-family: arial, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #314704;
	border: 1px solid #6DA309;
	border-radius: 3px;
	padding: 5px 10px;
	text-shadow: 2px 2px 1px #9dd53a;
	background: #7cbc0a;
	background: -moz-linear-gradient(top, #7cbc0a 0%, #80c217 50%, #9dd53a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbc0a), color-stop(50%, #80c217), color-stop(100%, #9dd53a));
	background: -webkit-linear-gradient(top, #7cbc0a 0%, #80c217 50%, #9dd53a 100%);
	background: -o-linear-gradient(top, #7cbc0a 0%, #80c217 50%, #9dd53a 100%);
	background: -ms-linear-gradient(top, #7cbc0a 0%, #80c217 50%, #9dd53a 100%);
	background: linear-gradient(to bottom, #7cbc0a 0%, #80c217 50%, #9dd53a 100%);
}

.toolbar-opinions {
	float: right;
	margin-top: 6px;
}

.share-button.toolbar-icon-right.sharer-0 {
	display: none!important;
}


/***************************
Catalog Search Box
***************************/

#escape-form {
	width: 959px;
	margin: 0 auto;
	padding: 0px;
	height: 0px;
	position: relative;
}

#catalog-search {
	position: absolute;
	float: left;
	z-index: 2;
	top: 34px;
	left: 638px;
	width: 284px;
	height: 26px;
	background: #7fbdfe;
	color: #003c7f;
	padding: 5px 0 5px 5px;
	border: 1px solid #6B9DD1;
	border-radius: 4px;
}

.catalog-search-home {
	margin-top: 403px;
}

#catalog-search {
	position: absolute;
	float: left;
	z-index: 2;
	top: 130px;
	left: 652px;
	width: 284px;
	height: 26px;
	background: #7fbdfe;
	color: #003c7f;
	padding: 5px 0 5px 5px;
	border: 1px solid #6B9DD1;
	border-radius: 4px;
}

#mobile-search {
	position: absolute;
	float: left;
	z-index: 2;
	top: 130px;
	left: 652px;
	width: 284px;
	height: 26px;
	background: #7fbdfe;
	color: #003c7f;
	padding: 5px 0 5px 5px;
	border: 1px solid #6B9DD1;
	border-radius: 4px;
	display: none;
}

#catalog-search-wall {
	float: left;
	z-index: 2;
	width: 274px;
	height: 26px;
	background: #7fbdfe;
	color: #003c7f;
	padding: 5px 0 5px 5px;
	border: 1px solid #6B9DD1;
	border-radius: 4px;
	margin-bottom: 5px;
}

input#Term {
	padding: 3px 0px 3px 5px;
	border-radius: 3px;
	border: 1px solid #6B9DD1 !important;
	font-size: 12px;
	margin-right: 2px;
	float: left;
	height: 19px;
	width: 44%;
}

select#SearchBy {
	padding: 2px 3px;
	border-radius: 3px;
	border: 1px solid #6B9DD1 !important;
	font-size: 12px;
	margin-right: 3px;
	float: left;
	height: 27px;
	width: 30%;
}

input#Search {
	float: right;
	margin-right: 5px;
	height: 27px;
	width: 16%;
}


/***************************
Donation Container
***************************/

#donate {
	position: absolute;
	background: none;
	padding: 0px;
	border-radius: 4px;
	top: 3px;
	left: 30px;
	border: 0px solid #d7d7d7;
	z-index: 10;
	width: auto;
	float: left;
	display: none;
}

#donate img {
	height: 25px;
	width: 136px;
}

.donate-footer {
	display: none;
}


/***************************
Expand/Collapse Divs
***************************/

.expand-heading {
	border: 1px solid #E7E7E7;
	margin: 10px 0px 0px 0px !important;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, whiteSmoke));
	padding: 10px 20px 10px 20px;
	text-shadow: 1px 1px 0 white;
	position: relative !important;
	font-size: 13px;
	font-weight: bold;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	color: #D46E26;
	width: auto;
}

.expand {
	background: #F9F9F9 url('/images/expand.png') no-repeat 98% 50% !important;
}

.collapse {
	background: #F9F9F9 url('/images/collapse.png') no-repeat 98% 50% !important;
}

.expand-content {
	padding: 10px 20px 10px 20px !important;
	border: 1px solid #E7E7E7;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top: 0px solid #ffffff !important;
	width: auto;
	background: #f7f7f7;
}

.expand-content img {
	border-radius: 0px !important;
}

.expand-container {
	margin-left: 10px;
	width: 98%;
}


/***************************
Downloadable Content
***************************/

.mediatable {
	background: #f8f8f8;
	border-radius: 6px;
	border: 1px solid #e7e7e7;
	margin: 20px 0px !important;
	width: 100%;
	padding: 10px 20px 10px 0px;
}

#mediatable-heading {
	margin-left: 5px !important;
	font-size: 20px !important;
}

.mediatable a {
	text-decoration: none;
}

.mediatable li {
	background: none !important;
	font-size: 11px;
	margin-top: -10px;
	padding: 0px 0px 0px 0px !important;
}

.mediatable li a {
	color: #D46E26 !important;
}

.mediatable-icon {
	width: auto;
}

.mediatable-content {
	width: auto;
}


/***************************
Idea Box
***************************/

.idea-heading {
	margin: 10px 0px 0px 0px !important;
	cursor: pointer;
	padding: 10px 20px 10px 0px;
	position: relative !important;
	font-size: 14px;
	font-weight: bold;
	width: auto;
	height: auto;
	text-transform: uppercase;
	text-align: center;
}

.idea-off {
	background: #e7e7e7 url('/images/idea-off.png') no-repeat 1% 50% !important;
	color: #D46E26;
	text-shadow: 1px 1px 2px #EBE9CE;
	border: 1px solid #c7c7c7;
	border-radius: 6px;
}

.idea-on {
	background: #f8f8f8 url('/images/idea-on.png') no-repeat 1% 50% !important;
	color: #D46E26;
	text-shadow: 1px 1px 2px #ffffff;
	border: 1px solid #e7e7e7;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.idea-content {
	padding: 10px 20px 10px 20px !important;
	border: 1px solid #e7e7e7;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top: 0px solid #ffffff !important;
	width: auto;
	background: #f8f8f8;
	font-size: 11px;
	line-height: 18px;
}

.idea-content img {
	border-radius: 0px !important;
}

.idea-container {
	margin-left: 0px;
	width: 100%;
}

.idea-box {
	background: #F7F7E6 url('../images/idea-on.png') no-repeat 5px 10px;
	padding: 15px 10px 10px 50px;
	border-radius: 6px;
	border: 1px solid #EBE9CE;
	font-size: 11px;
	line-height: 18px;
}


/***************************
Subject Container
***************************/

.subject-container {
	width: 98%;
	float: left;
	padding: 5px;
	margin: 0px 15px 10px 2px;
	border-radius: 6px;
	border: 1px solid #e5e8dd;
	background: #ffffff;
	box-shadow: 0px 1px 3px #d2d2d2;
}

.subject-container img {
	border-radius: 6px;
}

.subject-container a {
	text-decoration: none;
}

.subject-container a:hover {
	text-decoration: underline;
}

.subject-container ul {
	margin: 0px -5px 0px -10px !important;
}

.subject-container ul li {
	padding: 0px 0px 10px 10px !important;
}

.subject-container .expand-heading {
	margin-top: 0px !important;
}


/***************************
Two-Column Content
***************************/

.two-column {
	width: 97%;
	height: 100%;
	margin-bottom: 10px;
	background: #f2f8fe;
	border-radius: 6px;
	padding: 10px;
	float: left;
}

.first-half {
	float: left;
	width: 50%;
	height: auto;
}

.first-half ul {
	margin-bottom: 0px !important;
}

.last-half {
	float: left;
	width: 50%;
	clear: right;
}

.divider {
	width: 100%;
	height: 10px;
	clear: both;
}


/***************************
Homepage Media Wall
***************************/

@media only screen and ( min-width: 640px) and ( max-width: 959px) {
	#quicklinkboard {
		width: 640px !important;
	}
}

@media only screen and ( min-width: 490px) and ( max-width: 639px) {
	#quicklinkboard {
		width: 490px !important;
	}
}

@media only screen and ( min-width: 0px) and ( max-width: 490px) {
	#quicklinkboard {
		width: 320px !important;
	}
}

#quicklinkboard {
	width: 100%;
	margin: 0px auto;
}

#quicklinkwall,
#staffpickswall {
	width: 900px;
	margin: 10px -3px 0px;
	float: left;
}

#staffpickswall {
	display: none;
}

.wallitem {
	margin: 5px;
	padding: 5px;
	background: #fff;
	float: left;
	border-radius: 4px;
	border: 1px solid #d0cbb8;
}

.wallcenter {
	text-align: center;
}

.wall-label {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	margin: 0 auto;
	width: 180px;
}

.wall-label h3 {
	text-align: center;
	font-size: 16px;
	padding: 4px 16px;
	color: #fff;
}

.wall-news {
	height: 314px;
	width: 282px;
	background: #e8e4d3;
}

.wall-quicklink {
	background: #e7e4d3;
	height: 90px;
}

.wall-quicklink:hover {
	background: #e7e4d3;
	border: 1px solid #D6D6D6;
}

.wall-quicklink:hover a {
	color: #2690FF!important;
}

.wall-icon {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.wall-icon-label {
	text-align: center;
	float: left;
	width: 100%;
}

.wall-icon-label a {
	font: 12px 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #777;
}

.wall-icon-label a:hover {
	color: #2690FF;
}

.wallitem img {
	max-width: 48px;
	border-radius: 4px;
}

.wallitem ul {
	padding: 5px 0px 10px 25px;
}

.wall80 {
	width: 80px;
}

.wall180 {
	width: 130px;
}

.wall280 {
	width: 280px;
}

.wall380 {
	width: 380px;
}

.wall480 {
	width: 480px;
}

.wall580 {
	width: 580px;
}


/***************************
Royal Slider
***************************/

#full-width-slider {
	margin: -26px 0px 10px -10px;
	width: 952px;
	float: left;
	height: 400px;
}

.rsImg {
	border-radius: 4px;
}

.coloredBlock {
	padding: 12px;
	background: rgba(255, 0, 0, 0.7);
	color: #FFF;
	width: 200px;
	left: 20%;
	top: 5%;
}

.infoBlock {
	position: absolute;
	max-width: 50%;
	padding-bottom: 0;
	overflow: auto;
	padding: 20px;
	z-index: 9;
}

.infoBlockTopLeft {
	left: 25px;
	right: auto;
	top: 36px;
	border-radius: 4px;
}

.infoBlockBottomLeft {
	left: 25px;
	right: auto;
	bottom: 25px;
	border-radius: 4px;
}

.infoBlockBottomRight {
	right: 10px;
	left: auto;
	bottom: 50px;
	border-radius: 4px;
}

.infoBlockBlack {
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
}

.infoBlockBlack a {
	color: #FFC726!important;
}

.infoBlockGreen {
	background: #000;
	background: rgba(118, 185, 0, 0.7);
	color: #fff;
}

.infoBlockGreen a {
	color: #267700!important;
}

.infoBlockBlue {
	background: #000;
	background: rgba(0, 60, 128, 0.7);
	color: #fff;
}

.infoBlockBlue a {
	color: #81BDFF!important;
}

.infoBlockGrey {
	background: #fff;
	background: rgba(250, 250, 250, 0.7);
	color: #333;
}

.infoBlockGrey a {
	color: #000!important;
}

.infoBlock h4 {
	font: 18px 'Open Sans', arial, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 3px;
}

.infoBlock p {
	font-size: 14px;
	margin: 4px 0 0;
}

.photosBy {
	position: absolute;
	line-height: 24px;
	font-size: 12px;
	background: #FFF;
	color: #000;
	padding: 0px 10px;
	position: absolute;
	left: 12px;
	bottom: 12px;
	top: auto;
	border-radius: 2px;
	z-index: 25;
}

.photosBy a {
	color: #000;
}

.fullWidth {
	max-width: 1400px;
	margin: 0 auto 24px;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
	.royalSlider.heroSlider,
	.royalSlider.heroSlider .rsOverflow {
		height: 220px !important;
	}
	.infoBlock p {
		font-size: 12px;
	}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	.royalSlider.heroSlider,
	.royalSlider.heroSlider .rsOverflow {
		height: 300px !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 480px) {
	.infoBlock {
		padding: 10px;
		max-height: 35%;
		min-width: 300px;
		max-width: 100%;
		left: 0;
		top: 0px;
		right: auto;
		font-size: 12px;
		border-radius: 0px;
	}
	.infoBlock h3 {
		font-size: 14px;
		line-height: 17px;
	}
	.infoBlock h4 {
		font-size: 16px !important;
	}
}


/***************************
Scout Links
***************************/

.scoutlink {
	width: 290px;
	font: 13px arial, sans-serif;
	line-height: 18px;
	color: #666666;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	background: #f5f5f5;
	vertical-align: baseline;
	margin: 10px 5px;
	float: right;
}

.scoutlink img {
	vertical-align: middle;
	float: left;
	padding: 5px;
}

.scoutlink p {
	margin: 0px!important;
	padding: 13px 0px;
	vertical-align: middle;
}

.scoutlink a {
	text-decoration: none;
	color: #e6a61d!important;
	display: block;
}

.scoutlink a:hover {
	color: #c25e36!important;
}


/***************************
Mobile Navigation
***************************/

.mobilenav-icon {
	position: absolute;
	top: 22px;
	right: 10px;
	padding: 8px 10px 8px 25px;
	display: none;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border-radius: 3px;
	color: #B74F00;
	border: 1px solid #CC9604;
	text-shadow: 2px 2px 1px #ffd65e;
	background: #ffd65e;
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
	background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -o-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: -ms-linear-gradient(top, #ffd65e 0%, #febf04 100%);
	background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
}

.mobilenav-icon h4 {
	color: #B74F00;
}

.mobilenav-icon h4:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 7px;
	width: 12px;
	height: 2px;
	border-top: 6px double #B74F00;
	border-bottom: 2px solid #B74F00;
}


/***************************
Alternate Pixel Densities
***************************/

@media only screen and (max-width: 767px) {
	#toolbar {
		background: url('/images/subtle_surface_@2X.png') repeat;
		background-size: 16px 8px;
	}
}


/***************************
Tablet Landscape Responsive
***************************/

@media only screen and (min-width: 960px) and (max-width: 1280px) {
	#header {
		width: 100%;
	}
	#header_left_color {
		width: 100%;
	}
	#header_left_color div {
		background: none;
	}
	#header_content {
		background: none;
	}
	#logo {
		background: transparent url('../images/header-logo.png') 18px 6px no-repeat;
		background-size: auto 85%;
	}
	#color_bar {
		width: 100%;
	}
	#full-width-slider {
		width: 952px;
		margin: -26px 0px 10px -10px;
	}
}


/***************************
Tablet Portrait Responsive
***************************/

/*@media only screen and (min-width: 768px) and (max-width: 959px) {
	#quicklinkwall,
	#staffpickswall {
		width: 734px;
		margin: 10px 0px 0px -15px;
		float: left;
	}
	#quicklinkboard {
		width: 630px;
	}
	#full-width-slider {
		width: 764px;
		margin: -26px 0px 10px -10px;
	}
	#header {
		width: 100%;
	}
	#header_left_color {
		width: auto;
	}
	#header_left_color div {
		background: none;
	}
	#header_content {
		background: none;
		width: 768px;
	}
	#logo {
		background: transparent url('../images/header-logo.png') 18px 6px no-repeat;
		background-size: auto 85%;
	}
	#menu_main {
		padding-right: 7px;
	}
	#donate,
	#mid_box,
	#featurette {
		display: none;
	}
	#catalog-search {
		left: 446px;
	}
	#container {
		width: 754px;
	}
	div>#left_nav {
		margin-top: 1px;
	}
	#content_main {
		width: 490px;
	}
	#slideshow,
	#featurette {
		top: 48px;
		left: 55px;
	}
	#quick_links_test {
		margin-top: 50px;
	}
	.box .content0 {
		width: 210px;
		margin-top: 0px;
	}
	.mediatable img {
		display: none;
	}
	#escape-form {
		width: 754px;
	}
	#toolbar-feedback,
	#toolbar-donate {
		float: left;
		margin: 3px 15px 3px 0px;
	}
}*/


/***************************
Mobile Responsive Design
***************************/

@media only screen and ( max-width: 959px) {
	body {
		-webkit-text-size-adjust: none;
	}
	#quicklinkwall,
	#staffpickswall {
		width: 100%;
		min-width: 300px;
		margin: 10px 0px 0px -10px;
		float: left;
	}
	#full-width-slider {
		width: 100%;
		margin: 4px 0px 10px 0px;
	}
	.wall280 {
		width: 100%;
	}
	#mobile-search {
		display: block;
	}
	input#Term {
		width: 77%;
	}
	.mobilenav-icon {
		display: block;
	}
	#catalog-search,
	.pic,
	.mediatable img,
	#translations,
	#donate,
	#color_bar,
	#left_color_bar,
	#color_bar div,
	#nav_items,
	#left_nav h2,
	#icon-nav,
	#map-side-bar,
	#featurette,
	.mobilenav,
	#mid_box,
	#mid_box .col1,
	#mid_box .col2,
	#quick_links_test .top,
	#quick_links_test .bot,
	#kids_back,
	#teens_back {
		display: none;
	}
	body {
		background: #fff;
	}
	#escape-form {
		width: 100%;
	}
	#logo {
		background: transparent url('../images/header-logo.png') 18px 6px no-repeat;
		background-size: auto 85%;
	}
	#top_nav {
		margin-top: 0px;
		width: 100%;
		min-width: 320px;
		background: #F2F2F2;
		position: absolute;
		top: 82px;
		z-index: 99;
		border-top: 1px solid #D2D2D2;
	}
	#top_nav a {
		height: auto;
		padding-top: 44px;
		margin-top: 0px;
	}
	#top_nav a span {
		padding: 4px 6px;
		border-radius: 4px;
		color: #000000;
		background: none;
		text-shadow: 0px 0px 0px #000000;
	}
	#header_content {
		width: 100%;
		margin: 0px;
	}
	#menu_main {
		padding: 10px 0px 10px;
		margin: 14px 0px 10px 0px;
		height: auto;
		width: 100%;
		background: #F2F2F2;
		position: absolute;
		z-index: 999;
		border-bottom: 1px solid #D2D2D2;
	}
	#menu_main a.services,
	#menu_main a.books,
	#menu_main a.calendar,
	#menu_main a.branches,
	#menu_main a.kids,
	#menu_main a.programs,
	#menu_main a.community,
	#menu_main a.careers,
	#menu_main a.about,
	#menu_main a.home {
		width: auto;
		margin: 2px;
		padding: 4px 8px;
		font: bold 12px arial, sans-serif;
		float: left;
		height: 15px;
		text-transform: none;
		border: 1px solid #E06604;
		border-radius: 4px;
		box-shadow: 0px 0px 0px #933F02;
		background: #ffbf32;
		background: -moz-linear-gradient(top, #ffbf32 0%, #f19041 32%, #e06604 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbf32), color-stop(32%, #f19041), color-stop(100%, #e06604));
		background: -webkit-linear-gradient(top, #ffbf32 0%, #f19041 32%, #e06604 100%);
		background: -o-linear-gradient(top, #ffbf32 0%, #f19041 32%, #e06604 100%);
		background: -ms-linear-gradient(top, #ffbf32 0%, #f19041 32%, #e06604 100%);
		background: linear-gradient(to bottom, #ffbf32 0%, #f19041 32%, #e06604 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf32', endColorstr='#e06604', GradientType=0);
	}
	#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.programs,
	#menu_main li.sfhover a.programs,
	#menu_main li.active a.programs,
	#menu_main li:hover a.community,
	#menu_main li.sfhover a.community,
	#menu_main li.active a.community,
	#menu_main li:hover a.careers,
	#menu_main li.sfhover a.careers,
	#menu_main li.active a.careers,
	#menu_main li:hover a.about,
	#menu_main li.sfhover a.about,
	#menu_main li.active a.about {
		background-position: 0 0;
	}
	#menu_main ul li a {
		display: block;
		font: bold 11px arial, sans-serif;
		text-shadow: 1px 1px 1px #BC5303;
		text-transform: none;
		letter-spacing: 0px;
		float: left;
	}
	#menu_main ul ul {
		display: none !important;
		position: absolute;
		top: 70px;
		margin-top: 0px;
		margin-left: 0px;
		width: 305px;
		padding: 0px;
		display: block;
		border-top: 10px solid #C46214;
		border-bottom: 10px solid #C46214;
		border-radius: 6px;
		box-shadow: 0px 1px 3px #933F02;
	}
    #menu_main ul #toplevel0 ul li ul,
	#menu_main ul #toplevel1 ul li ul,
	#menu_main ul #toplevel2 ul li ul,
	#menu_main ul #toplevel3 ul li ul,
	#menu_main ul #toplevel4 ul li ul,
	#menu_main ul #toplevel5 ul li ul,
	#menu_main ul #toplevel6 ul li ul,
	#menu_main ul #toplevel7 ul li ul,
	#menu_main ul #toplevel8 ul li ul,
	#menu_main ul #toplevel9 ul li ul {
		margin-left: 98px;
		z-index: 103;
	}
    #menu_main ul #toplevel0 ul li ul li a,
	#menu_main ul #toplevel1 ul li ul li a,
	#menu_main ul #toplevel2 ul li ul li a,
	#menu_main ul #toplevel3 ul li ul li a,
	#menu_main ul #toplevel4 ul li ul li a,
	#menu_main ul #toplevel5 ul li ul li a,
	#menu_main ul #toplevel6 ul li ul li a,
	#menu_main ul #toplevel7 ul li ul li a,
	#menu_main ul #toplevel8 ul li ul li a,
	#menu_main ul #toplevel9 ul li ul li a {
		width: 186px;
		z-index: 103;
	}
	#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: 0;
	}
	#menu_main ul ul li a {
		width: 286px;
	}
	#menu_main ul ul ul {
		display: none;
		top: 0px !important;
		width: 205px;
		border-top: 10px solid #C46214;
		border-bottom: 10px solid #C46214;
		margin-top: 30px;
		box-shadow: 0px 1px 3px #933F02;
	}
	#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: 0px;
	}
	#menu_main ul ul ul li {
		background: #DA6C15 !important;
		border-bottom: 1px solid #C46214;
	}
	#container {
		width: 100%;
		background: #ffffff;
		margin: 0px auto;
		padding: 0px;
		top: 12px;
		position: relative;
		overflow-y: hidden;
		min-height: 100%;
	}
	.home-container {
		margin-top: 33px !important;
	}
	#mobile-search {
		position: relative;
		top: 86px;
		width: 298px;
		float: none;
		margin: 0px auto;
		left: 0px;
	}
	#slideshow {
		width: 300px;
		height: 215px;
		margin-left: -14px;
		margin-top: -17px;
	}
	#slideshow .slide {
		width: 300px;
		height: 172px;
	}
	#slideshow .slidelinks_container {
		width: 300px;
		height: 196px;
	}
	#slideshow #slideshowcontrols {
		top: 143px;
		width: auto;
	}
	ul.slideshowcontrolsmiddle {
		height: 80px !important;
		width: 300px !important;
		margin-left: -5px !important;
	}
	ul.slideshowcontrolsmiddle li {
		z-index: 0;
		height: 27px;
		width: 148px !important;
		float: left;
		margin: 0px 0px 6px 0px;
	}
	ul.slideshowcontrolsmiddle a:link,
	ul.slideshowcontrolsmiddle a:visited {
		border-radius: 3px;
		margin: 5px 0px 10px 0px !important;
		padding: 9px 5px !important;
		height: 9px !important;
		width: 132px !important;
		border: 1px solid #D1D1D1 !important;
	}
	ul.slideshowcontrolsmiddle a.activeslide,
	ul.slideshowcontrolsmiddle a:hover {
		border: 1px solid #77A300 !important;
	}
	ul.slideshowcontrolsmiddle .padded_fmt {
		padding: 0px;
	}
	#feature img {
		width: 297px;
		height: 142px;
	}
	#content_home .col1 {
		width: auto;
	}
	#quick_links_test .col2 {
		margin-left: 12px !important;
	}
	#content_home .col2 {
		float: left;
		position: relative;
		margin-left: -12px;
		margin-top: -45px;
		width: auto !important;
	}
	#quick_links_test .box {
		width: 270px;
		background: none;
	}
	.content0 {
		width: auto;
		margin-top: 0px;
		margin-left: 35px !important;
	}
	.content1 {
		width: auto;
		text-align: center;
		margin-top: 20px;
		margin-left: 50px;
	}
	.content2 {
		width: auto;
		margin-top: 70px;
		margin-left: -10px;
	}
	#content_main,
	body>.youth #content_main,
	.teens #content_main {
		float: left;
		width: auto;
		font-size: 13px;
		line-height: 18px;
		margin: 0px 7px 0px 7px;
	}
	div>#left_nav {
		margin-top: 0px;
		width: 100%;
		margin-bottom: 10px;
	}
	#nav_items {
		width: 98%;
		float: left;
		padding-left: 10px;
	}
	#nav_items li {
		float: left;
		clear: both;
	}
	#nav_items a {
		border-top: 0px solid #A5C3E3;
		float: left;
		padding: 5px 10px;
		background: #D1E2F0;
		margin: 0px 0px 6px 6px;
		border-radius: 4px;
	}
	#nav_items ul ul li a {
		background: #DEE3E7;
	}
	#nav_items ul ul li a {
		padding: 5px 10px;
	}
	#content_main p,
	#content_main ul,
	#content_main dl,
	#content_main table {
		margin-left: 0px;
	}
	#footer {
		width: 100%;
		margin-top: 60px;
		padding: 0px 0px 20px;
	}
	.adr,
	.telecommunications {
		padding: 0px 20px;
	}
	#toolbar {
		position: static;
		margin: 0px auto;
		height: 170px;
		width: 100%;
	}
	#toolbar-feedback,
	#toolbar-donate,
	#toolbar-language,
	#toolbar-social,
	.toolbar-opinions {
		float: left;
		margin: 3px 0px 3px 5px;
	}
	#content_main h1,
	#content_main h2 {
		font-size: 20px;
		line-height: normal;
	}
	textarea,
	#txtDescription {
		width: 100% !important;
	}
	#content_main table {
		width: 100% !important;
		height: auto;
	}
	#content_main td {
		float: left;
		width: 100%;
		text-align: left !important;
	}
	#content_main table tbody tr td img {
		max-width: 100%;
	}
	#content_main table.stories {
		width: 100%;
		height: auto;
	}
	#content_main tbody {
		width: 100%;
	}
	#content_main .stories td.col1 {
		border-right: none;
	}
	#content_main .stories td {
		height: auto;
		width: auto;
	}
	#recaptcha_widget_div {
		margin-left: -20px;
	}
	#recaptcha_area,
	#recaptcha_table {
		width: 318px;
	}
	#recaptcha_table table,
	#recaptcha_table tbody,
	#recaptcha_table tr,
	#recaptcha_table td {
		float: none;
	}
	#recaptcha_widget_div {
		width: 318px;
	}
	#recaptcha_widget_div td {
		float: none;
		width: auto;
	}
	.recaptchatable .recaptcha_r2_c1,
	.recaptchatable .recaptcha_r2_c2,
	.recaptchatable .recaptcha_r3_c1,
	.recaptchatable .recaptcha_r3_c2,
	.recaptchatable .recaptcha_r3_c3 {
		width: 9px !important;
	}
	.recaptchatable .recaptcha_r1_c1 {
		width: 318px !important;
	}
	.recaptchatable .recaptcha_r4_c1,
	.recaptchatable .recaptcha_r7_c1 {
		width: 171px !important;
	}
	.recaptchatable .recaptcha_r4_c2 {
		width: 7px !important;
	}
	.recaptchatable .recaptcha_r4_c4 {
		width: 97px !important;
	}
	.recaptchatable .recaptcha_r8_c1 {
		width: 25px !important;
	}
	#ctl00_ContentPlaceHolder1_NewEntry tr {
		white-space: normal !important;
	}
	#content_main #main-section2-blue-headline {
		margin-left: -10px;
	}
	#content_main .story_feature {
		margin-left: -10px;
	}
	#main-section2-img {
		float: none;
	}
	#content_main img {
		max-width: 100%;
	}
	.ImageR,
	.ImageL {
		width: 100%;
		background: none;
		padding: 0px;
	}
	#map {
		width: auto !important;
	}
	#search-form {
		width: auto;
	}
	.calendar #content_main {
		width: auto;
		margin-top: 0px;
	}
	.calendar #nav_items {
		display: block !important;
		margin: 0px 10px 10px 0px;
	}
	#cal_grid a {
		background: none;
		margin: 0px;
		padding: 0px;
	}
	.success {
		width: auto;
	}
	.idea-box {
		padding-left: 10px;
		background: #F7F7E6;
	}
	.subject-container {
		width: 245px;
	}
	.first-half,
	.last-half {
		width: 100%;
	}
	.two-column {
		width: 92%;
	}
	.expand-container {
		margin-left: 0px;
		width: 100%;
	}
	.mediatable ul {
		margin-left: 5px !important;
	}
}

@media only screen and (max-width: 959px) and (min-width: 808px) {
    #nav_items {
        margin-top: 70px;    
    }
}

@media only screen and (max-width: 807px) and (min-width: 416px) {
    #nav_items {
        margin-top: 100px;    
    }
}

@media only screen and (max-width: 415px) {
    #nav_items {
        margin-top: 130px;    
    }
}