@charset "utf-8";


/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ::: TYPOGRAPHY ::: */
BODY, TD, TH {
	font: 12px/1.6em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
}
H1, H2, H3, H4, H5, H6 {
	color: #C90949;
	margin-bottom: .5em;
}
P, BLOCKQUOTE, UL, OL, DL, FIELDSET, ADDRESS {
    margin-bottom: 1em;
}
UL, LI {
	margin-left: 1em;
}
A:link		{ color: #004174; }
A:hover,
A:active,
A:focus		{ color: #AB1B2C; }

H1 { font-size: 2em; }
H2 { font-size: 1.8em; }
H3 { font-size: 1.5em; }
H4 { font-size: 1.2em; }
H5 { font-size: 1em; }
H6 { font-size: .8em; }



/* ::: LAYOUT ::: */
BODY {
	background: #69802d url(../images/childrens/bg_page.gif) top left repeat-x;
	text-align: center;
}
#bodywrapper-outer {
	width: 100%;
	background: transparent url(../images/childrens/bg_clouds.jpg) top 50% no-repeat;
	height: 550px;
}
#bodywrapper-inner {
	margin: 0 auto;
	text-align: left;
	width: 789px;
	/*background: #69802D url(../images/childrens/bg_bodywrapper.jpg) top left no-repeat;*/
}



/* ::: MASTHEAD */
#masthead H1 {
	background: transparent url(../images/childrens/mst_chpl-kids-new.jpg) top left no-repeat;
	background: transparent url(../images/childrens/mst_chpl.jpg) top left no-repeat;
	width: 789px;
	height: 77px;
	margin: 0;
	padding: 0;
}
#masthead H2 {
	display: none;
}
#masthead SPAN {
	display: none;
}



/* ::: MAIN MENU ::: */
#menu {
	float: left;
	display: inline;
	width: 789px;
	height: 33px;
	text-align: center;
	font-weight: bold;
	background: transparent url(../images/childrens/bg_topmenu.jpg) top left no-repeat;
}
#menu UL {
	list-style: none;
	line-height:23px;
	margin: 2px 15px 0;
	background: transparent url(../images/childrens/mst_kidspace-purple5.gif) top center no-repeat; 
/*	background: #4474b2;  
	border-top:1px solid navy;
	border-bottom:1px solid navy;*/
}
#menu UL LI {
	display: inline;
	margin: 0 10px;
	font-size: 13px;
}
#menu A {
	text-decoration: none;
}
#menu A:link, #menu A:visited { 
	color: white;
	padding-left: 1px;
	padding-right: 1px;
	text-decoration:;
/*	background: #4474b2;
	border:1px solid navy; */
	border-bottom:0px solid #d2d2d2;
	border-top:0px solid navy; 
 }
#menu A:hover { 
	color: #ffc962;
/*	border-bottom:0px solid white;
	border: 0px solid navy;
	text-decoration:underline ; */
}



/* ::: SUBMENU ::: */
#submenu {
	float: left;
	clear: left;
	display: inline;
	width: 238px;
	height: 260px;
}


/* ::: SEARCH ::: */
#search {
	float: left;
	background: transparent url(../images/childrens/bg_search.jpg) bottom left no-repeat;
	width: 238px;
	height: 254px;
}
#search H3 {
	background: transparent url(../images/childrens/srch_header.jpg) top left no-repeat;
	width: 238px;
	height: 73px;
}
#search H3 SPAN {
	display: none;
}
#search FORM {
	padding: 0 1em;
}
#search LABEL {
	display: none;
}


/* ::: SUBMENU ::: */
#menu_flags {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	clear: left;
	display: inline;
}



