/* Home CSS Document */


#subnavWrapper, #breadcrumbs, #dateTime{display: none;}

#content                          {float: left; display: inline; width: 440px; padding: 0px 10px; margin: 10px 10px 0;}
.calendarPopout tbody tr td.calendar_highlight {border: 1px solid #D9FF93;}
.calendarPopout table tbody td.calendar_highlight {background: #D1E07C;}

h1                                {font-size: 240%; padding: 0 0 30px 0; margin-bottom: 5px; background: url(../images/design/ruleflare_right.png) right bottom no-repeat;}

#video #videoplayer               {padding: 10px 0;}
#welcomeheader a                  {}
#welcomeheader a span             {color: #fff; display: none;}
#welcomeheader a:hover span       {color: #ccc; display: none;}

#news                             {float: left; width: 460px; margin: 10px 0 0 10px; display: inline;}
#news li, #news ul                {margin: 0; padding: 0; list-style: none;}
#news li                          {clear: both; margin: 10px 0 30px 0; float: left; width: 450px; display: inline;}
#news .latestnewsinfo             {float: left; width: 104px; display: inline;}
#news .latestnewsinfo img         {background: #fff; border: 1px solid #ccc; padding: 1px;}
#news .latestnewsintro            {float: right; display: inline; width: 320px; padding: 0 0 0 20px; font-size: 110%; color: #666;}
#news .newspostdate               {line-height: 130%; text-align: right; padding: 10px 10px; float: left; border-right: 1px solid #ccc; width: 83px; color: #999;}
#news .newspostdate .day          {font-size: 120%; padding: 0; float: left;}
#news .newspostdate .datenumber   {font-size: 300%; padding: 7px 0; float: right; color: #666;}
#news .newspostdate .datenumber .dateextra {font-size: 30%;}
#news .newspostdate .comments     {padding: 20px 0 0 0; display: block; float: right; width: 90px;}
#news .link                       {display: inline; float: left;}

#news #prioritynews li            {padding-bottom: 40px; margin: 0; background: url(../images/design/ruleflare_right.png) right bottom no-repeat;}

#prospectusButton                 {display: block; background: url(../images/design/prospectusButton.png) no-repeat; width: 340px; height: 127px; padding: 50px 0 0 140px; color: #fff; line-height: 120%;}
#prospectusButton #buttonTitle    {font-size: 240%; display: block;}

#noticeboard                      {width: 460px; clear: both; float: left; display: block; padding: 90px 0 0 0; background: url(../images/design/noticeboard_bg.jpg) no-repeat top;}
#noticeboard .newspostdate        {background: url(../images/design/noticeboard_postit.png) no-repeat; border: none; padding: 20px 10px;}
#noticeboard .forcer              {width: 1px; height: 235px; float: right; display: inline;}
#noticeboard ul                   {float: left; width: 435px; display: inline;}
#noticeboard li                   {float: left; width: 435px; display: inline;}
#noticeboard .latestnewsintro     {width: 270px; padding: 0 40px 0 0;}
#noticeboard #noticeboardcontent  {float: left; display: block; padding: 0 20px 0 0; background: url(../images/design/noticeboard_rpt.gif) repeat-y;}
#noticeboard a#noticeboardfooter  {float: left; clear: both; display: inline; width: 330px; height: 31px; padding: 17px 64px 0 0; margin: 0 0 0 66px; text-align: right; background: url(../images/design/noticeboard_footer.png) no-repeat; font-size: 125%; font-weight: bold;}


#homecalendar                     {margin: 20px 0;}
#mainCalendar                     {width: 400px; border: 1px solid #ccc; padding: 20px;}

#homegallery                      {float: left; clear: both; display: inline; width: 940px; padding: 0 0 20px 20px; margin: 10px 0 0 0; background: none;}
#homegallery h1                   {width: 920px;}
#homegallery ul, #homegallery li  {padding: 0; margin: 0; list-style-type: none;}
#homegallery ul                   {float: left; display: block; width: 960px; margin-right: -20px;}
#homegallery ul li                {display: inline; float: left; margin: 0 17px 0 0;}
#homegallery ul li img            {padding: 1px; background: #fff; border: 1px solid #ccc;}
#homegallery #galleryinfo         {float: left;}
#homegallery #viewgallery         {float: right; margin: 0 40px 0 0;}