/*CSS Document*/
@import "/staticarchive/f08a80a7040e3d19099fc09489036cbeed4334ab.css";
@import "/staticarchive/7856af5c8d6f89d90b1071273a5146e32bc15c88.css";
body, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin:0;}
a {text-decoration:none; color:#000099;} 
a:hover {text-decoration:underline; color:#6666CC;}
#contentarea {	width: 760px; margin-top: 3px; }
#lhcol { width: 121px;	background-color:#EEE; float:left;	text-align: right;	padding-bottom: 5px	}
#twocolcontent {width: 629px;float: right;}
#centrecolumn {	width: 416px;float: left; }
#rhcol {width: 203px; float:right; }
#crumb {  
background-image: url(/staticarchive/ec538021816a2c899988050494c15100848dd47c.gif);
background-color: #CCCCCC;
width:629px;
margin-bottom: 5px;
font-size:10px;
padding-top: 2px;
padding-bottom: 2px;
}
.crumblink {  
margin-left: 13px;
}
.pagetitle {
	font-size: 18px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	
	}
.blurblatest { margin-bottom: 10px}


/*left hand navigation*/
#menu {position:relative}
.lelhnavtoptitle, .currentsectiontitle, .currentsectiontitlenolink {
	font-weight: bold;
	background-image: url(/staticarchive/ddcf61d12966497f1acce8bfda29a39cc3f525bd.gif);
	padding:2px 7px 2px 2px; }

.currentsectiontitle { padding:2px 2px 2px 2px; margin-top:3px }
	
.currentsectiontitlenolink {
	background-image: url(/staticarchive/ddcf61d12966497f1acce8bfda29a39cc3f525bd.gif);
	margin-top:3px}
	
.lnavyouarehere, .lnavyouareherelink {
	font-weight: bold;
	background-color: #999;
	background-image: url(/staticarchive/da39a3ee5e6b4b0d3255bfef95601890afd80709.gif);
	padding:0px 7px 0px 2px;}
	
.lnavyouareherelink{ padding:0px 3px 0px 2px;}
	
.othersectionlinks {padding-bottom:0px; margin-bottom: 0px; }
.othersectionlinks ul a {	font-weight: bold;	 display: block}
.othersectionlinks li, .relatedsitelinks li {padding-top: 3px; padding-bottom: 3px; margin-right: 5px;}
.currentsectionlinks {padding-bottom:0px; margin-bottom: 0px; background-color:#ccc; }
.currentsectionlinks ul, .relatedsitelinks ul, .othersectionlinks ul, .lelhnavtoplink ul  { list-style:none; padding-left:0px; margin-left:0px; padding-top:0px; padding-bottom:5px; margin-top:0px; margin-bottom: 0px}
.othersectionlinks ul { padding-bottom:0px;}
.currentsectionlinks ul a {	display: block; margin-right: 5px; }
.currentsectionlinks li {padding-top: 3px; padding-bottom: 3px; }
.relatedsitelinks {margin-bottom: 0px; font-size: 11px; padding-bottom:5px}
.relatedsitelinks ul, .lelhnavtoplink ul  { padding-bottom:0px;}
.relatedsitelinks ul a {display: block; }
.relatedlinktext {font-size:10px; color: #999999;font-weight:bold; text-align: right; margin-right: 5px;padding-bottom: 3px;}

.lelhnavtoplink {padding-bottom:3px;}
.lelhnavtoplink ul a {font-weight: bold;}
.lelhnavtoplink li {padding-top: 0px; padding-bottom: 0px; margin-right: 5px;}

/* Top image and puff */
#top_img {margin-bottom:10px; width:416px; height:95px}
#top_puff {margin-bottom:10px}


.promolinktd li {margin-bottom: -5px; }
.promolinktd ul a {display:block; padding-left:10px; padding-top:2px; background: url('/staticarchive/9786bbff8bc5b4d6e6cbb3527219ad6a0563bafe.gif') no-repeat 0px 5px; 
	text-align:left
	}
.promolinktd ul {list-style:none; padding-left:0px; margin-left:0px; margin-bottom:0px }	
.promolinktd {padding-top:5px; padding-bottom:12px}

html > body .promolinktd li {margin-bottom: 5px}


/* coloured content area promo boxes */
.cpromolinktd {padding-top:5px; padding-bottom:10px; }
.cpromolinktd ul { list-style-image: url(/staticarchive/9786bbff8bc5b4d6e6cbb3527219ad6a0563bafe.gif); margin-left:20px; padding-bottom:0px; margin-bottom:0px; margin-top: 5px; padding-top:0px}
.cpromolinktd li {margin-bottom:3px; padding-right: 4px}

html > body .cpromolinktd ul {padding-left:9px; margin-left:9px}

.chevron {	FONT-SIZE: 9px; FONT-WEIGHT: bold;}

.promolink {display: block;
padding-left:10px; 
padding-top:2px; 
background: url(/staticarchive/9786bbff8bc5b4d6e6cbb3527219ad6a0563bafe.gif) no-repeat 0px 5px; 
	text-align:left
	}
.promoslug {padding-left:10px; }
.promotitle {padding-top:2px; padding-bottom:2px; padding-left:4px; color:#FFFFFF; font-weight:bold; }
.promotitle a,  .promotitle a:hover {color:#FFFFFF}

/*download links*/
.pdflink, .mp3link, .mp4link, .watchvideolink 
{
font-weight:bold; 
padding-left:20px; 
padding-bottom:3px;
padding-top:2px;
background: url('/staticarchive/3ed2cded3c5b4b3654a82336ce14e0ec578c3da6.gif') no-repeat 0px 0px;
} 

.mp3link 
{
padding-left:30px; 
background: url('/staticarchive/a6de71040b227546bbf50f5260aff5d707830418.gif') no-repeat 0px 0px;
}

.mp4link 
{
padding-left:30px; 
background: url('/staticarchive/6e38e4126d1ea28c43c11b06f3c96c5d0113d026.gif') no-repeat 0px 0px;
}

.watchvideolink 
{
padding-left:60px; 
background: url('/staticarchive/eeb33b1d40736d67d417f8d7948a220a476ce0f8.gif') no-repeat 0px 4px;
margin-bottom:15px;

}

/* NEW in Learning English box */
#latest .titlebox {background-color:#000000}
#latest ul a {font-weight:bold}

/* For hubpages */
.promoblock {width:416px; }
.promoleftcol {width:203px; float:left;}
.promorightcol {width:203px; float:right}
.promoblock ul { list-style:none; padding:0px; margin:0px; padding-top:3px}
.promoblock ul a { 
display:block;
padding-left:10px; 
padding-top:2px; 
background: url('/staticarchive/9786bbff8bc5b4d6e6cbb3527219ad6a0563bafe.gif') no-repeat 0px 5px; 
}

.promoblock li {padding-top:0px; padding-bottom:3px; margin-top:0px; margin-bottom:2px}

html > body .promoblock ul a {padding-left:10px; margin-left:2px;}

.lelinkarrow, .blurblatest a
{
font-weight:normal; 
padding-left:10px; 
padding-bottom:3px;
padding-top:2px; 
background: url('/staticarchive/9786bbff8bc5b4d6e6cbb3527219ad6a0563bafe.gif') no-repeat 0px 5px; 

}

/*for boxes with border and solid colour titles that reach the width of the div. Note add required colours in head of actual pages*/
.titlebox {
/*background-color: add in head*/
margin-top: 10px;
padding-top:2px;
padding-bottom:2px;
text-indent: 4px;
 	}

.titleboxtext {
font-weight: bold;
color: #FFFFFF;
/*background-color: add in head*/
text-align:left
	}
.titlebox a, .titlebox a:hover {color:#FFFFFF}
.contentbox {border: 1px solid /*#57a9ef add color in head*/}
.contentboxtext {padding:4px;}
.contentbox ul {list-style:none; padding:0px; margin:0px;}
.contentbox li {padding-bottom: 8px}

.widecontent {
	width: 629px;
	float: left;

}