#flashcontent {
display:none;
}

#hippo
{
z-index:30;
position:relative;
top:-740px;
   margin: 0 auto; /* center on everything else */
}

/* 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: #4c5aa8;
}

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; /*=== removed this; doesn't work with IE -- 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;
}

ul
{
margin:0;
}

li
{
list-style-type:none;
padding-top:0.5em;
}

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

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

#container
{
   /*position: relative;*/
   margin: 14px auto; /* center on everything else */
   width: 784px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: url('http://media.highlights.com/img-hhf/headerbackground.gif');
   background-repeat: no-repeat;
	background-position: left top;
}

#header
{
width:514px;
height:170px;
overflow:hidden;
margin:0 0 23px 0;
}

#headerlogo
{
margin-top:20px;
padding-left:40px;
overflow:hidden;
height:166px;
width:190px;
}

#searcharea
{
text-align:right;
margin: 0 20px;
vertical-align:bottom;
font-size:11px;
padding-bottom:10px;
}

#searcharea input 
{
vertical-align:bottom;
}

#topnav
{
clear:both;
text-align:right;
margin: 4px 20px;
}


#topnav div
{
float:right;
margin-left:30px;
}

#headerbox
{
/*background-color:#ec1f27;*/
margin: 12px 0px 0 0px;
height:100px;
padding:6px 0px 0 0;
}

#headerbox h1
{
margin: 12px 6px 0 0;
}

#headerbox p
{
margin-top: 4px;
margin-right: 6px;
}

#headerbox div {
margin-left:0px;
}

#leftcol
{
float:left;
width:200px;
margin:0;
padding: 24px 0 0 20px;
}

#rightcol
{
float:right;
width:522px;
margin:0px;
padding:0 20px;
}

.leftcolelement
{
margin-bottom:20px;
}

.NLsignupBox
{
width:100%;
padding-top:5px;
}

.NLsignupBox input,
.NLsignupBox img,
.NLsignupBox td
{
margin:0;
}

.NLsignupBox p
{
font-size:9px;
margin:0;
padding:0 0 0 5px;
}

#purplebox
{
background-color:#983c97;
margin-bottom:20px;
}

#greenbox
{
background-color:#afd138;
margin-bottom:20px;
}

#greenboxtop
{
background-color:#d2e58d;
margin-bottom:0px;
}

#greenboxbottom
{
background-color:#d2e58d;
margin:0 0 20px 0;
border-top:1px solid #d2e58d;
}

#greenboxbottom table
{
width:490px;
margin: 10px 10px 10px 20px;
}

#greenboxbottom td
{
padding-right:8px;
padding-bottom:2px;
vertical-align:top;
}

#greenboxbottom h1,
#greenboxbottom h2,
#greenboxbottom h3,
#greenboxbottom h4,
#greenboxbottom p
{
margin: 10px 10px 0px 20px;
}

#greenboxbottom blockquote
{
margin: 20px 10px 0px 20px;
}

#greenboxbottom blockquote p
{
margin: 6px 10px 0px 30px;
}

#bluebox
{
float:left;
background-color:#1faee4;
margin-bottom:20px;
width:360px;
}

#orangebox
{
float:right;
background-color:#fec01e;
margin-bottom:20px;
width:152px;
}

#blue2box {
width:150px;
background-color:#6dcff6;
margin:20px 20px 10px 0;
}

#audioexcerpt {
margin: 0;
width:330px;
float:left;
}

#audioexcerpt h1 {
margin:10px 0 0 20px;
}

#audioexcerpt h2 {
margin:6px 0 0 20px;
}

#audioexcerpt p {
margin:16px 0 0 20px;
}


#audioexcerptside {
background-image: url('http://media.highlights.com/img-hhf/covershadow.gif');
background-repeat: no-repeat;
background-position: left top;
width:170px;
float:right;
}


