@charset "utf-8";

/* Terra Nova School - HOMEPAGE CSS */

#masthead {background: #00725b;}
#masthead.home h1 {width: 260px; float: left; padding: 0 0 18px 0;}
#masthead.home p {width: 250px; color: #fff; float: left; clear: left; padding: 0; margin: 0; line-height: 1.2em; overflow:visible;}
#masthead.home img {float: right;}

#masthead.home #requests {background: #b6e1f9; height: 64px; clear: both; padding: 23px 25px;}
#masthead.home #requests h2 {font-size: 27px; margin: 0; padding: 0 0 3px; letter-spacing: -0.05em;}
#masthead.home #requests p {color: #000; font-size: 14px; padding: 0; width: auto; line-height: 1.2em;}
#masthead.home #requests p a {text-decoration: underline;}
#masthead.home #requests .requestVisit {width: 345px; float: left;}
#masthead.home #requests .requestProspectus {width: 345px; float: right;}

.divHolder {padding: 20px 23px; line-height: 1.3em; float: left; width: 723px;}
.divHolder .leftcolumn {float: left; width: 345px;}
.divHolder .rightcolumn {float: right; width: 345px;}

.banner-image{float:right; width:465px; height:173px;overflow:hidden;}
.banner-text{color:#FFFFFF; font-size:1.3em; padding:20px 20px 5px; width:260px;}


/* News */
#newsList {float:left; padding:0; width:345px; clear:both; margin:0 0 20px 22px; display: inline;}
#newsList h3.tn_news {margin: 0; padding: 0 0 8px; color: #a8b5ae; font-size: 25px; background: url(/images/global/dotted-line.gif) left bottom repeat-x scroll;}
#newsList ul {width: 345px; margin-top: 10px;}
#newsList ul li {list-style-type: none; background: url(/images/global/dotted-line.gif) left bottom repeat-x scroll;}
#newsList ul li p {background: url(/images/global/arrow-bullet.gif) 0em 0.8em no-repeat scroll; margin: 0 0 0 5px; padding: 5px 0;}
#newsList ul li p a {padding-left: 11px; display:block; font-weight: bold;}
#newsList ul li p a:hover  {text-decoration:underline;}
#newsList ul li.firststory {padding-bottom:10px;}
#newsList ul li.firststory .firststory_header {font-size: 1.2em; color: #258CC0; font-weight: bold; margin-left: 5px;}
#newsList ul li.firststory p {background:none;}
#newsList ul li.firststory a {margin: 0 0 0 5px; text-decoration:underline; font-weight: bold;}
#newsList a.moreNews {color: #258CC0; font-weight: bold; margin-left: 5px; text-decoration:underline; padding-top:10px; display:block;}

/* Noticeboard */
#noticeboardList {float:right; width:345px; padding:0; margin:0 20px 20px 0; display: inline;}
#noticeboardList h3.noticeboard {margin: 0; padding: 0 0 8px; color: #a8b5ae; font-size: 25px; background: url(/images/global/dotted-line.gif) left bottom repeat-x scroll;}
#noticeboardList ul {width: 345px; margin-top: 10px;}
#noticeboardList ul li p {background: url(/images/global/arrow-bullet.gif) 0em 0.8em no-repeat scroll; margin: 0 0 0 5px; padding: 5px 0 5px 10px;}
#noticeboardList ul li p a {font-weight: bold;}
#noticeboardList ul li p.copy {padding: 5px 0 5px 0px;}
#noticeboardList ul li p.copyOther {padding: 0 0 5px 0px;}
#noticeboardList ul li p .subtitle {padding-left:0px; display:block; color:#A8B5AE;}
#noticeboardList ul li.firststory {padding:0 0 10px; background: url(/images/global/dotted-line.gif) left bottom repeat-x scroll; }
#noticeboardList ul li.firststory .firststory_header { font-size: 1.2em; color: #258CC0; font-weight: bold; margin-left: 5px;}
#noticeboardList ul li.firststory p {background:none;}
#noticeboardList ul li.firststory a {margin: 0 0 0 5px; text-decoration:underline; font-weight: bold;}
#noticeboardList ul li a:hover {text-decoration:underline;}