/* 
-------------------------------------------------------------------
Mouchel stylesheet: global styles
-------------------------------------------------------------------
*/

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

body { font: 62.5% "Arial", sans-serif; background: #d6d6d5; color: #6d6f72; text-align: center; }

a { text-decoration:none; }
a:hover, a:focus, a:active  { text-decoration:underline; }

input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; }

table { border-collapse: collapse; border-spacing: 0; }

hr {width:100%; color:#6d6f72; background-color:#6d6f72; height:1px; border:none; }


ul, ol { list-style: none; }

.hide { position: absolute; top: 0; left: -9999px; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.imgLeft img { margin: 0 .8em .8em 0; padding: 0; float: left; }

.col2 { width: 50%; float: left; }
.col3 { width: 33.3%; float: left; }
.col4 { width: 25%; float: left; }
.col5 { width: 20%; float: left; }

/* Main wrapper and global header
--------------------------------------------------------------------------
*/

#accessKeys { margin: 0; padding: 0; }
#accessKeys dt { margin: 0; padding: 0; position: absolute; top: -9999px; left: 0; }
#accessKeys dd { margin: 0; padding: 0; }
#accessKeys dd a { position: absolute; top: -9999px; left: 0; }
#accessKeys dd a:focus, #accessKeys dd a:active { background-color: #000 !important; color: #fff !important; top: 0; font-size: 1.2em; padding: .5em; }

#wrapper { width: 958px; margin: 0 auto; padding: 0 7px; background: #cadad1 url("../Images/bgoverlay.gif") repeat-y; text-align: left; }

#header { padding: 3px 14px 6px 14px; background: #fff; color: #000; }
#header ul li { display: inline; padding: 0 .6em 0 0; font-size: 1.1em; }
#header ul li.textonly { display: none;}
#header ul li.allcontent{ display: inline; padding: 0 .6em 0 0; font-size: 1.1em; }

#header ul li a { color: #000; text-decoration: none; }
#header ul li a:hover { text-decoration: underline; }
#header ul li a:active, #header ul li a:focus { background: #000; color: #fff; }

#header ul li#skipNav { padding: 0; }
#header ul li#skipNav a { position: absolute; top: -9999px; left: 0; }
#header ul li#skipNav a:focus, #header ul li#skipNav a:active { top: 0; font-size: 1.2em; padding: .5em; }

#header ul li dl, #header ul li dl dt, #header ul li dl dd { display: inline; }
#header ul li dl dd a { text-transform: uppercase; }
#header ul li dl dd.large a { font-size: 1.2em; }
#header ul li dl dd.xlarge a { font-size: 1.4em }
#header ul li dl dd a span { position: absolute; top: -9999px; left: 0; }

/* Main body holder and left column (main menu)
--------------------------------------------------------------------------
*/

#body { padding: 14px 14px 0 14px; position: relative; }

#leftCol { position: relative; z-index: 2; width: 165px; padding: 0 0 205px 0; float: left; background: url("../Images/bg_menu.png") no-repeat; color: #306c65; }

#leftCol .heightFix { min-height: 450px; } /* REMOVE this line when search box is re-added */
body.home #leftCol .heightFix { min-height: 408px; } /* REMOVE this line when search box is re-added */
#leftCol .heightFix { min-height: 411px; }  /* REPLACE this line when search box is re-added */

#leftCol ul li a, #leftCol ul li span { display: block; text-decoration: none; padding: .3em 17px; font-size: 1.2em; color: #306c65; }
#leftCol ul li a:hover { text-decoration: underline; }
#leftCol ul li a:focus, #leftCol ul li a:active { text-decoration: underline; background: #306c65; color: #fff; }

#leftCol fieldset { padding: 1em 16px; }
#leftCol fieldset legend, #leftCol fieldset label { position: absolute; top: 0; left: -9999px; font-size: 0; }
#leftCol fieldset input { width: 98px; font-size: 1.2em; padding: 1px 2px; color: #676767; border: 1px solid #488377; vertical-align: middle; }
#leftCol fieldset input.submit { width: auto; border: 0; padding: 0; background: #fff; color: #0b5a4a; cursor: hand; cursor: pointer; text-transform: uppercase; }

#leftCol dl { margin: 1.5em 16px 0 16px; }
#leftCol dl dt { margin: .6em 0 0 0; font-size: 1.1em; color: #6d6f72; }
#leftCol dl dd { font-size: 1.8em; }
#leftCol a:hover, a:focus, a:active  { text-decoration:none; }
#leftCol img {margin: 8px 0 0 0; }

#leftCol #moulogo { left:30px; top:550px; z-index:20; position:absolute; padding:0; margin:0; display:block; 
  width:117px; height:28px; text-decoration:none; z-index:20;
  }  
#leftCol #rdlogo { left:27px; top:480px; z-index:20; position:absolute; padding:0; margin:0; display:block; 
  width:118px; height:54px; text-decoration:none; z-index:20;
  }
