html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #FFF; color: #000; font-family: Verdana, Arial; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }
/* CJ's Style Defaults */
a {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none; color: #FFF;}
#sidebar img {border-style: none; color: #333;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0; padding: 0; }
p.half {margin: 0 0 10px 0; padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
blockquote {margin: 0; padding: 5px; background:url(../../images/bg_quote.gif) 100% 100% no-repeat;}
blockquote p {margin-bottom: 10px;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.level {vertical-align:middle;}
.imgleft {float: left; margin: 0 15px 5px 0;}
.imgright {float: right; margin: 0 0 5px 15px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
dl {display: block; margin-bottom: 30px;}
dt {display: block; clear: left; float: left; width: 50px;}
dd {display: block; float: left; width: 300px;}
.error {display: block; color: #CC0000; padding: 0 0 0 25px; background:url(../../images/error.gif) 0 0.3em no-repeat;}
.hline {border-top: 1px solid #b1b1b1; margin: 25px 0; height: 1px;}
.star-half {display: block; background:url(../../images/icon_star_half.gif) no-repeat; padding-left: 50px;}
.star-off {display: block; background:url(../../images/icon_star_off.gif) no-repeat; padding-left: 50px;}
/* Colours */
.lime {color: #e7b925;}
.lgrey {color: #999;}
/* Links */
#content a {color: #853036; text-decoration: underline;}
#content a:hover {text-decoration: none;}
div.panel-inner a {color: #f7e272; text-decoration: none;}
div.panel-inner a:hover { text-decoration: underline;}
a.button-yellow {background: url(../../images/butt_yellow_left.gif) 0 50% no-repeat; padding: 3px 0 4px 0; text-decoration: none !important; }
a.button-yellow span {background: url(../../images/butt_yellow_right.gif) 100% 50% no-repeat; color: #333; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; padding: 4px 10px 4px 10px;}
a.button-grey {background: url(../../images/butt_grey_left.gif) 0 50% no-repeat; padding: 3px 0 4px 0; text-decoration: none !important;}
a.button-grey span {background: url(../../images/butt_grey_right.gif) 100% 50% no-repeat; color: #FFF; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: -1px; padding: 4px 10px 4px 10px;}
a.button-red {background: url(../../images/butt_red_left.gif) 0 50% no-repeat; padding: 3px 0 4px 0; text-decoration: none !important;}
a.button-red span {background: url(../../images/butt_red_right.gif) 100% 50% no-repeat; color: #FFF; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: -1px; padding: 4px 10px 4px 10px;}
/* Headings */
h1 {font-size: 2.0em; font-family: Arial, Verdana; color: #333; margin-bottom: 15px; }
h1 span {color: #853036;}
h1.title-express a {margin-bottom: 25px; display: block; width: 140px; height: 48px; text-indent: -9999px; overflow: hidden; background: url(../../images/logo_express.gif) 0 8px no-repeat;}
h1.title-master a {margin-bottom: 25px;display: block; width: 143px; height: 48px; text-indent: -9999px; overflow: hidden; background: url(../../images/logo_master.gif) 0 8px no-repeat;}
h2 {font-size: 1.2em; font-family: Arial, Verdana; color: #000; margin-bottom: 10px; font-weight: bold;}
h3 {font-weight: bold; margin-bottom: 10px; text-transform:uppercase;}
#search h3 {margin-bottom: 7px;}
/* Lists */
#content ul, #content ol {margin: 0 0 15px 0; padding: 0 0 0 15px; }
#navigation ul {display: block; padding: 0; margin: 0 0 15px 0; list-style: none;background-color: #333;}
#navigation li {padding: 0; margin: 0;}
#navigation a {display: inline-block;}
#navigation a {display: block; color: #FFF; text-decoration: none; height: 18px; padding: 13px 20px 7px 22px; background-repeat: no-repeat; }
#navigation a:hover {color: #f7e272;}
#navigation li.current a {color: #f7e272;}
#navigation #nav-01 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation #nav-02 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation #nav-03 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation #nav-04 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation #nav-05 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation #nav-06 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation #nav-07 {background-image: url(../../images/bg_nav_06.jpg)}
#navigation #nav-08 {background-image: url(../../images/bg_nav_06.jpg)}
#navigation #nav-09 {background-image: url(../../images/bg_nav_01.jpg)}
#navigation li ul {display: none; margin: 0 !important; padding: 5px 0; border-right: 1px solid #8c8b8b;}
#navigation li.current ul {display: block;}
#navigation li.current ul a {color: #FFF; height: 15px; padding: 10px 10px 7px 32px; font-size: 0.9em; font-weight: normal;}
#navigation li.current a:hover {color: #f7e272;}
#navigation li.current li.current a {color: #f7e272 !important;}
#footer-links {display: block; margin: 0; padding: 0; list-style: none; width: 420px; }
#footer-links li {display: block; float: left; width: 130px; padding: 0 10px 5px 0;}
#footer-links li a {font-size: 1.1em; color: #666; text-decoration: none;}
#footer-links li a:hover { text-decoration: underline;}
ul.nav-module {float: right; padding: 0; margin: 0 0 0 0; list-style: none; width: 255px}
ul.nav-module li {float: right; margin: 0 0 0 13px; padding: 0;}
ul.nav-module li a {display: block; font-size: 0.9em; color: #666 !important; text-align: center; line-height: 1.2em; text-decoration: none !important; background-position: 50% 0; background-repeat: no-repeat; padding-top: 40px;}
ul.nav-module li a:hover {text-decoration: underline !important; color: #853036 !important; }
ul.nav-module li a.current {color: #853036 !important;}
#mod-read {background-image: url(../../images/icon_master_read.gif);}
#mod-write {background-image: url(../../images/icon_master_write.gif);}
#mod-listen {background-image: url(../../images/icon_master_listen.gif);}
#mod-speak {background-image: url(../../images/icon_master_speak.gif);}
ul.list-badges {float: left; display: block; margin: 0 0 15px 0; padding: 0 0 0 0 !important; list-style: none; }
ul.list-badges li {float: left; display: block; margin: 0 0 15px 0; padding: 0 0 0 0 !important;}
ul.list-badges img {margin-top: 3px; float: left; }
ul.list-badges li div {float: left; display:block; margin: 0 0 0 20px; width: 310px;}
/* Tables */
table.frm-table {width: 100%; padding: 0; border: none; margin-bottom: 15px; border-left: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8;}
table.frm-table td, table.frm-table th {padding: 3px 5px;}
table.frm-table th {background: #d8d8d8;}
table.frm-table td {border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;}
/* Forms */
#search { font-size: 1.1em;}
#query {border: 1px solid #ccc; width: 170px; margin-right: 10px; background: #FFF url(../../images/bg_field.jpg) repeat-x; font-size: 1.1em; color: #666; padding: 2px;}
form.frm-login {}
form.frm-login input.frmfld {border: 1px solid #ccc; width: 98px; margin-right: 10px; background: #FFF url(../../images/bg_field.jpg) repeat-x; font-size: 1.1em; color: #666; padding: 2px;}
form.frm-login label {display: block; color: #999; padding: 0; margin: 0;}
form.frm-login div.loglinks {float: right; font-size: 0.9em; font-weight: bold;}
form.frm-std {margin-bottom: 15px;}
form.frm-std fieldset {margin-bottom: 15px;}
form.frm-std div.titlebar {background: #dcdadb; padding: 5px; margin-bottom: 15px; color: #621318; }
form.frm-std label {display: block; float: left; width: 155px; padding: 0 10px 0 5px; margin: 0 0 10px 0;}
form.frm-std input.frmfld {display: block; float: left; width: 240px; padding: 1px; margin: 0 0 10px 0; background: #FFF url(../../images/bg_field.jpg) repeat-x; border: 1px solid #666; border-bottom-color: #bbb; border-right-color: #bbb;}
form.frm-std input.frmfld-sml {display: block; float: left; width:69px; padding: 1px; margin: 0 0 10px 0; background: #FFF url(../../images/bg_field.jpg) repeat-x; border: 1px solid #666; border-bottom-color: #bbb; border-right-color: #bbb;}
form.frm-std select {display: block; float: left; width: 244px; padding: 1px; margin: 0 0 10px 0; background: #FFF url(../../images/bg_field.jpg) repeat-x; border: 1px solid #666; border-bottom-color: #bbb; border-right-color: #bbb;}
form.frm-std textarea {display: block; float: left; width: 240px; padding: 1px; margin: 0 0 10px 0; background: #FFF url(../../images/bg_field.jpg) repeat-x; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666; border-bottom-color: #bbb; border-right-color: #bbb;}
form.frm-std span.datafld {display: block; float: left; width: 240px; padding: 1px; margin: 0 0 10px 0; background: none ; font-weight: bold;}
form.frm-std span.datafld-sml {display: block; float: left; width: 69px; padding: 1px; margin: 0 0 10px 0; background: none ; font-weight: bold;}
/* Superstructure */
#shield {width: 970px; margin: 0 auto 10px auto;}
#header {padding-bottom: 30px; background:url(../../images/bg_header.gif) 0 100% no-repeat;}
#main {}
#navigation {width: 250px; float: left; font-weight: bold; font-size: 1.2em;}
#content {width: 418px; float: left; background:url(../../images/bg_content.jpg) repeat-x; border: 1px solid #FFF; padding: 25px; font-size: 1.2em; line-height: 1.7em; min-height: 500px;}
#sidebar {width: 250px; float: left; color: #FFF;}
/* Infrastructure */
div.panel {background: #222 url(../../images/bg_panel.gif) no-repeat; margin-bottom: 10px;}
div.panel-foot {background: url(../../images/bg_panel_foot_left.gif) 0 0 no-repeat;}
div.panel-foot div {height: 5px; background: url(../../images/bg_panel_foot_right.gif) 100% 0 no-repeat;}
div.panel-inner {padding: 15px 10px 5px 10px; font-size: 1.1em; line-height: 1.3em;}
#top-panel {background:url(../../images/bg_panel_top.jpg) no-repeat !important; }
#top-panel div.panel-inner {padding: 0 10px 5px 10px;}
#content img.grey-border {border: 1px solid #ccc; padding: 2px;}
#sidebar img.grey-border {border: 1px solid #666; padding: 0px;}
#footer {padding-left: 250px; color: #666;}
#footer-panel-outer {border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; padding: 2px 0; margin: 0 0 15px 0;}
#footer-panel-inner {background: #efefef; padding: 10px 10px 5px 25px;}
.foot-logo {float: right; }