/* Style sheet 'site.css' */
/* T R B L */
body {
 background: url(images/background.jpg) top left repeat-x;
 background-color: #AF7F29;
}
.solid {
 display: inline-block;
}
div#sitewidth {
 /* Width control for the entire page */
 position: absolute;
 width: 960px;
 /* Centering for broken IE */
 left: 50%; margin-left: -480px;
}
div#banner {
 /* Backdrop above menu */
 background: url(images/sitebanner.jpg) top left no-repeat;
 position: relative;
 top: 0px;
 width: 100%;
 height: 100px;
}
div#bannerlogo {
 /* Logo */
 background: url(images/sitelogo.gif) left no-repeat;
 position:absolute;
 width: 166px;
 top: 0px;
 left: 0px;
 height: 80px;
 height: 80px;
}
div#bannerblurb {
 /* Text following logo - quotes etc*/
 position: absolute;
 top: 78px; 
 width: 952px;
 left: 8px;
 height: 20px;
 font-style:italic; 
}
div#banneradvert {
 /* Text following logo - quotes etc*/
 position: relative;
 top: 10px; 
 width: 594px;
 height: 70px;
 /* Centering for broken IE */
 left: 50%; margin-left: -147px;
}
div#search {
 /* Search box */
 position: absolute;
 float:right;
 height: 33px;
 right: 4px;
 top: 4px;
}
div#menubar {
 /* Contains menu, fills site width */
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 position: relative;
 left: 0;
 width: 100%;
 height: 33px;
 background-color: #2E72B8;
 /* make sure div covers content */
 z-index: 100;
}
div#contentarea ul, ol, li{
 padding: 0 0 0 30px;
 list-style: round;
}
div#contentwrapper {
 /* Everything below the menubar (excluding popups) */
 background-color: #FDFAF1;
 position: relative;
 width: 100%;
}
div#contentarticle {
 overflow: auto;
}
div#contentarea {
 /* Centers content */
 position: relative;
 width: 96%;
 /* Centering for broken IE */
 left: 2%;
 padding: 0 16px 0 0;
}
div#gallerypic {
 position: relative;
 float: left;
 padding: 0 4px 12px 0;
}
div#gallerypic a{
 padding: 0 8px 0 0;
}
div#inlineimage {
 position: relative;
 float: left;
 padding: 0 16px 0 0;
}
div#menu-column {
 top: 10px;
 right: -6px;
 width: 100%;
 color: #000000;
 float: right;
 width: 340px;
 line-height: 1.5em;
 position: relative;
 padding-left: 8px;
 padding: 12px 0 24px 12px;
 margin: 0 0 12px 0;
 background-color: #F6F7F9;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border: 1px solid #2E72B8;
 list-style-type: none;
 z-index: 10;
}
#menu-column a{
 padding-left: 16px;
 text-decoration: none;
}
#menu-column a:hover{
 text-decoration: underline;
}
#menu-column ul, ol{
 vertical-align: baseline;
 list-style-type: none; 
 margin: 0;
 padding: 0;
}
#rss {
 font-size: 12px;
}
#menu-columnline{
 background: url(images/treeline.png) top left repeat-y;
}
#menu-columnnode {
 background: url(images/treenode.png) no-repeat;
}
#menu-columnnodelast {
 background: url(images/treenodelast.png) no-repeat;
}
#menu-horizontal ul, ol, li{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
}
#menu-horizontal {
 /* Carries to popup child */ 
 text-align: left;
 list-style: none;
 list-style-image: none;
 position: absolute;
}
#menu-horizontal ul li {
 /* vertical seperator for MenuParent */ 
 float: left;
 border-right: 1px solid #215893;
 margin: 0;
 display: block;
}
#menu-horizontal ul li ul {
 /* Shell around menu popup, with framing lines*/ 
 margin: 0;
 position: absolute;
 background: #2e72FF;
 border-top: 1px solid #215893;
 border-left: 1px solid #215893;
 /* make sure popup covers content */
 z-index: 1000;
}
#menu-horizontal ul li ul li a {
 /* Content of menu popup, with seperating bottom line */ 
 padding: 0;
 color: #ffffff;
 font-size: 1em;
 padding: .5em 1em;
 width: 12em;
 text-indent: 0;
 border-bottom: 1px solid #215893;
 background: #2E72B8;
}
#menu-horizontal ul li ul li a:hover {
 /* Highlighted menu choice */
 background: #ffffff;
 color: #000000;
}

.menu-popup dfn {
 /* Disable auto-numbering of lists */
 display:none;
}
.menu-popup ul {
 /* Don't display popup */
 display: none;
}
.menu-popup li:hover ul {
 /* Display popup when hovering */
 display: block;
}
.menu-popup li li {
 /* List menu popup as one column */
 float: left;
 clear: both;
}
#menuparent a{
 display: block;
 font-size: 100%;
 padding: .5em 2.0em;
 text-decoration: none;
}
#menuactive a{
 background: #FDFAF1;
 display: block;
 font-size: 100%;
 padding: .5em 2.0em;
 text-decoration: none;
}