@import url('/css/global.css');

/* =layout
========================================================*/

div#wrap
{
	width: 990px;
	margin: 0 auto;
}

div#wrapInner
{
	padding: 0px;
	background: #fff;
	border: 1px solid #e8e8e8;
}

#header
{
	position: relative;
	overflow: visible;
}

#header #logo
{
	margin: 10px 0 0 10px;
	float: left;
	width: 112px;
	height: 90px;
}

#find { height: 3.5em; }

#findInner
{
	height: 3.5em;
	background: #f4f4f4 url(/img/structure/findbk.png) top left repeat-x;
	border-top: 1px solid #f6f6f6;
	border-bottom: 4px solid #e1e1e1;
	position: absolute;
	top: 136px;
	width: 988px;
}

#header #find, #header .set { width: 988px; }

#header .set
{
	margin-bottom: 0;
	background: none;
	height: 115px;
}

#header .col
{
	margin-bottom: 0;
	background: none;
}

#breadcrumbs { font-size: 80%; }

#content
{
	padding: 10px 20px;
	width: 948px;
}

#main { }
#secondary { }

#footer
{
	background: url(/img/structure/footer_shad.png) top left repeat-x;
	padding: 20px 20px;
	border-top: 1px solid #dcdcdc;
}

#footer .set { margin: 0; }

#footer span
{
	display: block;
	margin-bottom: 5px;
}

.shad
{
	border-top: 1px dotted #a4bfc9;
	background: url(/img/structure/blue_shade.jpg) center top no-repeat;
	padding-top: 5px;
	margin-top: 5px;
}

.caption
{
	line-height: 1.25;
	font-size: 80%;
	color: #555;
	margin: 0;
	text-align: center;
	padding: 0;
}

#home .topPanel { margin-bottom: 0; }

.insetImage {
	margin:12px;
}

/* =form
========================================================*/

.simpleform ol { margin: 0; }

.simpleform li
{
	width: 95%;
	margin-bottom: 3px;
}

.simpleform li label
{
	margin-bottom: -2px;
	display: block;
}

.simpleform li.cb label
{
	margin-bottom: -2px;
	display: inline;
}

.simpleform .text
{
	padding: 3px 2px;
	display: block;
	width: 100%;
	font-family: verdana;
	font-size: 100%;
}

.simpleform label { cursor: pointer; }

#hope10Form li {
	margin:4px 0;
	overflow:hidden;
}

#hope10Form li.lf label{
	width:45%;
	display:block;
	float:left;
}

#hope10Form li.lf input{
	width:45%;
	display:block;
	float:right;
}

#hope10Form #dayselect fieldset {
	overflow:hidden;
	margin-bottom:20px;
}

#hope10Form #dayselect fieldset span {
	float:left;
	margin-right:10px;
}

/* =form helpers
========================================================*/

.formouter
{
	padding: 10px;
	background: #f1f1f1;
	border: 1px solid #eee;
	font-size: 90%;
}

.reqnote { font-size: 90%; }
.reqf { color: red; }

.errors
{
	color: red;
	padding: 4px;
	margin-bottom: 4px;
}

.text
{
	background: #fff url(/img/structure/input_bk.png) top left repeat-x;
	border: 1px solid #BACAD1;
}

/* =form specifics
========================================================*/

#home #home_contact_form #submit { margin-top: 5px; }
#home #home_contact_form textarea { height: 40px; }
#home .formouter { margin-top: 37px; }

#home #home_contact_form h2
{
	margin-top: 0;
	margin-bottom: 5px;
}

/* =cols
========================================================*/

.col { float: left; }
.colr { float: right; }
.w12 { width: 700px; }
.w11 { width: 640px; }
.w10 { width: 580px; }
.w8 { width: 460px; }
.w7 { width: 400px; }
.w6-5 { width: 365px; }
.w6 { width: 340px; }
.w5 { width: 280px; }
.w4 { width: 220px; }
.w2 { width: 100px; }
.w1-5 { width: 75px; }

