@import url(reset.css);
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(subnav/layout.css);
@import url(text.css);
@import url(snippets.css);
@import url(../search/search.css);
@import url(../Subscription/Subscription.css);

body {
	text-align: center;
	background-color: #80d2dd;
	margin: 0;
	padding: 0;
	}	
div.frame {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../library/frame-bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	}
div.frame-inner {
	background-image: url(../library/frame-inner-bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	}
div.con-header {
	position: relative;
	z-index: 99;
	padding: 0px;
	height: 160px;
	background-image: url(../library/header-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
div.con-header h1 {
	background-image: url(../library/h1-header-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 0;
	left: 240px;
	overflow: hidden;
	padding: 14px 0 0 0;
	position: absolute;
	top: 73px;
	width: 432px;
	}
div.con-header h1 span {
	display: none;
	color: #01A9BD;
	font-size: 130%;
	font-weight: normal;
	}
div.con-wrapper {
	background-color: #ffffff;
	margin: 0 auto;
	width: 920px;
	}
body.default div.con-wrapper, body.content div.con-wrapper {
	background-image: url(../library/con-wrapper-bg-orange.png);
	background-position: left top;
	background-repeat: repeat-y;
	}
body#young-people div.con-wrapper {
	background-image: url(../library/con-wrapper-bg-green.png);
	background-position: left top;
	background-repeat: repeat-y;
	}
body#parents div.con-wrapper {
	background-image: url(../library/con-wrapper-bg-red.png);
	background-position: left top;
	background-repeat: repeat-y;
	}
body#professionals div.con-wrapper {
	background-image: url(../library/con-wrapper-bg-purple.png);
	background-position: left top;
	background-repeat: repeat-y;
	}
body#children div.con-wrapper {
	background-image: url(../library/con-wrapper-bg-orange.png);
	background-position: left top;
	background-repeat: repeat-y;
	}
div.con-supp-1,
div.con-supp-2 {
	color: #FFFFFF;
	float: left;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 280px 0 20px 20px;
	position: relative;
	width: 173px;
	}
div.con-supp-1 h2 {
	font-size: 125%;
	margin: 0 0 .5em 0;
	padding: 0;
	font-weight: bold;
	clear: left;
	color: #fff;
	}
/*
div.con-supp-1 h3 {
	display: block;
	margin: 0;
	padding: 26px 0 0 0;
	height: 0;
	overflow: hidden;
	background-image: url(../library/subscribe-bg-orange.png);
	background-position: left top;
	background-repeat: no-repeat;
	border: none !important;
	}
body#young-people div.con-supp-1 div.subscribe-box h3 {
	background-image: url(../library/subscribe-bg-green.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
body#parents div.con-supp-1 div.subscribe-box h3 {
	background-image: url(../library/subscribe-bg-red.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
body#professionals div.con-supp-1 div.subscribe-box h3 {
	background-image: url(../library/subscribe-bg-purple.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
body#children div.con-supp-1 div.subscribe-box h3 {
	background-image: url(../library/subscribe-bg-orange.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
div.con-supp-1 h3 span {
	display: none;
	color: #FFFFFF;
	font-size: 180%;
	font-weight: normal;
	margin: 0;
	padding: 15px 0 0 0;
	}
*/		
div.con-supp-1 p {
	font-size: 100%;
	line-height: 1.3em;
	margin: 1em 0;
	}
div.con-supp-1 .mod-contentpanel {
	margin-left: -20px;
	padding: 25px 20px 0px 20px;
	background: url(../library/contentpanel-bg-orange.png) left top no-repeat;
	font-size: 91.6% !important;}
div.con-supp-1 .mod-contentpanel p {
	margin: 0 0 0.5em 0;
	}
.mod-contentpanel a:link, 
.mod-contentpanel a:visited {
	color: #333 !important; 
	text-decoration: none !important;
	}
.mod-contentpanel a:focus, 
.mod-contentpanel a:hover,
.mod-contentpanel a:active {
	color: #fff !important; 
	text-decoration: none !important;
	}
		
