﻿* { margin: 0; padding: 0; }
body { font-family: Tahoma, Arial, Sans-Serif; font-size: 12px; color: #333; line-height: 1.5; background: #ccc url(images/bg.gif) repeat-x; }
#siteCenter { width: 959px; margin: 0 auto; }
#siteContainer { width: 959px; float: left; background:url(images/bg_body.gif) repeat-y; }

/* Generic Styles */
a { text-decoration: none; color: #f7800c; outline: none; }
a:hover { text-decoration: underline; }
br.clear { clear: both; }

/* Header */
#header { width: 959px; height: 97px; float: left; background:url(images/bg.gif) repeat-x; }
#header h1 { width: 362px; height: 97px; float: left; }
#header h1 a { width: 362px; height: 97px; display: block; text-indent: 400px; overflow: hidden; white-space: nowrap; background:url(images/logo.gif) no-repeat; }
#header h2 { width: 229px; height: 45px; float: left; margin-top: 21px; text-indent: 300px; overflow: hidden; white-space: nowrap; background:url(images/logo_sub.gif) no-repeat; }
#header ul { float: right; list-style: none; line-height: 0.7; padding: 10px 0; font-size: 13px; color: #fff; }
#header ul li { float: left; height: 11px; padding: 0 15px; border-right: solid 1px #fff; }
#header ul li.last { border-right: none; padding-right: 9px; }
#header ul li a { color: #fff; }
#header div.search { width: 361px; height: 33px; float: right; clear: right; margin-top: 21px; padding: 12px 7px 0 0; background:url(images/bg_search.gif) no-repeat; text-align: right; }
#header div.search label { float: right; color: #fff; padding: 1px 7px 0 0; font-size: 14px; }
#header div.search input { float: right; }
#header div.search input.textBox { width: 170px; border: solid 1px #b1b1b1; background-color: #999; color: #fff; font-size: 12px; font-family: Tahoma, Arial, Sans-Serif; padding: 2px 5px; margin-right: 7px; }

/* Content */
#contentContainer { width: 949px; min-height: 200px; height: auto !important; height: 200px; float: left; padding: 0 5px; background:url(images/bg_body_top.gif) no-repeat; }
#contentContainer h2.homeBanner { width: 949px; height: 284px; float: left; text-indent: 1000px; overflow: hidden; white-space: nowrap; background:url(images/banner_home.jpg) no-repeat; }
#contentContainer div.banner { width: 949px; height: 105px; float: left; margin-top: -1px; background:url(images/banner_sub.jpg) no-repeat; }
#contentContainer div.banner h2 { color: #fff; font-size: 32px; font-weight: normal; padding: 25px; }

#content { width: 916px; padding: 0 8px 0 25px; float: left; margin-top: 5px; background:url(images/bg_sub.gif) repeat-y; }
#content.home { width: 911px; padding: 15px 13px 0 25px; background:url(images/bg_home.gif) repeat-y; }
#content h2 { color: #666; text-transform: uppercase; font-weight: normal; font-size: 17px; padding-bottom: 10px; }
#content h3 { color: #000; font-weight: normal; font-size: 14px; }
#content h4 { color: #000; font-weight: normal; font-size: 13px; }
#content a { padding-right: 10px; background:url(images/arrows_small.gif) no-repeat right 5px; }
#content p { padding-bottom: 10px; }
#content ul, #content ol { padding: 0 0 10px 20px; }
#content ul.linkList { list-style-image:url(images/arrows_small.gif); }
#content ul.linkList a { background: none; padding: 0; }
#content ul.blogList { width: 100%; float: left; list-style: none; padding: 2px 0; line-height: 0.8; color: #3c3d2f; }
#content ul.blogList li { float: left; padding: 0 8px; border-left: solid 1px #666; }
#content ul.blogList li.first { border-left: none; padding-left: 0; }
#content ul.blogList li a { color: #3c3d2f; padding: 0; background: none; }
#content div.homeLeft { width: 596px; float: left; }
#content div.homeRight { width: 291px; float: right; }
#content div.left { width: 627px; float: left; padding-top: 225px; margin-top:8px; background:url(images/billboard-content.jpg) top left no-repeat;}
#content div.left p a { padding: 0; background: none; }
#content div.left ul a { padding: 0; background: none; }
#content div.left ol a { padding: 0; background: none; }
#content div.right { width: 275px; float: right; padding-bottom: 50px; }
#content div.right div.inner { width: 248px; padding: 0 10px 0 15px; }

#twtr-widget-1 a { padding-right: 0px; background:none; }
#twtr-widget-1 ul.linkList { list-style-image:none; }

div.seperation { border-bottom: solid 2px #a8a8a8; padding-bottom: 5px; margin-bottom: 15px; }
div.dottedSeperation {  background:url(images/dots.gif) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 10px; }

div.info { width: 100%; font-size: 11px; color: #666; line-height: 1.0; position: relative; }
div.info ul { width: 100%; float: left; list-style: none; line-height: 0.7; padding: 6px 0 !important; background:url(images/dots.gif) repeat-x 0 18px; }
div.info ul li { float: left; padding: 0 10px; border-left: solid 1px #666; }
div.info ul li.first { border-left: none; padding-left: 3px; }
div.info ul li a { padding: 0 !important; color: #666 !important; background: none !important; }
div.info div.shareThis { float: left; width: 100%; padding: 2px 0 20px 0; }
div.info div.shareThis a { color: #666; }

div.storyFooter { width: 100%; color: #666; background:url(images/dots.gif) repeat-x; padding-bottom: 20px; }
div.storyFooter div.inner { width: 100%; height: 18px; background:url(images/dots.gif) repeat-x left bottom; padding: 2px 0 3px 0; }
div.storyFooter span.back { float: right; }
div.storyFooter span.back a { padding: 0 0 0 10px !important; background-position: left 5px !important; }
div.storyFooter div.shareThis { float: left; }
div.storyFooter div.shareThis a { color: #666; }

div.article { padding-bottom: 15px; }
div.article p { padding: 0 !important; }

#urgent {background:url(images/urgent-icon.jpg) no-repeat; width:72px; height:64px; position: relative; left:275px; top:465px;}

/* Navigation */
ul.nav { width: 949px; height: 32px; float: left; overflow: hidden; list-style: none; }
ul.nav li { float: left; }
ul.nav li a { height: 32px; float: left; text-indent: -999px; overflow: hidden; white-space: nowrap; background-position: 0 0; background-repeat: no-repeat; }
ul.nav li a:hover, ul.nav li a.selected { background-position: 0 -32px; }
ul.nav li.summary a { width: 119px; background-image:url(images/nav_summary.gif); }
ul.nav.home li.summary a { background-image: url(images/nav_summary_home.gif) !important; }
ul.nav li.innocence a { width: 216px; background-image:url(images/nav_innocence.gif); }
ul.nav li.suspects a { width: 75px; background-image:url(images/nav_suspects.gif); }
ul.nav li.evidence a { width: 126px; background-image:url(images/nav_evidence.gif); }
ul.nav li.misconduct a { width: 173px; background-image:url(images/nav_misconduct.gif); }
ul.nav li.bruton a { width: 107px; background-image:url(images/nav_bruton.gif); }
ul.nav li.blog a { width: 47px; background-image:url(images/nav_blog.gif); }
ul.nav li.news a { width: 86px; background-image:url(images/nav_news.gif); }

/* Callouts */
#callouts { width: 936px; height: 138px; float: left; padding: 0 6px 0 7px; background:url(images/bg_callouts.gif) no-repeat; line-height: 1.3; color: #3c3d2f; }
div.callout { width: 276px; height: 123px; float: left; padding: 15px 17px 5px 19px; }
div.callout h4 { width: 276px; float: left; font-size: 17px; font-weight: normal; border-bottom: solid 2px #f7800c; color: #000; }
div.callout h4 a { color: #000; padding-right: 15px; background:url(images/arrows_large.gif) no-repeat right center; }
div.callout img { float: left; margin-top: 9px; }
div.callout p { width: 151px; float: right; margin-top: 9px; }
div.callout p a { padding-right: 10px; background:url(images/arrows_small.gif) no-repeat right 5px; }

#sideCallouts { width: 248px; padding: 10px 0 20px 0; background-color: #fff; }
.sideCallout { width: 248px; height: 123px; padding: 12px 10px 5px 15px; background: #fff url(images/bg_callout.gif) no-repeat 0 0; position: relative; line-height: 1.3; }
.sideCallout h4 { width: 250px; float: left; font-weight: normal; }
.sideCallout h4 a { font-size: 17px; background: none !important; padding: 0 !important; }
.sideCallout img { float: left; margin-top: 9px; }
.sideCallout p { width: 129px; float: right; margin-top: 9px; }

/* Footer */
#footer { width: 949px; height: 8px; float: left; padding: 314px 5px 8px 5px; background: #ccc url(images/bg_footer2.jpg) no-repeat; color: #666; font-size: 11px; }
#footer span { float: left; padding-left: 20px; }
#footer span a { color: #666; }
#footer ul { float: right; list-style: none; line-height: 0.7; padding-top: 4px; }
#footer ul li { float: left; padding: 0 8px; border-right: solid 1px #666; }
#footer ul li a { color: #666; }
#footer ul li.last { border-right: none; padding-right: 20px; }

/* Contact Form */
div.contact input, textarea { width: 150px; font-family: Arial, Sans-Serif; color: #666; font-size: 12px; border: solid 1px #999; padding: 2px 4px; margin-top: 10px; }
div.contact { height: 600px; padding: 15px 0; }
div.contact span { float: left; }
div.contact label { width: 100px; float: left; text-align: right; padding-right: 10px; margin-top: 10px; }
div.contact label span { float: none; color: #f7800c; }
div.contact input { float: left; }
div.contact br { float: left; clear: both; }
div.contact .contactSubmit { width: 95px; height: 29px; text-indent: 200px; overflow: hidden; white-space: no-wrap; border: none; background: transparent url(images/btn_submit.gif) no-repeat; cursor: pointer; margin: 30px 0 10px 300px; }
div.contact .textArea { width: 600px; height: 150px; font-size: 11px; margin-top: 5px; padding: 5px; }
div.contact .stateTextBox { width: 50px; }
div.contact .addressTextBox { width: 480px; }
div.contact .zipCodeTextBox { width: 100px; }
div.contact .fileUpload { margin-top: 5px; }
div.contact .wpcf7-not-valid-tip-no-ajax { position: absolute; top: 29px; left: 0; font-size: 10px; }
div.contact div.files { width: 100%; float: left; clear: both; }
div.contact div.files .wpcf7-not-valid-tip-no-ajax { width: 150px; top: 10px; left: 225px; }

/* Comments */
.comments { padding-top: 15px; }
.comments h2 a { padding: 0 !important; background: none !important; }
.comments textarea { width: 600px; }

/* Register Block */
ul.registerBlock { list-style: none; position: relative; padding-left: 0 !important; }
ul.registerBlock li { float: left; padding-right: 7px; }