/* =sets
========================================================*/

.set
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

/* =search
========================================================*/

#search { background: none; }

#search form
{
	position: absolute;
	bottom: 10px;
	left: 20px;
	width: 240px;
}

#search #ajaxSearch_input
{
	width: 180px;
	font-size: 105%;
	padding: 3px 2px;
}

#ajaxSearch_submit { padding: 0 3px; }
.ajaxSearch_result { margin-bottom: 20px; }

#searchResults
{
	float: left;
	width: 100%;
}

.ajaxSearch_resultBreadcrumbs
{
	font-size: 80%;
	display: block;
	margin: 2px 0 2px 0px;
	color: #555;
}

a.search_url { color: green; }

div.ajaxSearch_paging
{
	display: block;
	text-align: center;
}

div.ajaxSearch_paging strong, div.ajaxSearch_paging a { padding: 5px 6px; }

/* =navigation
========================================================*/

#navContainer
{
	width: 720px;
	position: absolute;
	bottom: -19px;
	left: 270px;
	height: 40px;
}

#nav
{
	position: absolute;
	bottom: 0;
	z-index: 100;
}

#nav li
{
	position: relative;
	float: left;
	bottom: 0px;
	left: 0px;
	z-index: 10;
}

#nav li a
{
	display: block;
	float: left;
	padding: 5px 8px 8px;
	color: #294148;
	border-bottom: none;
	text-decoration: none;
	cursor: pointer;
	margin-right: 1px;
}

#nav li li, #nav li li a
{
	position: static;
	float: left;
	width: 100%;
}

#nav div
{
	position: absolute;
	left: -999em;
	top: 31px;
	z-index: 2000;
	width: 184px;
	clear: both;
	/* for ie6 :) */
	margin-left: 4px;
	margin-bottom: 5px;
	font-size: 90%;
	background: url(/img/structure/menu_shad.png) top right;
	padding: 0px 12px 4px 4px;
	margin-top: 5px;
}

#nav li:hover div, #nav li.sfhover div { left: auto; }
#nav ul { margin-top: -4px; }
#nav li.active a { background: #fff; }

#nav li a
{
	background-position: bottom left;
	background-repeat: repeat-x;
}

