﻿#defaultPage .headline { position: relative; height: 18px; }
#defaultPage .headline span, #defaultPage .headline a { font-size: 125%; font-weight: bold; vertical-align: top; }
#defaultPage .headline a { color: black; text-decoration: none; }

#newssection #newsitems { padding-bottom: 12px; }

/* #newssection #newsitems > * */
#newssection #newsitems .unselected, #newssection #newsitems .selected
 { display: block; text-decoration: none; border: none; cursor: pointer; position: relative; width: 370px; background-color: transparent; height: 58px; }
/* #newssection #newsitems > * > * */
#newssection #newsitems .left, #newssection #newsitems .right, #newssection #newsitems .centre
 { display: block; position: absolute; top: 0; height: 58px; }

#newssection #newsitems .unselected .left { width: 10px; left: 0; }
#newssection #newsitems .unselected:hover .left, #newssection #newsitems .selected .left { width: 12px; left: 0; }
#newssection #newsitems .unselected .right { width: 10px; left: 360px; }
#newssection #newsitems .unselected:hover .right, #newssection #newsitems .selected .right { width: 12px; left: 358px; }
#newssection #newsitems .unselected .centre { width: 350px; left: 10px; }
#newssection #newsitems .unselected:hover .centre, #newssection #newsitems .selected .centre { width: 346px; left: 12px; }

#newssection #newsitems .text, #newssection #newsitems .textnoimg { position: absolute; overflow: hidden; height: 43px; top: 5px; }
#newssection #newsitems .title { display: block; font-weight: bold; text-decoration: none; padding-bottom: 5px; }
#newssection #newsitems .text p, #newssection #newsitems .textnoimg p { margin: 0 0 5px 0; padding: 0; }
#newssection #newsitems .textnoimg, #newssection #newsitems .unselected .text
{
   left: 0;
   /* When the date is put back in, this should be changed back -- EF (26 May 2008)
   width: 300px;
   */
   width: 350px;
}

#newssection #newsitems .calendar
 { position: absolute; display: block; top: 7px; left: 312px; width: 40px; height: 40px; font-weight: bold; text-align: center;
   line-height: 15px; color: white; }
#newssection #newsitems .unselected:hover .calendar, #newssection #newsitems .selected .calendar
 { left: 310px; width: 42px; height: 41px; background: transparent url(images/calendar/date_blue_box.gif) no-repeat; }
#newssection #newsitems .unselected .calendar { background: transparent url(images/calendar/date_blue_box2.gif) no-repeat; }
#newssection #newsitems .calendar .calendar-margin { display: block; margin: 5px; }
#newssection #newsitems .calendar .day { font-size: 15px; letter-spacing: 1px; }
#newssection #newsitems .calendar .month { font-size: 11px; }

#newssection #newsitems .unselected:hover .left, #newssection #newsitems .selected .left
 { background: transparent url(images/home/3slices_dark/left.png) no-repeat; }
#newssection #newsitems .unselected:hover .right, #newssection #newsitems .selected .right
 { background: transparent url(images/home/3slices_dark/right.png) no-repeat; }
#newssection #newsitems .unselected:hover .centre, #newssection #newsitems .selected .centre
 { background: transparent url(images/home/3slices_dark/centre.png) repeat-x; }
#newssection #newsitems .unselected:hover .text, #newssection #newsitems .selected .text
 { height: 48px; left: 50px; width: 210px; }
#newssection #newsitems .unselected:hover .centre > .showimg, #newssection #newsitems .selected .centre > .showimg
 { display: block; position: absolute; border: 0; left: 0; top: 5px; width: 45px; height: 45px; }
#newssection #newsitems .unselected:hover, #newssection #newsitems .selected { color: white; }

#newssection #newsitems .unselected .left { background: transparent url(images/home/3slices/left.png) no-repeat; }
#newssection #newsitems .unselected .right { background: transparent url(images/home/3slices/right.png) no-repeat; }
#newssection #newsitems .unselected .centre { background: transparent url(images/home/3slices/centre.png) repeat-x; }
#newssection #newsitems .unselected .centre > .hideimg, #newssection #newsitems .selected .centre > .hideimg,
#newssection #newsitems .unselected .centre > .showimg { display: none; }
#newssection #newsitems .unselected { color: #666666; }