body { background: url('/images/body_bg.jpg') repeat-x top; margin: 0 auto; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center; }

#top { width: 922px; margin: 0 auto; text-align: left; }

img { border: 0; display: inline; }

#header { height: 127px; background: url('/images/header_bg.jpg') no-repeat; position: relative; }
#header h1 { position: relative; left: 15px; top: 6px; }
#header h1, #header h1 a { margin: 0; padding: 0; width: 131px; height: 106px; }
#header h1 a { display: block; text-indent: -9999px; background: url('/images/mini-roles-logo.png') no-repeat; }

#mainMenu { margin: 0; padding: 0; position: absolute; left: 156px; top: 48px; }
#mainMenu li { margin: 0 16px 0 0; padding: 0; list-style: none; display: inline; font-size: 1.6em; }
#mainMenu li a { color: #fff; text-decoration: none; }
#mainMenu li a.selected, #mainMenu li a:hover { color: #ff0; }

#subMenu { margin: 0; padding: 0; position: absolute; left: 156px; top: 78px; }
#subMenu li { margin: 0 0 0 16px; padding: 0; list-style: none; display: inline; font-size: 1.2em; }
#subMenu li a { color: #fff; text-decoration: none; }
#subMenu li a.selected, #subMenu li a:hover { color: #ff0; }

#container { background: url('/images/container_bg.png') repeat-y; }

#main { margin: 0 0 0 24px; float: left; width: 645px; }
#main h2 { margin: 0 0 7px 0; color: #DB131D; font-weight: normal; font-size: 2.8em; padding: 12px 0 0 0; line-height: 1.0em; }
#main h3 { margin: 0 0 7px 0; color: #DB131D; font-weight: bold; font-size: 1.4em; padding: 12px 0 0 0; line-height: 1.0em; }
#main h4 { color: #DB131D; font-weight: bold; font-size: 1.2em; padding: 0; margin: 18px 0 9px 0; line-height: 1.0em; }
#main > * { font-size: 1.2em; color: #333; line-height: 1.3em; }
#main ul li { margin: 0 0 9px 0; }
#main p { margin: 9px 0; }
#main p.intro { color: #DB131D; font-size: 1.4em; }
#main img { display: inline; }

#main #breadcrumb { margin: 0; padding: 12px 0 0 0; font-size: 1.1em; }
#main #breadcrumb a { color: #DB131D; text-decoration: none; }
#main #breadcrumb a:hover { text-decoration: underline; }

#main a { color: #DB131D; text-decoration: underline; }
#main a:hover { text-decoration: none; }

#main .insetBox { width: 205px; border: 1px solid #ccc; float: right; margin: 9px 0 13px 13px; background: #eee; font-size: 1.0em; }
#main .insetBox h4 { margin: 0; padding: 12px 0 0 12px; font-weight: bold; font-size: 1.3em; color: #DB131D; }
#main .insetBox ul { margin: 0; padding: 12px 12px 0 12px; font-size: 1.2em; }
#main .insetBox ul li { margin: 0 0 12px 0; padding: 0 0 0 24px; list-style: none; background: url('/images/tick-icon.png') no-repeat left; line-height: 1.3em; }

#sideBar { width: 208px; float: right; margin-right: 21px; }
#sideBar h3 { font-size: 1.6em; color: #DB131D; font-weight: normal; margin: 12px 0; padding: 0; }
#sideBar h3 a { color: #DB131D; text-decoration: none; }
#sideBar h3 a:hover { text-decoration: underline; }

#sideBar p { font-size: 1.2em; }
#sideBar p a { color: #DB131D; text-decoration: underline; }
#sideBar p a:hover { text-decoration: none; }

#form_joinNewsletter { margin: -9px 0 0 0; padding: 0; }
#form_joinNewsletter fieldset { border: 0; margin: 0; padding: 0; }
#form_joinNewsletter legend { display: none; }
#form_joinNewsletter label { display: block; font-size: 1.2em; margin: 9px 0 2px 0; }
#form_joinNewsletter input.text { border: 1px solid #999; width: 198px; padding: 2px 4px; font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; color: #666; }
#form_joinNewsletter input.text:focus { border: 1px solid #DB131D; color: #000; }
#form_joinNewsletter p { margin: 9px 0 0 0; padding: 0; text-align: right; }
#form_joinNewsletter div { color: #DB131D; }
#form_joinNewsletter div p { text-align: left; }

