/*
OLIVER SMITH
COLOURS used in this stylesheet

dk grey #72797E [text]
red #bd2f2f [h1]
dk blue #00447A
mid blue #66B6DF


*/

/*div {border: 1px solid #000}

*/body {font: 11px/16px Verdana, Arial, Helevetica, sans-serif normal; color: #000000; }
h1 {font: normal 30px/30px Arial, Helvetica, sans-serif; color: #BD2F2F; text-transform: uppercase; padding-bottom: 10px; padding-top: 30px;}

h2 {font: 13px/16px Arial, Helevetica, sans-serif normal; padding: 10px 0 5px 0; font-weight: normal; color: #0085CA; margin-bottom: 0}
h3 {font: bold 11px/16px Verdana, Arial, Helevetica, sans-serif normal; padding: 10px 0 0 0; margin-bottom: 0; color: #000000}
h2:first-child {padding-top: 0}
p {padding: 0 10px 12px 0}
a:link {color: #E00400}
a:hover {color: #bd2f2f; text-decoration: none;}
a:visited {color: #E00400}

/*#wrapper {width: 750px; margin-left: -375px; left: 50%; position: absolute; top: 0}
*/
#container {width: 765px; margin-left: -382px; left: 50%; position: absolute; top: 20px; z-index: 10; background-color: #FFFFFF/*; border: 1px solid #C7CCCF;*/}
#header {width: 725px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; clear: both; height: 225px; background-color: #494949; position: relative; left: 20px}


/* NOTE image loaded in html page due to need to use siteurl variable in url */
#logo {position: absolute; top: 120px; left: 45px; z-index: 30; width: 336px; height: 63px; background-repeat: no-repeat}
#content {float: left; width: 450px; padding-left: 10px; margin-bottom: 25px}

/*#main ul {padding-top: 0; margin-top: 0}
*/
/*.quote {float: right; width: 175px; padding: 5px; text-transform: uppercase; color: #0085CA; font: 16px/18px Arial, Helvetica, sans-serif; text-align:right}
*/
/*  MAIN MENU  */
#menu {width: 725px; position: relative; left: 20px; margin-top: 10px}
#nav {line-height: 1; font: 10px Arial, Helvetica, sans-serif; font-weight: bold; float: right; /*width: 100%;*/ display: inline; text-transform: uppercase; padding-top: 10px}
#nav a {display: block; color: #000000; text-decoration: none; padding: 15px 10px 5px 0; /*background-color: #0085CA; width: 7em*/}
#nav a:hover {color: #BD2F2F; background-color: none}
#nav li {float: left;/*width: 7em;*/ /* width needed or else Opera goes nuts */}/* all list items */

/*  2ND LEVEL lists - not used at this stage */
#nav ul {line-height: 1; font: bold 11px Arial, Helvetica, sans-serif; float: left; background-color: #0085CA}
#nav li ul {position: absolute; width: 100px/*8.5em*/; left: -999em;} /* second-level lists */
#nav li ul li {font-size: 9px}
#nav li ul a {width: 100px/* 8.5em*/;border-top: 1px solid #FFFFFF; padding: 5px 0 5px 5px; margin: 0}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}/* lists nested under hovered list items */

a#active {color: #666666}

/* leftnav -> secondary level navigation */
#leftnav {width: 190px; float: left; margin-top: 70px; margin-left: 40px; margin-right: 10px;}
#leftnav ul {font: bold 10px/11px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: left; margin-right: 6px; padding-top: 5px}
#leftnav a {color: #9E9E9E; text-decoration: none; width: 100%; display: block; padding: 7px 0;/* border-bottom: 1px solid #C7CCCF*/}
#leftnav a:hover {color: #E00400}
a#current {color: #00447A}
/*.leftnavtop {font-size: 12px}
*/#leftnav p {color: #72797E; font-size: 10px}
#leftnav h3 {color: #00447A; font-weight: normal; font-size: 13px; /*border-bottom: 1px solid #C7CCCF; */padding-bottom: 2px; margin-bottom: 3px}
#leftnav a, #leftnav h3 {background: url(../images/common/dots.gif) repeat-x left bottom}
#leftnav a.newslink {background: none; padding-top: 0}

/*  footer -> contact details */
#footer {width: 500px; height: 40px; /*border-top: 1px solid #000; */clear: both; position: relative; left: 250px}
#footer p {line-height: 15px; font-size: 10px; color: #AAAAAA; padding-top: 10px; text-transform: uppercase}
#footer a:link {color: #AAAAAA}
#footer a:hover {color: #bd2f2f; text-decoration: none}
#footer a:visited {color: #AAAAAA}

#main table {margin-bottom: 12px}
td {text-align: left; vertical-align: middle; height: 23px}
th {text-align: left; vertical-align: bottom; background-color: #AAAAAA; height: 23px; font-weight: normal; color: #FFFFFF}
#files td {border-bottom: 1px dotted #AAAAAA; padding: 3px 5px 3px 0}
.center {text-align: center}
.italic {font-style:italic}
.newsdate {/*font-size: 10px;*/ color: #AAAAAA; font-weight: normal}
.imgleft {float: left; padding: 0 5px 5px 0}
.imgright {float: right; padding: 0 0 5px 5px}