/* Home CSS Document */

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

#contentWrapper                   {float: right; width: 960px; background: url(../images/design/home/content_rpt.png) repeat-y; color: #fff;}
h1, h2, h4, h5, h6            {color: #fff;}

h3								{color: #FFB400; font-weight: bold;}

.homecontent {padding: 0 10px;}

#content {width: 380px; margin: 0 0 0 10px; padding: 0; float: left; display: inline;}
.latestbox {float: left;}
.latestbox ul, .latestbox li {padding: 0; margin: 0; list-style-type: none;}
.latestbox li {clear: both;}
.latestbox a, .homecontent a {color: #ffb400;}

#latestnews {width: 320px; margin: 0 10px;}
#latestevents {width: 220px; margin: 0;}

#content h1 {display: block; width: 370px; height: 50px; padding: 20px 0 0 10px; margin: 0; background: url(../images/design/home/header_welcome.png)}
#latestnews h1 {display: block; width: 310px; height: 55px; padding: 15px 0 0 10px; margin: 0; background: url(../images/design/home/header_news.png)}
#latestevents h1 {display: block; width: 210px; height: 47px; padding: 23px 0 0 10px; margin: 0; background: url(../images/design/home/header_calendar.png)}

#contentfooter {clear: both; display: block; width: 960px; height: 20px; background: url(../images/design/home/home_contentfooter.png) no-repeat top;}

#upcomingEvents li                {font-size: 85%;}
#upcomingEvents span              {float: left; display: inline;}

#latestnews .latestthumb          {width: 56px; height: 56px; border: 3px solid #FFF;}
#latestnews .latestnewsintro      {width: 210px; float: left; display: inline; padding: 0 0 0 10px; font-size: 85%;}
#latestnews .latestnewsinfo       {width: 80px; float: left; display: inline; font-size: 0.8em; text-align: center;}

#latestnews .comments             {display: block;}