/* CSS Document */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; background-color: #666633; }
p { margin: 12px 0px; padding: 0px; }
p.note { clear: both; font-size: 9px; color: #666666; margin: 0px 2px; }

h1 { margin: 4px 0px; font-size: 16px; }

#container { width: 770px; margin: auto; border: 1px solid #999; border-top: none; background-color: #FFFFFF; }
#header { height: 230px; width: 750px; background-image: url('../images/header.jpg'); padding: 10px; }
#nav { z-index: 80; height: 20px; background-color: #960; position: relative; font-family: Arial, Helvetica, sans-serif; }
#nav ul { margin: 0px; padding: 0px 0px; }
#nav ul li { position: relative; float: left; display: inline; list-style: none; padding: 0px; margin: 0px; font-weight: bold; }
#nav ul li.active { background-color: #DEE; color: #960; padding: 3px 13px; margin: 0px; }
#nav ul li a, #nav ul li.inactive { display: block; text-decoration: none; color: #FFF; padding: 3px 13px; margin: 0px; }
#nav ul li.inactive { width: 86px; }
#nav ul li a:hover { background-color: #DEE; color: #960; }
#nav ul li ul { position: absolute; top: 20px; left: 0px; padding: 0px; display: none; border-top: none; }
#nav ul li ul li { float: left; padding: 0px; clear: left; width: 112px; background-color: #960; border: none; border-top: 1px solid #DEE; }
#nav ul li ul li.active { width: 86px; }


#content { position: relative; padding: 5px 12px; background: url('../images/body.jpg') #DEE; height: 615px; overflow: auto; clear: both; }
#content table { width: 100%; }
img.bordered { background-color: #FFF; padding: 3px; border: 1px solid #CCC; }
img.mainImg { float: right; background-color: #FFF; padding: 3px; border: 1px solid #CCC; margin: 0px 0px 5px 5px; }

a#backLink { float: right; }
#gallery table.thumbnail { float: left; display: inline; width: 160px; height: 160px; margin: 0px 10px 10px 0px; }
#gallery table.thumbnail td { width: 158px; height: 158px; text-align: center; vertical-align: middle; }
#gallery table.thumbnail td img { border: none; background-color: #FFF; padding: 3px; border: 1px solid #CCC; }

#footer { position: relative; font-size: 9px; height: 24px; clear: both; background-color: #DED; }
#footer p { position: absolute; left: 5px; bottom: 5px; margin: 0px; padding: 0px; }
#footer #buttons { position: absolute; right: 3px; bottom: 5px; height: 15px; }
#footer #buttons img { border: none; }
#footer #buttons a { float: left; margin: 0px 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; }