#nav li#nav_1 a { background-image: url(/img/structure/nav_orange.gif); }
#nav li#nav_2 a { background-image: url(/img/structure/nav_red.gif); }
#nav li#nav_3 a { background-image: url(/img/structure/nav_purple.gif); }
#nav li#nav_4 a { background-image: url(/img/structure/nav_blue.gif); }
#nav li#nav_5 a { background-image: url(/img/structure/nav_green.gif); }
#nav li#nav_6 a { background-image: url(/img/structure/nav_yellow.gif); }
#nav li#nav_1:hover a, #nav li.sfhover_nav_1 a, #nav li#nav_1 ul li a:hover, #nav li#nav_1 li a:hover, .sec_1 #headerTop { background-color: #E76D20; }
#nav li#nav_2:hover a, #nav li.sfhover_nav_2 a, #nav li#nav_2 ul li a:hover, #nav li#nav_2 li a:hover, .sec_2 #headerTop { background-color: #AE2734; }
#nav li#nav_3:hover a, #nav li.sfhover_nav_3 a, #nav li#nav_3 ul li a:hover, #nav li#nav_3 li a:hover, .sec_3 #headerTop { background-color: #591362; }
#nav li#nav_4:hover a, #nav li.sfhover_nav_4 a, #nav li#nav_4 ul li a:hover, #nav li#nav_4 li a:hover, .sec_4 #headerTop { background-color: #286494; }
#nav li#nav_5:hover a, #nav li.sfhover_nav_5 a, #nav li#nav_5 ul li a:hover, #nav li#nav_5 li a:hover, .sec_5 #headerTop { background-color: #2A6336; }
#nav li#nav_6:hover a, #nav li.sfhover_nav_6 a, #nav li#nav_6 ul li a:hover, #nav li#nav_6 li a:hover, .sec_6 #headerTop { background-color: #9B993E; }
#nav li#nav_1:hover a, #nav li.sfhover_nav_1 a:hover, #nav li#nav_1 ul li a:hover, #nav li#nav_1 li a:hover, .sec_1 #headerTop,
#nav li#nav_2:hover a, #nav li.sfhover_nav_2 a:hover, #nav li#nav_2 ul li a:hover, #nav li#nav_2 li a:hover, .sec_2 #headerTop,
#nav li#nav_3:hover a, #nav li.sfhover_nav_3 a:hover, #nav li#nav_3 ul li a:hover, #nav li#nav_3 li a:hover, .sec_3 #headerTop,
#nav li#nav_4:hover a, #nav li.sfhover_nav_4 a:hover, #nav li#nav_4 ul li a:hover, #nav li#nav_4 li a:hover, .sec_4 #headerTop,
#nav li#nav_5:hover a, #nav li.sfhover_nav_5 a:hover, #nav li#nav_5 ul li a:hover, #nav li#nav_5 li a:hover, .sec_5 #headerTop,
#nav li#nav_6:hover a, #nav li.sfhover_nav_6 a:hover, #nav li#nav_6 ul li a:hover, #nav li#nav_6 li a:hover, .sec_6 #headerTop { background-image: none; }
#nav li:hover a, #nav li.sfhover a { color: #fff; }
#nav li a:hover { cursor: pointer; }
#nav li#nav_2:hover a:hover, #nav li.sfhover_nav_2 a:hover { background-color: #E03142; }
#nav li#nav_3:hover a:hover, #nav li.sfhover_nav_3 a:hover { background-color: #891C98; }
#nav li#nav_4:hover a:hover, #nav li.sfhover_nav_4 a:hover { background-color: #317CB9; }
#nav li#nav_5:hover a:hover, #nav li.sfhover_nav_5 a:hover { background-color: #358045; }
#nav li#nav_6:hover a:hover, #nav li.sfhover_nav_6 a:hover { background-color: #BDBA4B; }

#nav ul li a
{
	padding: 5px 0px 5px 16px;
	margin-left: -8px;
	background-image: none;
}

#navContainer #nav ul li.active a, #navContainer #nav ul li.active a:hover
{
	background-image: url(/img/structure/tri_white.png);
	background-position: 6px 55%;
	background-repeat: no-repeat;
}

/* =background
========================================================*/

.sec_1 #wrap, .sec_1 #header { border-color: #fff; }
.sec_1 #header { background: #CB6222; }
.sec_1 #header #bgImg { background: url(/img/headerImages/pebbles.png) top left no-repeat; }
.sec_talks #header { background: #317CB9; }
.sec_talks #header #bgImg { background: url(/img/headerImages/field.jpg) top left no-repeat; }

.imgCont img
{
	float: left;
	border: 1px solid #eee;
	border-bottom: none;
}

.imgCont, .gallery
{
	padding-bottom: 8px;
	overflow: hidden;
	background: url(/img/structure/img_shad.png) bottom center no-repeat;
}

.imgW5, .galleryW5 { background: url(/img/structure/img_shad_w5.png) bottom center no-repeat; }

/* =useful links
---------------------------------------------------------*/

/* One image is used for all button states */
body#home ul#usefulLinks
{
	width: 252px;
	padding: 0;
}

body#home ul#usefulLinks li
{
	float: left;
	margin: 0 0 15px 0;
}

body#home ul#usefulLinks li.curious,
body#home ul#usefulLinks li.update,
body#home ul#usefulLinks li.community { margin: 0 10px 10px 0; }

