/* 
 *	news.css - main styles used for the news area
 *	Developed by e4education (www.e4education.co.uk)
 *  Slimmed down on 30th July 2008
 *  Sizes and padding tweaks made 30th Jan 2009.
 *  Full Update/re-write by Jack Howell 28th Jul 2010.
 */

#main #contentWrapper h1 {display: none;}

#main #contentWrapper {width: 940px; margin: 40px auto 0; background: none; float: none;}
#main #content {background: none; margin: 0;}

#newsStoryList {margin: 0; padding: 0; list-style: none;}
#newsStoryList li {float: left; margin: 20px 0 0 0; padding: 20px 0 0 0; list-style: none; display: block; border-top: 1px dashed #ccc;}

#newsStoryList li .newsStoryHeading {float: left; margin: 0 0 20px 0; width: 100%; display: inline; clear: both;}
#newsStoryList li .newsStoryHeading img {float: left; display: inline; margin: 0 20px 0 0; padding: 2px; border: 1px solid #ccc;}
#newsStoryList li .newsStoryHeadingContainer {display: inline;}
#newsStoryList li .newsStoryHeadingContainer h3 {font-size: 170%; margin: 0.7em 0 0;}
#newsStoryList li .newsStoryHeadingContainer .newsStoryDate {font-size: 90%; color: #666;}

#newsStoryList li .newsStoryIntro {clear: both; width: 100%;}

#newsStoryList {margin: 0; padding: 0; list-style: none;}
#newsStoryList li {margin: 10px 0 20px 0; padding: 20px 0 40px 0; position: relative; display: block; width: 960px; float: left; clear: both;}
#newsStoryList .backToTop {position: absolute; bottom: 0; right: 0; border-bottom: 1px dashed #ccc; border-bottom: none;}
#newsStoryList .mainDesign {float: left; display: inline;}
#newsStoryList .mainDesign .imgBorder {padding: 1px; border: 1px solid #ccc;}
#newsStoryList .aboutDesign {float: left; display: inline; width: 170px; padding: 0 0 0 20px;}
#content a.smallButton {width: 166px; height: 33px; float: left; display: inline; padding: 13px 0 0 0; margin: 0 0 10px -3px; background: url(../images/design/smallOrangeButton.png) left top no-repeat; font-size: 120%; color: #fff; text-align: center;}
#content a.smallButton:hover {background-position: bottom;}