#purplebox h1,
#purplebox h2,
#purplebox h3,
#purplebox h4,
#purplebox p,
#purplebox ul,
#blue2box h1,
#blue2box h2,
#blue2box h3,
#blue2box h4,
#blue2box p,
#blue2box ul
{
margin:0 3px 0 10px;
}

#blue2box ul li
{
margin:0;
}

#greenbox h1,
#greenbox h2,
#greenbox h3,
#greenbox h4,
#greenbox p,
#greenbox ul
{
margin:20px 0 0 0px;
}

#greenbox li,
#greenboxtop li,
#greenboxbottom li
{
margin:10px 0 0 0px;
}




#bluebox h1, #bluebox h2,
#bluebox h3,
#bluebox h4,
#bluebox p,
#bluebox ul,
#orangebox h1, #orangebox h2,
#orangebox h3,
#orangebox h4,
#orangebox p,
#orangebox ul
{
margin:4px 6px 0 10px;
}

#orangebox h3
{
margin:10px 6px 0 10px;
}

#breadcrumbs
{
margin-left: 20px;
}

#breadcrumbs ul, #breadcrumbs ul li
{
margin:0;
}

#wholeissue_bt {
background-image: url('http://media.highlights.com/img-hhf/bt_playaudio_back.gif');
background-repeat: no-repeat;
background-position: left top;
width:300px;
padding: 4px 6px;
margin: 16px 0 0 20px;
}

#footer
{
margin-bottom:30px
}

#footer ul
{
margin-bottom:4px
}


#footer ul li
{
display: inline;
padding: 4px 6px;
}


/*==============*/
/*  graphics classes */
/*==============*/

.corners {

}

.leftcorner {
/*float:left;*/
position:relative;
}

.rightcorner {
float:right;
}





/*==============*/
/*  text classes */
/*==============*/

.center
{
text-align:center;
}

#headerbox h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color:#ffffff;
	font-weight:bold;
}

#headerbox p
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color:#ffffff;
}



.boxtext, #purplebox, #bluebox
{
   font-family: georgia, times, serif;
   font-size: 11px;
   line-height: 13px;
   color: #ffffff;
}

#blue2box
{
   font-family: georgia, times, serif;
   font-size: 11px;
   line-height: 13px;
   color: #ffffff;
}

#blue2box a
{
	color: #3a4fa5;
}

#purplebox h1,
#purplebox h2,
#purplebox h3,
#purplebox h4,
#bluebox h1, 
#bluebox h2,
#bluebox h3,
#bluebox h4,
#blue2box h1, 
#blue2box h2,
#blue2box h3,
#blue2box h4
{
font-size: 11px;
font-weight:bold;
}

#purplebox a,
#bluebox a
{
color:#ffffff;
}

#orangebox h1, 
#orangebox h1, 
#orangebox h2,
#orangebox h3,
#orangebox h4
{
font-size: 11px;
font-weight:bold;
}

#orangebox, #orangebox a
{
font-family: georgia, times, serif;
font-size: 11px;
line-height: 13px;
color: #df1763;
}

#audioexcerpt {
font-family: arial, helvetica, sans-serif;
color: #2e3191;
}

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

#audioexcerpt h2{
font-size: 20px;
line-height: 18px;
font-weight:bold;
}

#greenboxbottom
{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
font-weight: bold;
color:#2e3191;
}

#greenboxbottom td
{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: bold;
color:#000000;
}

#greenboxbottom td.header
{
font-size: 11px;
line-height: 13px;
font-weight: normal;
padding-bottom:10px;
}

#greenboxbottom td.pagenumber
{
text-align:center;
color: #2e3191;
}

#greenboxbottom blockquote
{
color: #000000;
}

#greenboxbottom p
{
color: #000000;
font-weight: normal;
}

#footer ul li, #footer ul li a
{
   font-family: georgia, times, serif;
   font-size: 11px;
   line-height: 13px;
   color: #ffffff;
}