@charset "utf-8";

/* Terra Nova School - NEWS CSS */

#container #leftcolumn {float: left; width: 368px; display: inline;}
#container #rightcolumn {float: right; width: 345px; margin-right: 23px; display: inline;}

/* main headline news */
#leftcolumn .headlineTitle {padding:0 0 5px 23px; font-size:20px; font-weight:normal; background: url(/images/global/dotted-line.gif) repeat-x left bottom; line-height:28px; margin: 10px 0 0;}
#leftcolumn p.date {padding-left: 23px;}
#leftcolumn p.textAreaOne {padding:0 0 5px 23px; font-weight:bold;line-height:16px;}
#leftcolumn p.textAreaTwo {line-height:16px; padding-left: 23px;}
#leftcolumn img {padding:0 0 0 23px; margin:0;}

/* -- The Headlines -- */

/*#rightcolumn {float:left; width:346px; margin:14px 0 0 42px; padding:0;}

#rightcolumn  {width:346px;}*/

#rightcolumn #headlinesHolder h3.theHeadline {width:121px; height:17px; background: url(/images/news/the-headlines-txt.gif) no-repeat left top; text-indent:-5555px;margin:15px 0 0 0; padding:0 0 10px 0;}
#rightcolumn #headlinesHolder h3.theNewsletter {width:132px; background:url(/images/news/our-newletter-text.gif) no-repeat left top;}

#rightcolumn #headlinesHolder .headlineList {background: url(/images/global/dotted-line.gif) repeat-x left top;}
#rightcolumn #headlinesHolder .headlineList ul {margin:0 0 30px; padding:0;}
#rightcolumn #headlinesHolder .headlineList ul li {width: 346px; height:auto; display:block; padding:7px 0 7px 0; margin:0; background: url(/images/global/li_black_arrow.gif) left top no-repeat scroll; font-weight:bold; font-size: 11px;}
#rightcolumn #headlinesHolder .headlineList ul li.viewAll {background: url(/images/global/li_no_arrow.gif) left top no-repeat scroll;}
#rightcolumn #headlinesHolder .headlineList ul li.viewAll a {text-decoration:underline;}
#rightcolumn #headlinesHolder .headlineList ul li.selected {height:auto; background: url(/images/global/li_blue_arrow.gif) left top no-repeat scroll; color: #258CC0; pad ding:10px 0 7px 10px;}
#rightcolumn #headlinesHolder .headlineList ul li.selected a {color: #258CC0;}
#rightcolumn #headlinesHolder .headlineList ul li a {display:block; padding: 3px 0 0 10px; color: #000;}
#rightcolumn #headlinesHolder .headlineList ul li a:hover {text-decoration: underline;}
#rightcolumn #headlinesHolder .headlineList ul ul {margin:0 0 0 10px;}
#rightcolumn #headlinesHolder .headlineList ul ul li {background:none; padding:7px 0 0;}
#rightcolumn #headlinesHolder .headlineList ul li.selected li {background:url(/images/global/li_black_arrow_only.gif) 0 1.25em no-repeat;}
#rightcolumn #headlinesHolder .headlineList ul li.selected li a {color:#000;}
#rightcolumn #headlinesHolder .headlineList ul li.selected li.selected {background:url(/images/global/li_blue_arrow_only.gif) 0 1.25em no-repeat;}
#rightcolumn #headlinesHolder .headlineList ul li.selected li.selected a {color:#258CC0;}