/* Home CSS Document */

h1 {padding-bottom: 20px;}

#subnav, #breadcrumbs {display: none;}
#dateTime {width: 540px; margin-bottom: 5px;}
#middlecolumn, #rightcolumn {display: inline; float: left; margin-left: 15px;}

#main {background: url(../images/design/wrappertop.png) no-repeat;}
#contentWrapper {float: left; width: 340px; padding: 0 40px; background: url(../images/design/contentbg.png) no-repeat 400px 40px; text-align: justify;}

#slideshow {border: 5px solid #e4dbcc; margin-top: 20px; width: 250px; height: 160px;}

#latestnews {width: 260px; margin-top: 20px; color: #666666; font-size: 95%;}
#latestnews strong {color: #d51900; font-weight: normal;}
#latestnews h2 {color: #999999; font-size: 155%;}
#latestnews h3 {padding: 0;}
#latestnews li {list-style: none;}
#latestnews a {color: #d51900;}
.moreLink {text-align: right; font-size: 95%;}

#podcasts {display: block; width: 240px; background: #e4dbcc;}
#podcasts h2 {background:url(../images/design/podcast_header.png); color: #FFF; padding: 27px 0 20px 100px; font-size: 160%;}
#podcasts ul {width: 180px; padding: 0 font-family: "Comic Sans MS"; text-align: center;}
#podcasts li {display: block; list-style: none; padding: 0px 0px 0px 30px; margin: 5px 0; text-align: left;  background: url(../images/design/bullet.gif) 0 10px no-repeat;}
#podcasts #viewall {background: url(../images/design/podcastfooter.png); height: 40px; padding-left: 95px; font-family: "Comic Sans MS"; font-size: 95%; color: #d51900; clear: both;}
#podcasts #viewall a {color: #d51900;}

#videolink {display: block; background: url(../images/design/videolink.png) bottom; margin-top: 10px;}
#videolink a {display: block; width: 240px; height: 60px; text-indent: -5000px; background: url(../images/design/videolink.png) bottom; outline: none;}
#videolink a:hover {display: block; width: 240px; height: 60px; text-indent: -5000px; background-position: top;}