body#home #secondary ul#usefulLinks li a
{
	text-indent: -9999px;
	width: 105px;
	height: 101px;
	display: block;
	background-image: url(/img/icons/useful_links.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

body#home #secondary li.curious a { background-position: 0px 0px; }
body#home #secondary li.curious a:hover { background-position: 0px -101px; }
#secondary ul#usefulLinks li a { width: 84%; }
#secondary ul.itemUtility li a { padding-left: 28px; }

#secondary ul#usefulLinks li a
{
	padding-left: 28px;
	background: url(/img/icons/useful_links_icons.jpg) center left no-repeat;
	height: 20px;
	overflow: hidden;
	padding: 1px 0 2px 28px;
}

#secondary ul#usefulLinks li { margin-bottom: 4px; }
#secondary ul#usefulLinks li.curious a { background-position: 0px 0px; }
#secondary ul#usefulLinks li.update a { background-position: 0px -40px; }
#secondary ul#usefulLinks li.start a { background-position: 0px -20px; }
#secondary ul#usefulLinks li.talks a { background-position: 0px -60px; }
#secondary ul#usefulLinks li.community a { background-position: 0px -80px; }
#secondary ul#usefulLinks li.events a { background-position: 0px -100px; }
body#home ul#usefulLinks li.start a { background-position: -105px 0px; }
body#home ul#usefulLinks li.start a:hover { background-position: -105px -101px; }
body#home ul#usefulLinks li.update a { background-position: -210px 0px; }
body#home ul#usefulLinks li.update a:hover { background-position: -210px -101px; }
body#home ul#usefulLinks li.talks a { background-position: -314px 0px; }
body#home ul#usefulLinks li.talks a:hover { background-position: -314px -101px; }
body#home ul#usefulLinks li.community a { background-position: -418px 0px; }
body#home ul#usefulLinks li.community a:hover { background-position: -418px -101px; }
body#home ul#usefulLinks li.events a { background-position: -522px 0px; }
body#home ul#usefulLinks li.events a:hover { background-position: -522px -101px; }
li#emailUtil a { background: url(/img/icons/email.gif) center left no-repeat; }
li#printUtil a, body.popupTmpl .print { background: url(/img/icons/printer.gif) center left no-repeat; }
li#sitemapUtil a { background: url(/img/icons/sitemap.gif) center left no-repeat; }

.subSection
{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* =calendar
---------------------------------------------------------*/

dl#weekly_calendar dt
{
	font-weight: bold;
	margin-top: 15px;
}

dl#weekly_calendar dt.sunday { margin-top: 0; }

dl#weekly_calendar strong
{
	font-weight: normal;
	width: 5.5em;
	float: left;
	line-height: 2;
	clear: left;
}

dl#weekly_calendar dd { line-height: 2; }

dl#weekly_calendar
{
	padding: 10px;
	border: 1px solid #e5e5e5;
	background: #fafafa;
}

form.basic { /* 
	margin-top:-20px !important;
*/ }

form.basic, form.basic fieldset
{
	padding: 0 !important;
	margin: 0 !important;
}

form.basic legend
{
	padding: 0 2px;
	font-weight: bold;
}

form.basic label
{
	display: inline-block;
	vertical-align: top;
}

form.basic fieldset ol
{
	margin: 0;
	padding: 0;
	width: 100%;
}

form.basic fieldset li
{
	list-style: none !important;
	padding: 7px 0px;
	margin: 0;
	background: url(/img/structure/dotted-h.gif) bottom left repeat-x;
	/*
  overflow:hidden;
*/
}

form.basic fieldset fieldset
{
	border: none;
	margin: 3px 0 0;
}

form.basic fieldset fieldset legend, form.basic fieldset fieldset span.legend
{
	padding: 0 0 5px;
	font-weight: normal;
	float: left;
}

form.display fieldset fieldset label { padding-left: 20px; }
form.display fieldset fieldset div { font-weight: bold; }

form.basic fieldset fieldset label
{
	display: block;
	width: auto;
	float: none !important;
}

form.basic em
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form.basic label,form.basic fieldset fieldset span.legend
{
	width: 35%;
	/* Width of labels */
}

form.basic .text, form.basic fieldset fieldset div
{
	width: 60%;
	font-size: 100% !important;
}

form.basic fieldset li.full-width label, form.basic fieldset li.full-width .text { width: 100%; }
form.basic .text:focus { background: #FFFFDB; }
form.basic textarea { font-family: verdana, arial; }

form.basic fieldset fieldset div
{
	margin-left: 3px;
	/* Width plus 3 (html space) */
	float: left;
}

form.basic #submit
{
	border: none;
	background: none;
	position: relative;
}

form.basic #submit input { /*
	padding:0px;
	width:auto;
	float:left;
	margin:0;
*/ }
#websiteField { display: none; }

/* =popups
---------------------------------------------------------*/

body.popupTmpl
{
	padding: 10px;
	margin: 0;
	background: #D8E9F0;
}

body.popupTmpl #wrap
{
	width: auto;
	position: relative;
	top: 15px;
	border: 1px solid #D0DCE3;
	border-top: none;
}

body.popupTmpl #wrapInner
{
	float: none;
	width: auto;
	border: none;
	padding: 15px;
	background: #fff url(/img/structure/listen_bk.jpg) top center no-repeat;
	position: relative;
}

body.popupTmpl .print { padding: 2px 0 2px 20px; }

body.popupTmpl .popupLinks
{
	float: right;
	position: absolute;
	top: -20px;
	right: 2px;
	font-size: 80%;
	color: #687781;
}

body.popupTmpl #QE_Toolbar { display: none !important; }
body.popupTmpl #resource #popupHeader { overflow: hidden; }

body.popupTmpl #resource #popupLogo
{
	float: right;
	margin: 0 0 0 20px;
	display: none;
}

body.popupTmpl #resource #player
{
	border-bottom: 1px solid #D0DCE3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

body.popupTmpl #resource h1
{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	padding: 0;
	margin: 0;
}

body.popupTmpl #resource #inline_bible_passage iframe
{
	border: 1px solid #D0DCE3;
	width: 100%;
	height: 285px;
}

body.popupTmpl #resource #inline_bible_passage p
{
	padding: 0;
	margin: 0 0 10px 0;
}

/* =resources
---------------------------------------------------------*/

#resourceListCont
{
	font-size: 90%;
	border-bottom: 3px solid #D0DCE3;
	border-top: 1px solid #D0DCE3;
}

#resourceList { width: 100%; }
#resourceList thead th { border-bottom: 2px solid #D0DCE3; }
#resourceList th, #resourceList td { padding: 8px 10px 8px 0; }
#resourceList tr.alt, #resourceList tr.alt td { background: #F1F4F4; }

#resourceList th
{
	text-align: left;
	font-weight: normal;
	color: #777;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 85%;
}

.rAux { font-size: 80%; }
#resourceList tbody tr { }
#resourceList .fCol { padding-left: 10px; }

#resourceList h2
{
	font-size: 100%;
	padding: 0;
	margin: 0;
}

.paging
{
	font-size: 80%;
	padding: 1px 0;
	text-align: right;
	margin: 0;
}

.pagingContent { float: right; }

#pagingInfo
{
	float: left;
	display: block;
	padding: 2px 6px;
	width: 110px;
	text-align: center;
}

.dull { color: #999; }
.pagingLink, .pagingLink * { cursor: pointer; }
.pagingLink:active, .pagingLink:hover, .pagingLink:visited { text-decoration: none; }

.pagingLink:hover
{
	background: #084FAF;
	border-color: #084FAF;
	color: #fff;
}

.pagingLink:hover *
{
	border-color: #084FAF;
	color: #fff;
}

#subTitle
{
	font-size: 90%;
	margin: 5px 0;
}

#subTitle p { margin: 0; }
.topFilter { border-bottom: 1px solid #BFD9F0; }

.displayFilter
{
	padding: 3px 0;
	margin: 0;
}

#subFilter
{
	font-size: 80%;
	line-height: 2.5;
	margin-bottom: -0.6em;
}

#subFilter #filterCriteria a { padding: 4px 6px; }

#filterCriteria
{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #BFD9F0;
	padding: 0 0 1px 10px;
}

#subFilter a.toggleOn
{
	border-color: #BFD9F0;
	background: #BFD9F0;
	color: #333;
	text-decoration: none;
}

.filterList
{
	font-size: 80%;
	width: 100%;
	margin: 0;
	background: #fefefe;
}

.filterListInner
{
	border: 2px solid #BFD9F0;
	overflow: hidden;
	padding: 8px 0;
}

.filterListInner em
{
	padding: 4px 12px;
	display: block;
	font-style: normal;
	font-weight: bold;
}

#dateFilter .filterListInner em { /*
	margin-bottom:4px;
*/ }

#main .filterList ul, #main .filterList ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#main .filterList ul
{
	float: left;
	margin: 0;
	padding: 0;
	width: 148px;
	border-left: 1px solid #BFD9F0;
}

#main .filterList ul.first { border-left: none; }

.filterList ul li
{
	width: 100%;
	float: left;
	display: block;
}

.filterList ul li a, .filterList ul li span
{
	padding: 2px 0;
	padding-left: 10px;
	margin: 1px;
	display: block;
	float: left;
	width: 138px;
}

.filterList ul li span.off, .filterList span.off { color: #777; }

.filterList ul li.sel a, #dateFilter  a.sel
{
	background: #6D8BAA;
	color: #fff;
}

span.month_list a, span.month_list span
{
	font-weight: normal;
	padding: 4px 6px;
	margin: 0px 4px;
}

#dateFilter .filterListInner em.alt { background: #F1F4F4; }

#main .filterList a:hover, #main #subFilter a:hover
{
	background: #BFD9F0;
	text-decoration: none;
}

#main #subFilter a.no_bg:hover
{
	background: none;
	text-decoration: underline;
}

div.talkspage { position: relative; }

a.dl
{
	background: url(/img/icons/download.gif) center right no-repeat;
	background-position: 100% -30px;
	padding: 0 18px 0 0;
}

a.dl:hover
{
 	background-position: 100% 0px;
 }

#podcast
{
	height: 57px;
	background: #fff url(/img/icons/podcast.png) top left no-repeat;
	padding: 15px 20px 0px 105px;
	position: absolute;
	right: 0;
	top: 0px;
}

#podcast a.promo { }

/* =buttons
---------------------------------------------------------*/

.curved, .curved b, .curved b b
{
	border-color: #e1e1e1;
	border-style: solid;
}

.curved
{
	display: block;
	float: left;
	border-width: 0 1px;
	/* left and right borders only */
	text-decoration: none;
	outline: none;
}

.curved b
{
	display: block;
	/* another must */
	position: relative;
	/* because the child elements are positioned */
	top: -1px;
	/* drag it up a little, creates the top notches */
	left: 0;
	border-width: 1px 0 0;
	/* top border only */
	font-weight: normal;
	float: left;
}

.curved b b
{
	border-width: 0 0 1px;
	/* bottom border only */
	top: 2px;
	/* pushed down a little to create the bottom notches */
	float: left;
}

.curved b b em
{
	padding: 0px 6px 4px;
	font-style: normal;
	float: left;
}

/* =galleries
---------------------------------------------------------*/

#home .gallery
{
	width: 280px;
	height: 190px;
	background-color: #eee;
}

/* =children
---------------------------------------------------------*/

div.children_ages
{
	float: left;
	font-size: 90%;
}

div.children_ages dd { line-height: 1.4; }
div.children_ages dl { margin: 0; }
div#age0to3 div.bottom, div#age0to3 { width: 184px; }

div#age0to3
{
	background: url(/img/children/children_top.gif) top left no-repeat;
	padding-top: 100px;
}

div#age0to3 dl
{
	background: url(/img/children/children_middle.gif) top left repeat-y;
	padding: 5px 10px 0px;
}

div#age0to3 div.bottom
{
	background: url(/img/children/children_bottom.gif) bottom left no-repeat;
	height: 50px;
}

div#age3to5 div.bottom, div#age3to5 { width: 183px; }

div#age3to5
{
	background: url(/img/children/children_top.gif) top center no-repeat;
	background-position: -185px 0px;
	padding-top: 100px;
}

div#age3to5 dl
{
	background: url(/img/children/children_middle.gif) top center repeat-y;
	background-position: -185px 0px;
	padding: 5px 10px 0px;
}

div#age3to5 div.bottom
{
	background: url(/img/children/children_bottom.gif) bottom center no-repeat;
	background-position: -185px 0px;
	padding-bottom: 40px;
}

div#age5to11 div.bottom, div#age5to11 { width: 183px; }

div#age5to11
{
	background: url(/img/children/children_top.gif) top right no-repeat;
	background-position: -369px 0px;
	padding-top: 100px;
}

div#age5to11 dl
{
	background: url(/img/children/children_middle.gif) top right repeat-y;
	background-position: -369px 0px;
	padding: 5px 10px 0px;
}

div#age5to11 div.bottom
{
	background: url(/img/children/children_bottom.gif) bottom right no-repeat;
	background-position: -369px 0px;
	padding-bottom: 40px;
}

a.children_link { cursor: pointer !important; }
div.children_ages a, 
	div dl a.children_link,
	div.children_content, div.children_content a { color: #fff !important; }

div.children_content a
{
	text-decoration: underline !important;
	color: #fff !important;
}

a.children_link:hover div#age0to3, div#age0to3:hover { background-position: -555px 0px !important; }
a.children_link:hover div#age3to5, div#age3to5:hover { background-position: -740px 0px !important; }
a.children_link:hover div#age5to11, div#age5to11:hover { background-position: -924px 0px !important; }

/*

	
	
	a.children_link:hover dl{
 		background-image:url(/img/children/children_middle_over.gif) !important;
	}
	
	
	a.children_link:hover div.bottom{
 		background-image:url(/img/children/children_bottom_over.gif) !important;
	}
*/

a.children_link:hover,
	div.children_content a:hover { text-decoration: none !important; }
div.children_ages a { font-weight: bold; }
div.children_ages a:hover { }

div.children_ages_section div.children_content, div.children_ages_section div.bottom
{
	width: 510px;
	padding: 20px;
}

div.children_ages a { font-size: 110% !important; }
#age3to5, #age5to11 { margin-top: -25px; }


/* =blog
---------------------------------------------------------*/
.sec_161 #header {
	background:#212121;
}
.sec_161 #header #bgImg { background: url(/img/headerImages/huts.png) top left no-repeat; }

ul.reflect_archive {
	
}

.reflect_month_link {
	background: url(/img/structure/list.gif) center left no-repeat;
}

.blogPost h2.title {
	font-size:180%;
	margin:0;
}

.blogPostSummary h3.title {
	font-size:120%;
	margin-bottom:5px;
}

.blogPost, .blogPostSummary {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #777;
}

.blogDate {
	color:#777; 
	margin-top:-5px; 
	margin-bottom:15px;
}

.blogDate em {
	font-family:Georgia, serif;
}

.blogPost .summary {
	font-size:110%;
	line-height:1.4;
	margin-bottom:10px;
}


.blogPost .blogTags {
	font-size:90%;
}

.blogPostSummary .imgCont {
	display:block;
	margin: 5px 0px 5px 5px;
	width:auto;
	background:none;
	overflow:none;
	padding:0;
	float:right;
	border:1px solid #ddd;
}

/* =subnav
========================================================*/

#insection {
	font-style:normal;
	font-size:10px;
	display:block;
	color:#000;
	margin:5px 0;
	letter-spacing:1px;
}

.subnav ul, .subnav li {
	list-style-type:none;
	padding:0;
	margin:0;
}

.subnav {
	padding:10px 15px;
	margin-bottom:15px;
	border-width:1px 0;
}

.subnav ul {
	margin-top:4px;
	float:left;
	width:100%;
	overflow:hidden;
	padding-left:10px !important;
}

.subnav li {
 	margin-bottom:4px;
	float:left;
	clear:both;
}

.subnav li a , .subnav h2 a {
	padding:2px 6px;
	background:#fff;
	float:left;
	clear:both;	
/*
 	border:1px solid #999;
*/
/*
	border-bottom:1px solid #cacaca;
	border-right:1px solid #cacaca;
	border-top:1px solid #fafafa;
	border-left:1px solid #fafafa;
*/
	font-weight:bold;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4 */
	border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
	
}

.subnav li a:hover , .subnav h2 a:hover {
	background-color:#999;
	color:#fff;
	text-decoration:none;
}

.subnav li.active a {
	background:#333;
	border-color:#333;
	color:#fff;
	font-weight:bold;
}

.subnav h2 {
	margin:0 !important;
	padding:0;
	overflow:hidden;
	font-size:15px;
}

/* =students
========================================================*/

.subsec_224 #header {
	background:#153907;
}
.subsec_224 #header #bgImg { background: url(/img/headerImages/openspaces_banner.png) top left no-repeat; }



#subnav_students {
	background:#DDE1F0 url(/img/structure/student_subnav.jpg) bottom left no-repeat;
	min-height:240px;
}

#subnav_students a  {
	border-color:#fff;
}

#subnav_students a:hover {
	background-color:#334F14;
	color:#fff;
}

#students h2.menustart a, #subnav_students li.active a {
	background:#517C21;
	border-color:#517C21;
	color:#fff;
}


