/* Homepage ---------------------------------------------------------- */ #homepage h2 { font-size: 16px; color: #004990; text-transform: uppercase; } #homepage h3 { font-size: 14px; color: #004990; text-transform: uppercase; } /* about */ #homepage div.about { width: 654px; float: left; height: 218px; overflow: hidden; background: url(../../images/layout/home_about_background.png) right no-repeat; } #homepage div.about img { margin-top: 1px; float: left; } #homepage div.about div.content { float: left; width: 300px; padding: 19px 20px 0; height: 199px; overflow: hidden; } #homepage div.about div.content h1 span { color: #8a6f03; } #homepage div.about div.content p { margin: 7px 0 19px; line-height: 16px; } /* newsarchive */ #homepage div.newsarchive { width: 184px; height: 199px; margin-top: 1px; float: right; background: #f7efd0; position: relative; padding: 18px 20px 0; } #homepage div.newsarchive ol { height: 165px; overflow: hidden; } #homepage div.newsarchive ol li { padding: 7px 0 10px; border-bottom: 1px solid #e2d294; } #homepage div.newsarchive ol li.last { border-bottom: 0; } #homepage div.newsarchive ol li a { font-weight: bold; color: #004990; text-decoration: none; } #homepage div.newsarchive ol li a:hover { text-decoration: underline; } #homepage div.newsarchive ol li em { color: #b8981a; font-style: normal; } #homepage div.newsarchive a.more { bottom: 11px; right: 20px; } /* eventslider */ #homepage div.eventslider h2 { margin-left: 15px; } #homepage div.eventslider div.slider { width: 100%; margin-top: 5px; height: 316px; background: url(../../images/layout/eventslider_background.jpg); position: relative; } #homepage div.eventslider div.slider button { position: absolute; width: 15px; height: 82px; border: 0; cursor: pointer; top: 119px; padding: 0; background-position: 0 0; background-repeat: no-repeat; } #homepage div.eventslider div.slider button:hover { background-position: 0 -82px; } #homepage div.eventslider div.slider button.disabled { background-position: 0 -164px; } #homepage div.eventslider div.slider button.disabled:hover { cursor: default; } #homepage div.eventslider div.slider button.previous { background-image: url(../../images/layout/eventslider_previous.png); left: 10px; } #homepage div.eventslider div.slider button.next { background-image: url(../../images/layout/eventslider_next.png); right: 10px; } #homepage div.eventslider div.slider div.content { height: 275px; width: 835px; margin: 0 auto; top: 20px; overflow: hidden; position: relative; } #homepage div.eventslider div.slider div.content ul { width: 4000px; overflow: hidden; } #homepage div.eventslider div.slider div.content ul li { position: relative; height: 267px; width: 172px; background: #004990; overflow: hidden; padding: 8px 9px 0; float: left; margin-right: 25px; } #homepage div.eventslider div.slider div.content ul li img { width: 175px; height: 95px; } #homepage div.eventslider div.slider div.content ul li h3 { color: #fefefe; font-size: 13px; margin-top: 7px; } #homepage div.eventslider div.slider div.content ul li h3 a { color: #fefefe; text-decoration: none; } #homepage div.eventslider div.slider div.content ul li p { margin-top: 13px; color: #e1f0fa; } #homepage div.eventslider div.slider div.content ul li p em { color: #b8981a; font-style: normal; margin-right: 3px; } #homepage div.eventslider div.slider div.content ul li a.more { bottom: 10px; right: 9px; } /* left */ #homepage div.left { float: left; width: 223px; margin-right: 25px; } /* weather summary */ #homepage div.weather_summary { padding-bottom: 15px; margin-bottom: 10px; position: relative; } #homepage div.weather_summary h2 { margin-left: 11px; } #homepage div.weather_summary h2 a { color: #004990; text-decoration: none; } #homepage div.weather_summary table { width: 202px; margin: 10px 0 5px 21px; color: #03478a; } #homepage div.weather_summary table thead th { font-weight: bold; color: #b8981a; } #homepage div.weather_summary table tbody th { width: 115px; padding: 1px 0; } #homepage div.weather_summary table tbody td { font-weight: bold; } #homepage div.weather_summary a.more { right: 10px; } /* wjd */ #homepage div.wjd { margin-top: 18px; background: #f7efd0; padding: 8px 10px 46px; width: 203px; position: relative; } #homepage div.wjd a img { border: 3px solid #d0bc6e; } #homepage div.wjd a:hover img { border-color: #f0dc8e; } #homepage div.wjd h2 { margin: 7px 0 0 10px; font-size: 14px; } #homepage div.wjd p { margin: 5px 0 0 10px; line-height: 18px; } #homepage div.wjd a.more { bottom: 10px; right: 10px; } #homepage div.wjd a.all { left: 10px; bottom: 10px; width: 100px; } /* testimonial */ #homepage div.testimonial { padding: 20px; } #homepage div.testimonial cite { font-style: italic; line-height: 17px; display: block; margin-bottom: 3px; } #homepage div.testimonial em { font-style: normal; font-weight: bold; color: #03478a; } /* center */ #homepage div.center { float: left; width: 406px; } /* trailer */ #homepage div.trailer { padding-bottom: 25px; position: relative; height: 100%;} #homepage div.trailer div.video { margin-top: 10px; } #homepage div.trailer a.more { right: 0; bottom: 5px; } /* photoalbums */ #homepage div.photoalbums { margin-top: 8px; position: relative; padding-bottom: 25px; height: 100%; } #homepage div.photoalbums ul { margin-top: 9px; border-bottom: 1px solid #d7e9f5; overflow: hidden; height: 100%; padding: 0 0 10px 5px; } #homepage div.photoalbums ul li { float: left; height: 90px; width: 195px; margin-right: 10px; overflow: hidden; } #homepage div.photoalbums ul li.last { margin-right: 0; } #homepage div.photoalbums ul li div.image { float: left; width: 90px; margin-right: 11px; } #homepage div.photoalbums ul li div.image a img { border: 3px solid #d0bc6e; } #homepage div.photoalbums ul li div.image a:hover img { border-bottom-color: #f0dc8e; } #homepage div.photoalbums ul li div.content { float: left; width: 94px; position: relative; height: 90px; } #homepage div.photoalbums ul li div.content strong a { color: #03478a; display: block; margin-top: 5px; text-decoration: none; } #homepage div.photoalbums ul li div.content strong a:hover { text-decoration: underline; } #homepage div.photoalbums ul li div.content em { font-style: normal; color: #83bbdb; display: block; margin-top: 5px; } #homepage div.photoalbums ul li div.content a.more { bottom: 3px; left: 0; } #homepage div.photoalbums a.more { bottom: 3px; right: 0; } /* sidebar */ #homepage #sidebar { margin-top: 0; }