#leftCol #rslogo { left:36px; top:436px; z-index:20; position:absolute; padding:0; margin:0; display:block; 
  width:102px; height:21px; text-decoration:none; z-index:20;
  }

.mnuMain { width: 100%; }
#bannerImg { position: absolute; top: 0; left: 0; z-index: 1; }

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

#internal { position: relative; z-index: 1; width: 753px; margin: 100px 0 0 0; padding: 11px 0 0 0; float: right; background: url("../Images/internalbgtop_tcm43-19880.gif") no-repeat; }
#internal .colbgs { width: 753px; background: url("../Images/internalbg_tcm43-19879.gif"); padding-bottom:6em;}
#internal.fullwidth { background: url("../Images/internalfullbgtop_tcm43-19881.gif") no-repeat; }
#internal.fullwidth .colbgs { background: #fff;}

#internalMenu { width: 220px; padding: 0 12px 3em 12px; float: right; background: #fff; }
#internalMenu dl { font-size: 1.2em;  }
#internalMenu dl dd a, #internalMenu dl dd span, #internalMenu dl dt a, #internalMenu dl dt span { color: #6e6f72; text-decoration: none; padding: .5em 0; display: block; border-bottom: 1px solid #b6b7b8; }
#internalMenu dl dd a:hover { text-decoration: underline; }
#internalMenu dl dd a:active, #internalMenu dl dd a:focus { font-weight: bold; text-decoration: underline; }
#internalMenu dl dd dl { font-size: 1em; }
#internalMenu dl dd dl dd a, #internalMenu dl dd dl dd span { padding: .5em 0 .5em 1.5em; }
#internalMenu ul li ul li { margin: 0 0 0 18px; font-size: 1em; }
#internalMenu ul li ul li a { font-weight: normal; }
#internalMenu .archiveLink { font-size: 1.1em; font-weight:bold; }
#internalMenu .archiveDesc { font-size: 1.2em; color: #000 }

#internalMenu dl dt a, #internalMenu dl dt span { font-weight: bold; padding: .5em 0; display: block; border-bottom: 1px solid #666; font-size: 1.2em; }

#internal #content { min-height:424px; width: 474px; padding: 0 12px 3em 12px; float: left; background: #fff; }
#internal.fullwidth #content { width: 729px; }

#content2 { width: 220px; padding: 0 12px 3em 12px; float: right; background: #fff; }
#content2 h1 { margin: .4em 0 0 0; font-size: 2.4em; }
#content2 p { margin: .8em 0 0 0; font-size: 1.2em; }
#content2 li {PADDING-TOP: 15px; }
#content2 li p { font-size: 1em; }
#content2 ul { margin: .8em 0 0 2em; font-size: 1.2em; list-style: disc; }
#content2 ul li ul { margin: .3em 0 .3em 2em; font-size: 1em; }
#content2 ul.pagination { list-style: none; text-align: right; }
#content2 ul.pagination li { display: inline; }

#content2 dl { font-size: 1.2em;  }
#content2 dl dd a, #internalMenu dl dd span, #internalMenu dl dt a, #internalMenu dl dt span { color: #6e6f72; text-decoration: none; padding: .5em 0; display: block; border-bottom: 1px solid #b6b7b8; }
#content2 dl dd a:hover { text-decoration: underline; }
#content2 dl dd a:active, #internalMenu dl dd a:focus { font-weight: bold; text-decoration: underline; }
#content2 dl dd dl { font-size: 1em; }
#content2 dl dd dl dd a, dl dd dl dd span { padding: .5em 0 .5em 1.5em; }
#content2 .CalendarTitle { background:#992233; color:#fff; }

#internalMenu dl dt a, #internalMenu dl dt span { font-weight: bold; padding: .5em 0; display: block; border-bottom: 1px solid #666; font-size: 1.2em; }

