/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   line-height: 15px;
   background-color: #6B9AC7;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}

/* general classes */
.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

a.hoverunderline:link, a.hoverunderline:visited {
	text-decoration: none;
}
a.hoverunderline:hover, a.hoverunderline:active {
	text-decoration: underline;
}

a.nounderline:link, a.nounderline:visited,
a.nounderline:hover, a.nounderline:active {
	text-decoration: none;
}

/* page layout */

body { text-align: center; } /* center on ie */

#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 720px;
   text-align: left;
   background-color: #1E5B9C;
   background-image: url(http://media.highlights.com/img-parents-home/bluebackground.gif);
   background-repeat: no-repeat;
	background-position: left top;
}



/* HEADER */

#header
{
	margin-top: 0;
	padding-top: 0;
	display: block;
}

#headercontent
{
	float:right;
	text-align: right;
	margin-bottom: 10px;
}

#logo
{
	float: left;
	padding-left: 20px;
}

#search
{
	/* border: 1px solid blue; */
	margin: 30px 20px 20px auto;
}

#headerlinks
{
	margin-right: 20px;
	color: #FFFFFF;
	font-size: 11px;
}

#headerlinks a
{
	color: #FFFFFF;
	padding-left: 1.3em;
}



/* MAIN BODY */

#homecontent 
{
	/* border: 6px solid lightblue; */
	background-color: #FFFFFF;
	margin: 0px 20px;
	width: 680px;
}

#TBLtopnavbar
{
	/* border: 1px solid blue; */
	background-color: #E2E6F0;
	text-align: center;
	width:100%;
}

#TBLtopnavbar p
{
	margin: 4px 2px;
	font-size: 11px;
	line-height: 13px;
	color: #184D84;
}

#TBLtopnavbar a
{
	color: #184D84;
}

#homemaincolumn
{
	/* border: 3px dotted yellow; */
	margin-left: 20px;
	width: 61%;
}

#homemaincolumn h1
{
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
}

.homesubcat
{
	font-size: 11px;
	line-height: 13px;
padding: 0px;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
}

#homemaincolumn .homesubcat a
{
	color: #586A09;
}


.homesubcatlink
{
margin: 4px 0px 10px 12px;
}


#homemaincolumn a
{
	color: #000000;
}


#featureblock
{
border: 1px solid #5F7ABE;
padding: 0px;
margin: 20px 0px 0px 0px;
width: 410px;
height: 153px;
vertical-align: middle;
display: table;
}

#featureblock h1
{
font-size: 11px;
line-height: 12px;
color: #2165AD;
margin: 10px 10px 8px auto;
}


#featureblock h1 a
{
color: #2165AD;
}

#featureblock h2
{
font-size: 13px;
line-height: 16px;
color: #333333;
font-weight: bold;
margin: 0px 10px 0px auto;
}

#featureblock p
{
font-size: 11px;
line-height: 13px;
color: #333333;
margin: 5px 10px 0px auto;
}

#featureblockimage, .featureblockimage
{
	float: left;
	margin: 0px 14px auto 0px;
	/*height: 153px;*/
	padding: 0px;
}

#switch_controls {
	border: 1px solid #5F7ABE;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #D8D9DA;
	width: 410px; 
}

#switch_controls div {
	margin: 0px;
	display:inline;
}

#switch_controls img {
	vertical-align: middle;
}

#homeleftcol
{
	float:left;
	width: 45%;
}

#homerightcol
{
	float:right;
	width: 50%;
}

#hhfbox
{
	padding-top: 16px;
}

	#hhfbox table
	{
		padding: 0px 0px 0px 0px;
	}
	
	#hhfbox td
	{
		vertical-align: top;
		text-align: left;
		background-color: #E5F4EA;
		padding-top: 0px;
	}

	#hhfbox p
	{
		margin-right: 6px;
		margin-bottom: 6px;
		margin-top: 8px;
	}

	#hhfbox ul
	{
		margin-right: 6px;
		padding-left: 16px;
		margin-left: 0px;
		margin-bottom: 12px;
		margin-top: 4px;
	}

	#hhfbox ul li
	{
		margin-bottom: 8px;
	}

	#hhfbox a
	{
		color: black;
	}


#homemainrightcol
{
	float:right;
	background-color: #E5F4EA;
	width: 33%;
}

#signupbox 
{
	background-color: #ECFAAC;
	padding: 10px 18px 10px 18px;
}

#hkidsbox
{
	background-color: #D3E487;
	text-align: center;
	padding: 8px 0px 0px 0px;
}

#hkidsbox a
{
	color: #712784;
}

#fafbox
{
	padding: 16px 0px 16px 0px;
	margin-top: 30px;
}

#fafbox h1
{
	font-size: 9px;
	margin: 0;
}

#fafbox h2
{
	font-size: 18px;
	line-height: 20px;
	color: #052D58;
	font-weight: bold;
	margin: 0;
}

#fafbox p
{
	margin: 6px 0px 10px 0px;
}

#fafbox a
{
	color: #000000;
}


#rightcolfiller
{
	height: 100%;
}


#footer
{
	clear: both;
	background-color: #367DC0;
	text-align: center;
	padding: 8px 10px;
}

