body { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 0.85em ; color: #666666 ; background: #cccccc ; margin: 0px }

a:link, a:visited, a:active { color: #3366ff ; text-decoration: underline }
a:hover { color: #999999 ; text-decoration: underline }
hr { margin: 5px 0px 5px 0px ; color: #cccccc ; border: 0 ; border-top: 1px solid #cccccc ; height: 1px ; width: 100% }

h1, h2, h3, h4, h5, h6 { color: #333 ; font: normal }
h1 { font-size: 2.2em }
h2 { font-size: 1.8em }
h3 { font-size: 1.3em }

.h1 { color: #000000 ; font: bold 14px }

form { margin: 0 }

blockquote { font-style: italic ; color: #666 ; border-left: 2px solid #666 ; padding-left: 10px ; font-size: 1.2em }

abbr {}
acroynm {}
cite {}
address {}
strong {}
em {}

#main { width: 800px ; margin: 0 auto 0 auto ; padding: 0 ; background: #ffffff }
#extras { text-align: right ;  font-size: 70% ; color: #666666 ; padding: 10px }
#banner { background: #ffffff ; height: 110px }
#banner a, #banner h1, #banner h2	{ color: #ffffff ; margin: 0 ; padding: 0 }
* html #banner { clear: both ; height: 90px } /* ie6 misbehaves again */

#banner h1	{ font-size: 3em ; padding-top: 6px }
#banner h2	{ font-size: 0.8em ; text-transform: uppercase ; letter-spacing: 8px ; margin-top: -20px ; padding-left: 8px }

#sideColumn { float: left ; width: 140px ; margin: 10px ; margin-top: 3px }
#content { margin-top: 0px ; padding: 0px 0px 0px 0px ; text-align: justify ; clear: right ; height: auto }
#content ul li { padding: 3px }

* html #contentContainer #content { text-align:left } /* ie6 misbehaves */
* html #contentContainer #content table { width: 90% } /* ie6 fix to stop tables being pushed below floats */

#footer { width: 1024px ; height: 109px ; text-align: center }
#baker_footer { font-style: oblique }
#powered_by, #coding { text-align: right ; padding: 10px }
#powered_by a, #coding a { color: #666666 ; text-decoration: none ; border-bottom: 1px dashed #dddddd }
#powered_by a:hover, #coding a:hover { color:#000000 ; border-bottom: 1px dashed #ffffff }

#search_box { color: #ffffff ; text-align: center }
#search_box { float: center ; clear: right ; width: 200px }
#search_box fieldset { border: 0 }
#search_box legend, #search_box label { display: none }
#search_string { width: 100px ; height: 14px ; font-size: 90% ; vertical-align: middle ; border: 1px inset #cccccc }
#search_submit { width: 50px ; height: 18px ; font-size: 90% ; vertical-align: middle ; padding: 0 0 0 0 ; background: #666666 ; color: #ffffff ; border: 1px solid #333333 }

#navContainer { width: auto ; display: block ; clear: both ; border: 0px 0px 0px 0px }
ul.menu, li.menu { list-style-type: none ; margin: 0px ; padding: 0px }

/* Header menu */	 
#header_menu { position: absolute ; margin-left: 20px ; background: url(menu-fade.jpg) #666666 }
#header_menu li { line-height: normal }
ul#header_menu  { z-index: 10 ; clear: both }

#nav { height: 1.58em ; background: url(menu-fade.jpg) #666666 ; border-top: 1px solid #ffffff ; border-bottom: 1px solid #ffffff ; padding: 1px }
#nav ul { list-style-type: none ; margin: 0 ; padding: 0 ; font-size: 75% ; width: auto ; position: relative }
#nav ul li { float: left; color: #990000 ; text-align: center ; font-weight: regular ; font-size: 100% }
#nav ul li a { display: block ; background: #333333 ; padding: 4px 10px ; padding-bottom: 4px ; border-left: 0px solid #ffffff ; color: #ffffff ; text-decoration: none }

/* Root Level Link Formatting */
#nav ul li a, #nav li a:focus { background: url(menu-fade.jpg) #000000 ; border-color: #ffffff ; color: #ffffff }
#nav ul li a:hover, #nav li a:focus { background: url(menu-fade.jpg) #999999 ; border-color: #ffffff ; color: #ffffff }
#nav li a:active, #nav ul li a.active { background: url(menu-fade.jpg) #999999 ; border-color: #ffffff ; color: #ffffff }
#nav li a:visited, #nav ul li a.active { background: url(menu-fade.jpg) #000000 ; border-color: #ffffff ; color: #ffffff }

/* Current page Customisations*/
#nav li.menu-current a { background: url(menu-fade.jpg) #999999 ; color: #ffffff ; font-size: 100% }
#nav li.menu-current a { font-weight: regular } 

/* 2nd Child menu */
#nav .menu li ul { position: absolute ; width: 170px ; margin: 0 ; display: none ; text-transform: none ; border: 0px solid #ffffff ; font-size: 100% }
#nav .menu li ul li { width: 12em ; text-align: left ; font-weight: normal ; margin: 0px ; padding: 0 ; line-height: 1.2em }
#nav .menu li ul a { width: 14em ; padding: 4px ; background: #999999 ; color: #ffffff ; border: 1px solid #ffffff }

/* 2nd Child link hover */
#nav .menu li ul a:hover { color: #4b4c4d ; background: #666666 ; border: 1px solid #ffffff ; color:#ffffff }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul { display: block }
#nav .menu li ul ul { display: none }
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul { display: none }
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul { display: block }

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: 4px ; background: #666666 ; color: #999999 }

/* Positioning the Pop-out Drops */
#nav li { position: relative }
#nav ul ul ul { position: absolute ; top: 1px ; left: 100% }

#login-box { background: #eeeeee ; text-align: center ;	line-height: 140% ; margin: 1em 0 0.3em 0 ; border: 1px solid #dddddd }
#login-box fieldset { border: 0 ; text-align: center }
.login { font-size: 70% ; text-transform: uppercase ; color: #ffffff ; font-weight: normal ; letter-spacing: 0.15em }
.lower { font-size: 70% ; color: #ffffff ; font-weight: normal ; letter-spacing: 0.15em }
.username { color: #009 }
.topboxbody { font-size: 0.8em ; padding: 2px }

input.login { text-transform: uppercase ; font-size: 100% ; width: 95px ; border: 1px solid #999999 ; color: #000000 }
input.button { text-transform: uppercase ; font-size: 100% ; width: 95px ;  border: 1px solid #999999 ; color: #000000 ; padding-top: 2px }

a.button:link, a.button:visited, a.button:active { color: #ffffff ; text-decoration: none }
a.button:hover { color: #999999 ; text-decoration: underline; }

.clearfix:after { content: "." ; display: block ; height: 0 ; clear: both ; visibility: hidden }
* html #clearfix { height: 1% }

.stealth { visibility: hidden ; display: none }
.important	{ font-weight: bold ; color: #f00 }
.code { font-family: "Courier New", Courier, mono ; color: #093 ; letter-spacing: 1px }
.info-box { border: 1px solid #cc3 ; background-color: #F9F8E2 ; padding: 4px }

.dec { font: italic 0.8em ; color: #000000 ; margin: 10px }

p.heading { font-size: 10px ; font-weight: regular ; color: #666666 ; text-align: left ; padding-left: 10px }
div.title { font-weight: bold ; color: #666666 ; margin-top: 5px ; margin-bottom: 5px }

td.standard { font-size: 10px ; font-weight: regular ; color: #666666 ; text-align: center ; padding: 5px }
td.header { font-size: 10px ; font-weight: bold ; background: url(menu-top.jpg) #333333 ; color: #ffffff ; border-bottom: 1px solid #999999 }
td.content { font-size: 10px ; font-weight: regular ; background: url(box-middle.jpg) #ffffff ; color: #666666 ; text-align: left ; padding: 5px }
td.contentc { font-size: 10px ; font-weight: regular ; background: url(box-middle.jpg) #ffffff ; color: #666666 ; text-align: center ; padding: 5px }
td.contentnews { font-size: 10px ; font-weight: regular ; background: url(box-middle.jpg) #ffffff ; color: #666666 ; text-align: left ; padding: 5px }

#mynews strong { color: #333333 } 
#mynews h2 { font-size: 14px }