#student_events {
	width:100%;
	border:1px solid #E4F1D7;
}

#student_events thead th {
	background:#E4F1D7;
	text-align:left;	
}

#student_events th {
	width:30%;
}

#student_events th, #student_events td {
	padding:2px 10px;
}

#student_events td {
	border-bottom:1px dotted #aaa;
}


/* =youth
========================================================*/

.subsec_292 #header {
	background:#E64B0D;
}
.subsec_292 #header #bgImg { background: url(/img/headerImages/youth_banner.png) top left no-repeat; }



#subnav_youth {
	background:#fff url(/img/structure/youth_subnav.jpg) bottom left no-repeat;
	min-height:240px;
}

#subnav_youth a  {
	border-color:#fff;
}

#subnav_youth a:hover {
	background-color:#2D70F6;
	color:#fff;
}

#youth h2.menustart a, #subnav_youth li.active a {
	background:#9F2B2A;
	border-color:#9F2B2A;
	color:#fff;
}


#youth_events {
	width:100%;
	border:1px solid #E79234;
}

#youth_events thead th {
	background:#E79234;
	text-align:left;	
}

#youth_events th {
	width:30%;
}

#youth_events th, #youth_events td {
	padding:2px 10px;
}

#youth_events td {
	border-bottom:1px dotted #aaa;
}


/* =table
========================================================*/


table.dataTable {
	width:100%;
	border:1px solid #ddd;
}

table.dataTable thead th {
	background:#ddd;
	text-align:left;	
}

table.dataTable th, table.dataTable td {
	padding:4px 10px;
	vertical-align:top !important;
}

table.dataTable td {
	border-bottom:1px dotted #ddd;
}

#coverCol {
	width:80px;
}

/* =images
========================================================*/

img.basic {
	border:1px solid #ccc;
}

/* =images
========================================================*/

ul#resourcesPanel, ul#resourcesPanel li {
	list-style-type: none;
	padding: 0;
}

ul#resourcesPanel {
	margin: 10px 0 0 0;h
	float: left;
	width:460px;
	overflow: hidden;
	clear: both;
}

ul#resourcesPanel li {
	float: left;
	margin:0 20px 10px 0;
}

ul#resourcesPanel li.right {
	margin: 0px;
}