/* 
-------------------------------------------------------------------
Mouchel stylesheet: black on yellow colour styles
-------------------------------------------------------------------
*/

body { background: #ff0; color: #000; }

a { text-decoration:underline; }

hr { color: #000; background-color: #000; }

#accessKeys dd a:focus, #accessKeys dd a:active { background-color: #000 !important; color: #ff0 !important; }

#wrapper { background: #ff0; }

#header { background: #ff0; color: #000; }
#header ul li a { color: #000; }
#header ul li a:active, #header ul li a:focus { background: #000; color: #ff0; }

#leftCol { background: #000; color: #ff0; }
#leftCol ul li a, #leftCol ul li span { color: #ff0; }

#leftCol fieldset input { color: #000; border: 1px solid #ff0; }
#leftCol fieldset input.submit { background: #ff0; color: #000; }

#leftCol dl dt { color: #ff0; }

/* Internal pages
--------------------------------------------------------------------------
*/

#internal { background: #ff0; }
#internal .colbgs { background: #ff0; }
#internal.fullwidth { background: #ff0; }
#internal.fullwidth .colbgs { background: #ff0; }

#internalMenu { background: #000; }
#internalMenu dl dd a, #internalMenu dl dd span, #internalMenu dl dt a, #internalMenu dl dt span { color: #ff0; border-bottom: 1px solid #ff0; }
#internalMenu dl dt a, #internalMenu dl dt span { color: #ff0; border-bottom: 1px solid #ff0; }

#internal #content { padding: 10px; background: #ff0; border: 1px solid #000; }

#content a:active, #content a:focus { color: #ff0; }

#content #breadcrumb ol li a { color: #000; }
#content #breadcrumb a:active, #content #breadcrumb a:focus { color: #ff0; background: #000; }

/* Colours
--------------------------------------------------------------------------
*/

/* dark green */

body.darkgreen #internalMenu ul li a.on,
body.darkgreen #content h1,
body.darkgreen #content h2,
body.darkgreen #content h3,
body.darkgreen #internalMenu dl dt a,
body.darkgreen #internalMenu dl dt span,
body.darkgreen #content a,
body.darkgreen #content #breadcrumb ol li strong { color: #000; }
body.darkgreen #content a:active, body.green #content a:focus { background: #000; }

/* green */

body.green #internalMenu ul li a.on,
body.green #content h1,
body.green #content h2,
body.green #content h3,
body.green #internalMenu dl dt a,
body.green #internalMenu dl dt span,
body.green #content a,
body.green #content #breadcrumb ol li strong { color: #000; }
body.green #content a:active, body.green #content a:focus { background: #000; }

/* light blue */

body.lightblue #internalMenu ul li a.on,
body.lightblue #content h1,
body.lightblue #content h2,
body.lightblue #content h3,
body.lightblue #internalMenu dl dt a,
body.lightblue #internalMenu dl dt span,
body.lightblue #content a,
body.lightblue #content #breadcrumb ol li strong { color: #000; }
body.lightblue #content a:active, body.green #content a:focus { background: #000; }

/* purple */

body.purple #internalMenu ul li a.on,
body.purple #content h1,
body.purple #content h2,
body.purple #content h3,
body.purple #internalMenu dl dt a,
body.purple #internalMenu dl dt span,
body.purple #content a,
body.purple #content #breadcrumb ol li strong { color: #000; }
body.purple #content a:active, body.green #content a:focus { background: #000; }

/* end colours */

/* Homepage
--------------------------------------------------------------------------
*/

#homepage { background: #ff0; border: 1px solid #000; }
#homepage .colbgs { background: #ff0; }

#homepage .box { background: #ff0; }
#homepage .box.one h2, #homepage .box.one h3, #homepage .box.one a { color: #000; }
#homepage .box.two h2, #homepage .box.two h3, #homepage .box.two a { color: #000; }
#homepage .box.three h2, #homepage .box.three h3, #homepage .box.three a { color: #000; }

#homepage .box.three ul { border-top: 1px solid #000; }
#homepage .box.three ul li { border-bottom: 1px solid #000; }
#homepage .box.three ul li a { color: #000; }
#homepage .box.three ul li a:hover { color: #000; }
#homepage .box.three ul li a:active, #homepage .box.three ul li a:focus { background: #000; color: #ff0; }
#homepage .box.three ul li a span { color: #000; }
#homepage .box.three ul li a:active span, #homepage .box.three ul li a:focus span { color: #ff0; }

/* Footer
--------------------------------------------------------------------------
*/

#footer { margin: 1em 0 0 0; background: #000; color: #ff0; }
#footer ul li a { color: #ff0; }
#footer ul li a:active, #footer ul li a:focus { background: #ff0; color: #000; }

#footer ul li.hidden a:focus, #footer ul li.hidden a:active { background: #000; color: #ff0; }