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



/* Body, general formatting and reusable classes etc
--------------------------------------------------------------------------
*/

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

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

#wrapper { background: #ff0 url(/images/template/wrapperbg.gif) repeat-y; }

#header { background: #ff0; color: #000; border-bottom: 8px solid #000; }
#header ul li a { color: #000; }
#header ul li.login a { color:#ff0; background: #000; }
#header ul li a:active, #header ul li a:focus { background: #000; color: #ff0; }

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

/* Main body holder, left column (main menu), banner image and breadcrumb
--------------------------------------------------------------------------
*/
#body { background: #ff0; }

#leftCol { border:1px solid #000; }
#leftColFooter { background:#ff0; }
#leftCol ul li a, #leftCol ul li span { background: #ff0 url(/images/template/leftcol-dot.gif) no-repeat 6px .8em; color: #000; }
#leftCol ul li span { background: #ff0 url(/images/template/leftcol-dot.gif) no-repeat 6px center; }

#breadcrumb { background: #000 url(/images/template/breadcrumb-bg.gif) no-repeat bottom right; color: #ff0; }
#breadcrumb ol li a { color: #ff0; }
#breadcrumb a:active, #breadcrumb a:focus { color: 000; background: #ff0; }

/* Internal pages
--------------------------------------------------------------------------
*/
#internalMenu { background: #ff0 url(/images/template/content-bg.gif) no-repeat bottom right; }

#internalMenu dl dt { background: #000 url(/images/template/internalmenu-dt-bg.gif) no-repeat bottom right; }
#internalMenu dl dt a, #internalMenu dl dt span { color: #ff0; }

#internalMenu dl dd a, #internalMenu dl dd span { color: #000; }
#internalMenu dl dd dl dd { background: #ff0 url(/images/template/internalmenu-dd-bg.gif) no-repeat 23px .9em; }

#internalMenu.newsListing h2 { background: #000 url(/images/template/internalmenu-dt-bg.gif) no-repeat bottom right; color: #ff0; }
#internalMenu.newsListing ul a { color: #000; }
#internalMenu.newsListing ul a:hover { color: #000; }
#internalMenu.newsListing ul a:active, #internalMenu.newsListing ul a:focus { background: #000; color: #ff0; }
#internalMenu.newsListing ul a span { color: #000; }
#internalMenu.newsListing ul a:active span, #internalMenu.newsListing ul a:focus span { color: #ff0; }

#internalMenu.newsListing p.viewAll { border-top: 1px solid #000; }
#internalMenu.newsListing p.viewAll a { color: #000; }
#internalMenu.newsListing p.viewAll a:hover { color: #000; }
#internalMenu.newsListing p.viewAll a:active, #content ul.newsListing p.viewAll a:focus { background: #000; color: #ff0; }

#content { background: #ff0 url(/images/template/content-bg.gif) no-repeat bottom right; }

#content h1 { color: #000; }
#content h2 { color: #000; }

#content a { color: #000; }
#content a:active, #content a:focus { background: #000; color: #ff0 !important; }

#content ul.newsListing li a { color: #000; }
#content ul.newsListing li a:hover { color: #000; }
#content ul.newsListing li a span { color: #000; }
#content ul.newsListing li a:active span, #content ul.newsListing li a:focus span { color: #ff0; }

#content .genform input, #content .genform textarea,
#content .genform select { background:#ff0; color:#000; border:1px solid #000; }

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

/* Homepage
--------------------------------------------------------------------------
*/
#homepageTop ul#caseStudies li, #homepageTop ul#caseStudies li span {background:#000}
#homepageTop ul#caseStudies li a { color: #ff0; background:#000;}

#homepage { border-top: 1px solid #ff0; }
#homepage .left { border-right: 1px solid #ff0; }
#homepage .left .header { background: #000; }
#homepage .left .header h1 { color: #ff0; }
#homepage .left .content p { color: #000; }

#homepage .right .header { background: #000 url(/images/template/homepage-hdr-bg2.gif) no-repeat bottom right; }
#homepage .right .header h2 { color: #ff0; }

#homepage .right .content { background: #ff0 url(/images/template/homepage-content-bg2.gif) no-repeat bottom right; border-right: 1px solid #ff0; }
#homepage .right .content ul li a { color: #000; }
#homepage .right .content ul li a:hover { color: #000; }
#homepage .right .content ul li a:active, #homepage .right .content ul li a:focus { background: #000; color: #ff; }
#homepage .right .content ul li a span { color: #000; }
#homepage .right .content ul li a:active span, #homepage .right .content ul li a:focus span { color: #ff0; }


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

#footer { border-top:1px solid #000; background: #ff0; color: #000; }
#footer ul li a { color: #000; }
#footer ul li a:active, #footer ul li a:focus { background: #000; color: #ff0; }
#footer ul li.hidden a:focus, #footer ul li.hidden a:active { background: #000; color: #ff0; }