/*  Front page
================================== */

img {
	padding: 0;
	border: 0;
	}
	
#sideFeatures {
	float: right;
	width: 15em;
	}

#newsFeatures {
	float: left;
	width: 43.6em;
	}
	
/*  Tickertape
================================== */	

#tickerTape {
	height: 35px;
	font-size: 1.3em;
	line-height: 2em;
	color: #0C2577;
	margin: 0 0 0 0.2em;
	}
	
#tickerTape marquee {
	width:30.5em;
	
	}

#tickerTape p {
	padding: 0.3em;
	}

.RssBox
{
	padding-left:0.5em;
	text-align:center;
	line-height:normal;
}

.RssHelp
{
	font-size:10px;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	top:-5px;
}
		
		
/*  News stories
================================== */	

.newsWrapper .teaserLeft_fp, .newsPictures .pictureLeft {
	float: left;
	}
	
.teaserLeft_fp, .teaserRight_fp {
	height: 13.4em;
	}

.newsWrapper .teaserRight_fp, .newsPictures .pictureRight {
	float: right;
	}

.newsWrapper .teaserLeft_fp, .newsWrapper .teaserRight_fp, .newsPictures .pictureLeft, .newsPictures .pictureRight {
	width: 20.7em;
	}
	
#breakingNewsPicture {
	float: left;
	width: 236px;
	padding: 0;
	margin: 0;
	}

#breakingNewsStoryLinks p {
	padding-top: 20px;
	}
	
#breakingNewsStoryLinks img {
	float: right;
	margin: 15px 5px 5px 5px;
	}

#breakingNews {
	clear: both;
 	}

#breakingNews, .teaserRight_fp, .teaserLeft_fp {
	border: 2px solid #CCCCCC;
	margin: 2px;
	padding: 2px;
 	}
	
.pictureLeft, .pictureRight {
	border: 2px solid #CCCCCC;
	margin: 2px;
	padding: 2px;
 	}

html>body #breakingNews { 
	height: 12.8em;	/* New Browser Styles */
	}

#breakingNews  { 
	height: 8em;	/* IE6 Styles */
	}
	
.breakingNewsStoryTitle {
	color: #FFFFFF;
	padding: 0.7em 0.2em;
	clear: right;
	height: 1.9em;
	font-size: 0.8em;
	}
	
.breakingNewsStoryTitle h4 {
	font-weight: bold;
	}
	
#breakingNews h2 a, #lessonPacksStory h3 a, #tip-for-teachers-story a {
	font-size: 0.8em;
	font-weight: bold;
	}

.breakingNewsStoryLinks {
	vertical-align: bottom;
	display: block;
	}
	
#breakingNewsStory {
 	padding-left: 230px;
	}

#date h2 {
	color: #0F2578;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0.75em 0.2em;
	background-color: #FFFFFF;
	text-align: right;
	width: 14.8em;
	}
	
#sideFeatures {
	background-color: #28B6FF;
	background-image: url(../images/stripe_background.gif);
}

#sideFeatures p, #sideFeatures h2, #sideFeatures h3 {
	padding-left: 5px;
	}

#vote h2, #lessonPacks h2, #tip-for-teachers h2 {
	color:#FFFFFF;
	font-weight: bold;
	font-size: 2em;
	}
		
#vote h2 {
	margin-bottom: -4px;
	}

#lessonPacks h2, #tip-for-teachers h2	{
	margin-bottom: -4px;
	margin-left: -2px;
	}

#vote .form_fp, #lessonPacksStory, #tip-for-teachers-story {
	background-color:#FFFFFF;
	margin: 5px;
	padding-bottom: 7px;
	}
	
#vote, #lessonPacks, #tip-for-teachers {
	padding-bottom: 10px;
	}
	
#lessonPacksStory, #tip-for-teachers-story {
	padding-right: 0.1em;
	}	
	
.question {
	background-color: #FBD206;
	border-color: #FFF;
	border-style: solid;
	border-width: 7px 4px 4px 4px; 
	}
	
.center {
	left: auto;
	right: auto;
	text-align: center;
	}
	
#lessonPacksStory img, #tip-for-teachers-story img {
	margin: 5px;
	}		
		
/*  3 box footer links
================================== */

html>body .homepageFooter {
	padding: 0 0.2em 1em 0.2em;
	position: relative;
	top: 0.2em;
	margin-top: auto;
	margin-left: auto;
	}

.homepageFooter {
	margin-top: -0.2em;
	margin-left: 0.25em;
	}

html>body .homepageFooterLink {
	width: 12.55em;
	}
	
.homepageFooterLink {
	width: 12.4em;
	border: 5px #22B1FD solid;
	float: left;
	padding: 0.5em;
	text-align: center;
	}	
	
/* To clear the news boxes om the homepage in ie6, so the bottom border is flush with the content, please use the css below. N.b. This will affect the elements inside the div, i.e. line-height of the text, so you will need to write new css styles for these.
	
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	
*/