#content h1 { margin: .4em 0 0 0; font-size: 2.4em; }
#content h2 { margin: .6em 0 0 0; font-size: 1.4em; }
#content h3 { margin: .8em 0 0 0; font-size: 1.2em; }
#content p { margin: .8em 0 0 0; font-size: 1.2em; }
#content li p { font-size: 1em; }
#content ul, #homepage .box ul { margin: .8em 0 0 2em; font-size: 1.2em; list-style: disc; }
#content ul li ul, #homepage .box ul li ul { margin: .3em 0 .3em 2em; font-size: 1em; }
#content ol li ul { margin: .3em 0 .3em 2em; font-size: 1em; }
#content ol { margin: .8em 0 0 2em; font-size: 1.2em; list-style: decimal; }
#content ol li ol { margin: .3em 0 .3em 2em; font-size: 1em; list-style: lower-roman; }

#content ul.pagination { list-style: none; text-align: right; }
#content ul.pagination li { display: inline; }

#content a { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a:active, #content a:focus { color: #fff !important; }

#content .breadcrumb ol { margin: 0; font-size: 1em; list-style: none; }
#content .breadcrumb ol li { font-size: 1.1em; display: inline; }
#content .breadcrumb ol li a { color: #6d6f72; }
#content .breadcrumb a:active, #content .breadcrumb a:focus { color: #fff; background: #6d6f72; }

/* form */
#content .genform .required { font-size: 1.1em; margin: .9em 0; }
#content .genform label { width: 165px; float: left; margin-top:0.2em; font-size: 1.2em; }
#content .genform .asplabel{ width: 165px; float: left; margin-top:0.2em; font-size: 1.2em; }
#content .genform input { margin: .3em 0; width: 175px; float: left; font-size: 1.2em; }
#content .genform .aspinput { margin: .3em 0; width: 175px; float: left; font-size: 1.2em; }
#content .genform .aspinputl { margin: .3em 0; width: 200px; float: left; font-size: 1.2em; }
#content .genform .textarea { margin: .3em 0; width: 175px; float: left; font-size: 1.2em; }
#content .genform .textarea .asptextarea { height: 15em; width: 290px; }
#content .genform .aspselect { margin: .3em 0; float: left; font-size: 1.2em; }
#content .genform .cindent { padding: 0 0 0 165px; }
#content .genform .captcha { padding: 5px 0 0 165px; }
#content .genform .submit { padding: 5px 0 0 165px; }
#content .genform .submit input { width: auto; float: none; cursor: hand; cursor: pointer; padding: .1em .5em; background: #eee; color: #000; border: 1px solid #306c65; }

#content .faq label { width: 120px; float: left; margin-top:0.2em; }
/* form errors */

#content .genform ul.error { margin:0 0 1em 0; color:#c33; }
#content .genform ul.error li { margin:0; padding:0; list-style-type:none; font-weight:bold; }
#content .genform .sumerror { font-weight:bold; color:#c33; font-size: 1.2em;}
#content .genform .error { font-weight:bold; color:#c33; background: url("../Images/error-arrow_tcm43-21941.gif") no-repeat 95% left .4em; }
#content .genform .errorXG { font-weight:bold; color:#c33; }

#content .wizard { margin-top: 25px;}
#content .wizard label { font-size: 1.2em; float:none; }
#content .wizard input { font-size: 1.2em; }
#content .wizard textarea { font-size: 1.2em; }
#content .wizard .qtitle { padding-right: 20px; }
#content .wizard .qtype1 { padding: 10px 0 0 25px; }
#content .wizard .qtype2 { padding: 5px 5px 0 25px; }
#content .wizard .navigate { margin: 5px 5px 5px 0; font-size: 1.2em; width: auto; float: none; cursor: hand; cursor: pointer; padding: .1em .5em; background: #eee; color: #000; border: 1px solid #306c65; }
#content .wizard .steparea { padding-top: 10px; padding-bottom: 10px; border-top: solid 1px; border-bottom: solid 1px;}
#content .wizard .errorXG { font-weight:bold; color:#c33; }
tr.row td { border-bottom: solid 1px;}



#content .filetable { padding: 10px 0 0 0; margin: 10px 0 0 0; border: solid 1px #000; width: 100%; }
#content .tableheader { border-bottom: solid 1px #000;  background-color: #cccccc;}
#content .filetable tr { font-size: 1.2em; }
#content .filetable td { padding-left:10px; }
/* Colours
--------------------------------------------------------------------------
*/