#footer p
{
	margin:0;
	padding-bottom: 4px;
	color: #FFFFFF;
}

#footer a
{
	padding: 0px 6px;
	color: #FFFFFF;
}





/*  for individual archive pages  */

#maincolumn
{
	/* border: 3px dotted yellow; */
	margin-left: 20px;
	width: 61%;
}

#maincolumn h1
{
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
margin-bottom: 4px
}

#maincolumn h2
{
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
}

#maincolumn a
{
	color: #000000;
}


#breadcrumbs {
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #666666;
margin-top: 20px;
}

#breadcrumbs a {
	color: #666666;
}


em.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	display: block;
	margin: 1px 0px 0px 0px;
}


#articlebody {
	margin-bottom: 30px;
}

#articlebody p.articlehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #5C6631;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	border-bottom: 1px solid #184F84;
}

#articlebody .articlesubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #5C6631;
	margin: 14px 0px 0px 0px;
}

#articlebody h2 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 14px 0px 0px 0px;
}

#articlebody p.articlebyline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	margin: 4px 0px 0px 0px;
}

#articlebody p.articlebrief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #5C6631;
	margin: 10px 0px 0px 0px;
}

#articlebody p, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	margin-top: 10px;
}


#articlebody li {
	margin-top: 6px;
}


#articlebody p.caption {
color: #5C6631;
font-style: italic;
}

#articlebody p.caption em {
color: #5C6631;
font-style: normal;
}

#articlebody p.captionpicture {
color: #5C6631;
font-style: italic;
}

#articlebody a {
color: #5C6631;
}

#articlebody hr {
border-top: 1px solid #184F84;
border-bottom: none;
height: 1px;
margin-top: 20px;
}


.imageleft
{
float: lett;
padding-right: 20px;
}

.imageright
{
float: right;
padding-left: 20px;
}

.picturecaption, #picturecaption01, #picturecaption02, #picturecaption03, #picturecaption04, #picturecaption05, #picturecaption06, #picturecaption07, #picturecaption08, #picturecaption09, #picturecaption10
{
font-size: 10px;
line-height: 12px;
color: #0c2e53;
}

.factblurb
{
margin-bottom: 30px;
}





#mainrightcol
{
	float:right;
	width: 33%;
}


#otherarticles
{
margin: 20px 20px 20px 0;
padding: 16px 16px;
background-color: #EDF0F9;
border: 2px solid #D9E1F3;
}

#otherarticles h1
{
font-size: 12px;
line-height: 14px;
font-weight: bold;
margin: 0px;
}

#otherarticles a
{
color: #000000;
}


#otherarticles li
{
		margin-bottom: 8px;
}

#otherarticles ul
	{
		margin-right: 6px;
		padding-left: 16px;
		margin-left: 0px;
		margin-bottom: 12px;
	}



	
/* for category pages */

#categorybody {
	color: #333333;
margin: 16px 0px 30px 0px;
}

#categorybody h1 {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
color: #333333;
	margin: 22px 0px 0px 0px;
}

#categorybody p {
	color: #333333;
margin: 4px 0px 0px 0px;
}


#categorybody a {
	color: #5C6631;
}

#categorybody .subcategorydesc {
	margin: 4px 0px 0px 0px;
	font-size: 12px;
	line-height: 14px;
font-weight: normal;
	color: #0c2e53;
}


#categorydesc {
margin: 0 0 10px 0;
border: 0px solid blue;
}

#categorydesc p {
	margin:0px;
	font-size: 12px;
	line-height: 15px;
font-weight: normal;
	color: #0c2e53;
}



.biopic {
margin: 8px 20px 8px 0px;
}

#categorysidead01, #categorysidead02, #categorysidead03
{
margin: 20px auto 20px auto;
padding: 0px;
width: 176px;
}

#categorysidead01 p, #categorysidead02 p, #categorysidead03 p
{
margin: 0px;
padding: 0px;
}

h1.sitemap_head {
	font-size:16px;
	font-weight:bold;
	color:#000000;
    margin:15px 0px 0px 20px;
}

#sitemap_left {
	width:50%;
    float:left;
    padding-bottom: 15px;
}

#sitemap_left h2 {
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
    padding-left:20px;
}

#sitemap_left ul {
	list-style: none outside none;
    padding-left:25px;
    margin-top:3px;
	margin-left:25px;
}

#sitemap_left h2 a {
    color:#5C6631;
}

#sitemap_left li a {
    color:#000000;
}

#sitemap_left a:link, a:visited {
	text-decoration: none;
}
#sitemap_left a:hover, a:active {
	text-decoration: underline;
}

#sitemap_right {
	width:50%;
    float:right;
    padding-bottom: 15px;
}

#sitemap_right h2 {
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
    padding-left:20px;
}

#sitemap_right ul {
	list-style: none outside none;
    padding-left:25px;
    margin-top:3px;
	margin-left:25px;
}

#sitemap_right h2 a {
    color:#5C6631;
}

#sitemap_right li a {
    color:#000000;
}

#sitemap_right a:link, a:visited {
	text-decoration: none;
}
#sitemap_right a:hover, a:active {
	text-decoration: underline;
}