/* ::: CONTENT ::: */
#contentwrapper {
	float: left;
	clear: left;
	display: inline;
	width: 789px;
	background: transparent url(../images/childrens/bg_content.gif) top right repeat-y;
}
#contenttext {
	float: right;
	clear: right;
	display: inline;
	width: 460px !important;
	width /**/: 551px;
	background: transparent url(../images/childrens/bg_content_left-new.gif) top left no-repeat;
	padding: 0 69px 0 22px;
	margin: 0;
}
#contenttext-new {
	float: right;
	clear: right;
	display: inline;
	width: 460px !important;
	width /**/: 551px;
	background: transparent url(../images/childrens/bg_content_left-new.gif) top left no-repeat;
	padding: 0 69px 0 22px;
	margin: 0;
}
#contenttext IMG {
	float: right;
	clear: right;
}
#contenttext A IMG {
	display: block;
	float: none;
}


/* ::: SIDEBAR ::: */
#sidebar {
	display: none;
}


/* ::: FOOTER ::: */
#footer {
	float: left;
	clear: left;
	display: inline;
	text-align: center;
	width: 551px;
	padding-top: 35px;
	background: #69802D url(../images/childrens/ftr_blank.gif) top left no-repeat;
	position: relative;
	left: -22px;
	margin-right: -91px; /* Compensate for extra space (padding) that gets added by #contenttext in IE */
}


/* ::: HEADERS ::: */
#contenttext H1 {
	width: 551px;
	height: 104px;
	text-indent: -5000px;
	position: relative;
	left: -22px;
	margin-right: -91px; /* Compensate for extra space (padding) that gets added by #contenttext in IE */
}
BODY.aboutdept #contenttext H1,
BODY.default #contenttext H1 {
	background: transparent url(../images/childrens/ti_aboutdept.jpg) top left no-repeat;
}
BODY.programs #contenttext H1 {
	background: transparent url(../images/childrens/ti_programs.jpg) top left no-repeat;
}
BODY.booklists #contenttext H1 {
	background: transparent url(../images/childrens/ti_booklists.jpg) top left no-repeat;
}
BODY.booklists #contenttext TD A img {
	border: solid 1px white;
	border-bottom: dotted 1px #e8e3e3;
}
BODY.booklists #contenttext TD A:hover img {
	border: solid 1px #00d277;
}
BODY.booklists2 #contenttext TD A:hover img {
	border: solid 2px blue;
}
BODY.weblinks #contenttext H1 {
	background: transparent url(../images/childrens/ti_weblinks.jpg) top left no-repeat;
}
BODY.internetsafety #contenttext H1 {
	background: transparent url(../images/childrens/ti_internetsafety.jpg) top left no-repeat;
}

BODY.aboutdept #contenttext H2,
BODY.aboutdept #contenttext H3,
BODY.aboutdept #contenttext H4,
BODY.aboutdept #contenttext H5,
BODY.aboutdept #contenttext H6,
BODY.default #contenttext H2,
BODY.default #contenttext H3,
BODY.default #contenttext H4,
BODY.default #contenttext H5,
BODY.default #contenttext H6 {
	color: #C90949;
}
BODY.programs #contenttext H2,
BODY.programs #contenttext H3,
BODY.programs #contenttext H4,
BODY.programs #contenttext H5,
BODY.programs #contenttext H6 {
	color: #40726d;
}
BODY.booklists #contenttext H2,
BODY.booklists #contenttext H3,
BODY.booklists #contenttext H4,
BODY.booklists #contenttext H5,
BODY.booklists #contenttext H6 {
	color: #ef8700;
}
BODY.weblinks #contenttext H2,
BODY.weblinks #contenttext H3,
BODY.weblinks #contenttext H4,
BODY.weblinks #contenttext H5,
BODY.weblinks #contenttext H6 {
	color: #5F438B;
}
BODY.internetsafety #contenttext H2,
BODY.internetsafety #contenttext H3,
BODY.internetsafety #contenttext H4,
BODY.internetsafety #contenttext H5,
BODY.internetsafety #contenttext H6 {
	color: #0A6F0A;
}
.lastupdated {
        margin: 8px 0 0 0;
        color: #666;
        font-size: 10px;
}
.mobileOnly, headerM-kids, kidstyle2 { display: none; }