body#young-people div.con-supp-1 .mod-contentpanel {
	background-image: url(../library/contentpanel-bg-green.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
body#parents div.con-supp-1 .mod-contentpanel {
	background-image: url(../library/contentpanel-bg-red.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
body#professionals div.con-supp-1 .mod-contentpanel {
	background-image: url(../library/contentpanel-bg-purple.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
body#children div.con-supp-1 .mod-contentpanel {
	background-image: url(../library/contentpanel-bg-orange.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
				
div.con-footer {
	background-image: url(../library/con-footer-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 78px;
	position: relative;
	}
div.con-footer p.foot-images {
	margin: 0;
	position: absolute;
	left: 715px;
	top: 12px;
	width: 204x;
	}
div.con-footer p.foot-images #Image1 {
	padding-right: 21px;
	}

div.content {
	position: relative;
	margin-bottom: 20px;
	}

div.mod-sitelogo {
    height: 89px;
	left: 40px;
	position: absolute;
	top: 50px;
	width: 173px;
    }
div.mod-sitelogo a {
    display: block;
    height: 89px;
    cursor: pointer;
    }
div.mod-mainnav {
    background-color:transparent !important;
	height:38px;
	left:239px;
	position:absolute;
	top:122px;
	width:701px;
    }
div.mod-footernav {
    float: left;
    }
p.lastupdated {
    padding: 11px 0 0 10px;
	font-size: 91.6%;
    float: left;
    margin: 0;
    color: #888888;
}		

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

/* .NET error pages */		
div.con-errormessage {}		
div.mod-errorheader {}
div.mod-errorcontent {}		

.browse-all {
	background-image: url(../library/browse-all-topics.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 22px 0 20px 0;
	width: 143px;
	}
.browse-all span {
	display: none;
	}

/*		
div.mod-loginstatus {
	position: relative;
	left: 675px;
	top: 40px;
	width: 250px;
	}
div.mod-loginstatus em {
	font-style: normal;
	font-weight: bold;
	padding-right: 10px;
	}
div.mod-loginstatus p {
	margin: 0;
	padding: 0;
	}
div.mod-loginstatus a.link-profile {
	padding: 0 4px 0 0;
	}
div.mod-loginstatus a:link,
div.mod-loginstatus a:visited {
	color: #01A9BD;
	text-decoration: none;
	}
div.mod-loginstatus a:focus,
div.mod-loginstatus a:hover,
div.mod-loginstatus a:active {
	color: #0C2B80;
	text-decoration: none;
	}
div.mod-loginstatus a.link-logout {
	padding: 0 0 0 4px;
	}
span.pipe {
	color: #ababab;
	}
*/
	
/* Section content */

/*
div.title { 
	position: absolute;
	left: 0px;
	top: 14px;}
		
div.contacts { 
	position: absolute;
	left: 0px;
	top: 110px;
	z-index: 3;
	color: #ffffff;
	font-size: 100%;
	}
div.contacts h3 { 
	color: #333333 !important;
	font-size: 108.3% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
	border: none !important;
	}
div.contacts h3 span { 
	display: none;
	}
div.contacts p { 
	color: #ffffff !important;
	font-size: 91.6%;
	margin: 0;
	padding: 0px 0px 1em 0px;
	line-height: 1.3em;
	}
div.contacts p a, div.contacts p a:link, div.contacts p a:visited { 
	color: #ffffff !important;
	text-decoration: none;
	}
div.contacts p a:focus, div.contacts p a:hover, div.contacts p a:active { 
	color: #333333 !important;
	text-decoration: none;
	}
div.useful-links { 
	position: absolute;
	left: 170px;
	top: 90px;
	z-index: 3;
	width: 260px;
	padding: 20px 0 0 0;
	}
div#divyoung-people div.useful-links { 
	background-image: url(../library/yp-useful-links-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	}
div#divparents div.useful-links { 
	background-image: url(../library/par-useful-links-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	}
div#divprofessionals div.useful-links { 
	background-image: url(../library/pro-useful-links-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	}
div#divchildren div.useful-links { 
	background-image: url(../library/ch-useful-links-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	}
*/
div.section-content { 
	float: left;
	height: 257px;
	left: 0;
	margin: 0;
	padding: 8px 0 0 32px;
	position: relative;
	top: 0;
	width: 413px;
	}
div.section-content h3 { 
	border: 0 !important;
	color: #333;
	font-size: 125% !important;
	font-weight: bold !important;
	padding: 0.75em 0 0.5em 0 !important;
	margin: 0 !important;
	line-height: 1.3em;
	}
div.section-content p { 
	color: #fff;
	font-size: 108.3%;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0;
	}
div.section-content ul { 
	background-image: none !important;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	z-index: 2 !important;
	}
div.section-content ul li { 
	color: #fff;
	float: none !important;
	font-size: 108.3%;
	line-height: 1.3em;
	padding: 1px 0 1px 13px !important;
	width: auto !important;
	z-index: 2 !important;
	}
	
div#divchildren div.section-content ul li { 
	background: transparent url(../library/useful-links-bg-orange.png) no-repeat 0 4px;
	}
div#divyoung-people div.section-content ul li { 
	background: transparent url(../library/useful-links-bg-green.png) no-repeat 0 4px;
	}
div#divparents div.section-content ul li { 
	background: transparent url(../library/useful-links-bg-red.png) no-repeat 0 4px;
	}
div#divprofessionals div.section-content ul li { 
	background: transparent url(../library/useful-links-bg-purple.png) no-repeat 0 4px;
	}
	
div.section-image { 
	float: left;
	display: block;
	width: 292px;
	height: 265px;
	position: relative;
	z-index: 3;
	}

/* Section titles */

.section-content h2 { 
	border: none !important;
	display: block;
	height: 0;
	margin: 0 !important;
	overflow: hidden;
	padding: 52px 0 0 0 !important;
	width: 334px;
	}
	
#divchildren .section-content h2 { 
	background: transparent url(../library/img-welcome-children.png) no-repeat 0 0;
	}
#divyoung-people .section-content h2 { 
	background: transparent url(../library/img-welcome-youngpeople.png) no-repeat 0 0;
	}
#divparents .section-content h2 { 
	background: transparent url(../library/img-welcome-parents.png) no-repeat 0 0;
	}
#divprofessionals .section-content h2 { 
	background: transparent url(../library/img-welcome-professionals.png) no-repeat 0 0;
	}