/* dark green */

body.darkgreen #internalMenu ul li a.on,
body.darkgreen #content h1,
body.darkgreen #content2 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: #306c65; }
body.darkgreen #content a:active, body.green #content a:focus { background: #306c65; }

/* green */

body.green #internalMenu ul li a.on,
body.green #content h1,
body.green #content2 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: #5da631; }
body.green #content a:active, body.green #content a:focus { background: #5da631; }

/* light blue */

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

/* purple */

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

/* black */

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

/* end colours */

/* Homepage
--------------------------------------------------------------------------
*/
#hpbottom {padding: 0 0 8px 0; background: url("../Images/homepagebgbottom.png") no-repeat bottom;}
#homepage { position: relative; z-index: 1; width: 754px; margin: 100px 0 0 0; padding: 11px 0 0 0; float: right; background: url("../Images/homepagebgtop_tcm43-19878.gif") no-repeat;}
#homepage .colbgs { background: url("../Images/homepagebg_tcm43-19877.gif");} 
#homepage .box { width: 220px; margin: 0 11px 0 0; padding: 0 12px 7em 12px; float: left; background: #fff; }
#homepage .box.right { margin: 0; }
#homepage .box h2 { margin: 0 0 .3em 0; font-size: 1.4em; }
#homepage .box h3 { margin: .8em 0 0 0; font-size: 1.2em; }
#homepage .box p { margin: .8em 0 0 0; font-size: 1.2em; }
#homepage .box h2, #homepage .box h3, #homepage .box a { color: #000; }
#homepage .box.right h2, #homepage .box.right h3, #homepage .box.right a { color: #000; }
#homepage .box h2 a { text-decoration: none; }
#homepage .box h2 a:hover, #homepage .box h2 a:active, #homepage .box h2 a:focus { text-decoration: underline; }

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

#footer { padding: 6px 14px; background: #992233; color: #fff; }
#footer ul { float: left; }
#footer ul li { float: left; padding: 0 1em 0 0; font-size: 1.1em; }
#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li a:active, #footer ul li a:focus { background: #fff; color: #992233; }

#footer ul li.hidden { padding: 0; }
#footer ul li.hidden a { position: absolute; bottom: 0; left: -9999px; }
#footer ul li.hidden a:focus, #footer ul li.hidden a:active { bottom: 0; left: 0; font-size: 1.2em; padding: .5em; background: #000; color: #fff; z-index: 2; }

#footer ul.right { float: right; }
#footer ul.right li { padding: 0 0 0 1em; }

.FAQheader { font-size: 1.3em; cursor: hand; cursor:pointer; background-color:#cccccc; }
.FAQdetails { border: solid 1px silver; margin-bottom:20px; display:none; visibility:hidden; background-color:#eeeeee; padding: 5px 10px 10px 10px; }
.FAQdetail { font-size: 1.3em; font-weight: bold; }

/*.level1 {display: block; text-decoration: none; padding: .3em 17px; font-size: 1.2em; color: #306c65;}*/

/* IE Mac fixes
--------------------------------------------------------------------------
*/

/*\*//*/
.hide, .skipNav { display: none; visibility: hidden; }
/**/

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix:after, #body:after, #homepage .colbgs:after, #internal .colbgs:after, #footer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, #body, #homepage .colbgs, #internal .colbgs, #footer { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html #body, * html #homepage .colbgs, * html #internal .colbgs, * html #footer { height: 1%; }
.clearfix, #body, #homepage .colbgs, #internal .colbgs, #footer { display: block; }
/* End hide from IE-mac */

.banner {font-size:1.2em; color: #992233; text-decoration: none; padding: 5px 0 0 .3em;}
.pscroller1 { padding-top:5px; font-size:1.2em; color:#000; text-decoration: none; width: 350px; height: 20px;}

.level1 { text-indent:17px; height:35px; text-decoration: none; font-size: 1.2em; color: #FFF}
.level2 { text-indent:17px; height:35px; text-decoration: none; padding: .3em 0 .3em 0; font-size: 1.2em; color: #FFF; background-color: #992233}
.menuHL { background-color: #710008; color: Orange; text-decoration: none;}
.menuSel { font-weight:bold; }
.EventDay { background: url("../Images/Event.png"); background-repeat: no-repeat;}

.std_font { font-size:1.2em }
.gridHeader { background-color:#992233; color: #fff }


.jjj { margin:5px 0 15px 10px}