/************************************
**     CrimeBeat Wiltshire CSS     **
**         Copyright ©2007         **
**   Written by Sharp Format Ltd   **
**  http://www.sharpformat.co.uk/  **
************************************/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFEECC; margin: 0px; text-align: justify; }
p { margin: 5px 0px 12px 0px; }
h1 { font-size: 20px; margin: 10px 0px 15px 0px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }
a img { border: none; }

input.currency { width: 40px; }
img.right { float: right; border: 1px solid #333333; }
img.left { float: left; border: 1px solid #333333; }

#headerContainer { background-color: #333; }
#header { width: 770px; height: 135px; background-image: url('../images/header.jpg'); margin: auto; }

#navContainer { background-color: #ff6600; }
#nav { list-style: none; height: 15pt; width: 760px; margin: 0px auto; padding: 0px; }
#nav li { float: left; padding: 3px 0px; margin-left: 0px; }
#nav li a { padding: 3px 10px; text-decoration: none; }
#nav li a:hover { background-color: #FEC; }
#nav li#active { background-color: #333333; color: #FFEECC; padding: 3px 10px; }

#content { width: 760px; margin: auto; padding: 5px; position: relative; }

img#highsheriff { margin: 10px 0px 5px 15px; }
p.quote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; text-align: justify; margin: 0px 0px 3px 10px; }
p.quoted { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; }

#footer { font-size: 10px; color: #999; margin: auto; padding-top: 5px; border-top: 2px solid #ff6600; text-align: center; clear: both; }
#footer img { border: none; margin: 0px; }
#footer a { text-decoration: none; text-transform: lowercase; }
#footer a:hover { text-decoration: underline; }
#footer #buttons { width: 296px; margin: auto; }
#footer #buttons a { float: left; margin: 2px; }
#footer #buttons a#sharpformat { display: block; width: 124px; padding-top: 15px; height: 0px !important; height /**/:15px; overflow: hidden; background: url('http://www.sharpformat.co.uk/images/buttons/built-sharpformat.gif') no-repeat; }

#projects .project { position: relative; width: 366px; height: 215px; border: 2px solid #FF6600; float: left; margin: 5px; }
#projects .project img { float: right; border: 1px solid #333; margin-left: 5px; }
#projects .project .what { background-color: #f60; margin: 0px; }
#projects .project .funding { position: absolute; top: 0px; right: 0px; margin: 0px; }
#projects .project .who { background-color: #FF6600; padding: 1px; margin: 0px; }
#projects .project div.body { position: relative; margin: 0px; padding: 4px; height: 165px; overflow: hidden; }
#projects .project div.body p { margin: 0px; margin-bottom: 10px; }
#projects .project div.body div.more { position: absolute; bottom: 0px; right: 0px; background-color: #FFEECC; padding: 0px 3px 0px 10px; }
#projects .project div.body div.more a { text-decoration: none; }

#project { text-align: justify; }
#project img#mainImage { float: left; margin: 0px 10px 10px 0px; border: 1px solid #333333; }
#project #otherPhotos { clear: both; }
#project #otherPhotos img { display: inline; margin: auto; margin: 5px; border: 1px solid #333333; }

#awards img { float: left; border: 1px solid #333333; margin-right: 5px; margin-bottom: 5px; }

#application #pdfBox { float: right; width: 112px; font-size: 9px; border: 1px solid #999; padding: 5px; margin-left: 10px; }

#committee table { border: 1px solid #333; border-bottom: none; width: 700px; margin: auto; }
#committee table th { width: 300px; text-align: left; vertical-align: text-top; background-color: #f60; }
#committee table td { vertical-align: text-top; border-left: 1px solid #333; }
#committee table th, #committee table td { padding: 4px; border-bottom: 1px solid #333; }
#committee #content #logos { text-align: center; }

#contact #contactee { position: absolute; top: 20px; right: 0px; width: 200px; }
#contact #contactee img { display: block; border: 1px solid #333333; }
#contact #contactee h2 { margin: 2px 0px; font-size: 12px; }

#contact table th { text-align: left; vertical-align: top; }
#contact table th, #contact table td { padding: 4px; }