div.hr { height: 5px; background: url('/images/hr.png') center no-repeat; margin: 18px 0; padding: 0; clear: both; }
div.hr hr { display: none; }

.latestNews, .latestNews dt, .latestNews dd { margin: 0; padding: 0; }
.latestNews dt { font-size: 1.2em; margin-top: 12px; }
.latestNews dt a { color: #000; text-decoration: none; font-weight: bold; }
.latestNews dt a:hover { color: #DB131D; }
.latestNews dd span.date, .latestNews dd strong.subtitle { display: block; color: #DB131D; font-weight: normal; }

#sideBar .contact { font-size: 1.2em; }
#sideBar .contact strong, #sideBar .contact a { display: block; font-weight: normal; font-size: 1.4em; color: #DB131D; text-decoration: none; margin: 5px 13px; }
#sideBar .contact a:hover { text-decoration: underline; }

#footer { clear: both; margin: 0; padding: 0 11px; color: #666; background: #fff url('/images/footer_bg.png') no-repeat bottom; }
#footer p { margin: 0; padding: 10px 0 20px 0; text-align: center; }
#footer p.copyright { width: 670px; float: left; }
#footer p.designBy { width: 228px; float: right; }
#footer a { color: #666; text-decoration: none; }
#footer p.copyright a { color: #DB131D; }
#footer p.copyright a:hover { text-decoration: underline; }
#footer p.designBy a:hover strong { color: #DB131D; }

#pageCarousel { height: 350px; position: relative; margin-bottom: 18px; border-bottom: 1px solid #fff; padding-bottom: 15px; }

#slideShowContainer { width: 645px; height: 350px; overflow: hidden; }
#slideShowContainer img { display: inline; }
#slideShowContainer ul { margin: 0; padding: 0; }
#slideShowContainer ul li { width: 645px; position: relative; float: left; margin: 0; padding: 0; list-style: none; }

#slideShowContainer .alphaOverlay { padding: 0 0 46px 0; margin-bottom: 3px; }
#slideShowContainer .alphaOverlay p { width: 645px; }

#slideShowMenu { position: absolute; bottom: 15px; z-index: 2; margin: 0; padding: 0; background: url('/images/slideshow-transparency.png'); width: 645px; height: 36px; }
#slideShowMenu li { float: left; margin: 0 0 0 6px; padding: 0; list-style: none; height: 24px; padding: 10px 0; }
#slideShowMenu li:after { content: '/'; }
#slideShowMenu li.first { margin: 0 0 0 8px; }
#slideShowMenu li:last-child:after { content: ''; }
#slideShowMenu li a { padding: 0 8px; color: #000; text-decoration: none; font-weight: bold; position: relative; font-size: 1.2em; }
#slideShowMenu li a:hover { text-decoration: underline; }
#slideShowMenu li a.selected, #slideShowMenu li a.noJS.selected { color: #DB131D; }
#slideShowMenu li a span { position: absolute; z-index: -1; display: none; }

.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }

#bins { overflow: auto; }
#bins div { float: left; margin: 0 0 0 7px; }
#bins div.first { margin: 0; }
#bins h4 { margin: 4px 1px; padding: 0; text-align: center; }
#bins h4 a { text-decoration: none; }
#bins img { border: 1px solid #DB131D; }
#bins div:hover h4 a, #bins h4 a:hover { color: #000; }
#bins div:hover img, #bins a:hover img { border: 1px solid #000; }

#enquiryForm label { display: block; font-weight: bold; margin: 9px 0 1px 0; }
#enquiryForm input.text, #enquiryForm textarea { border: 1px solid #000; width: 322px; padding: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 1.0em; color: #333; }
#enquiryForm input.text:focus, #enquiryForm textarea:focus { border: 1px solid #DB131D; color: #000; background: #eee; }

#main .message_error { color: #DB131D; }