html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #282828 url(../../images/bg.png) repeat-x; color: #000; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
a, embed, object {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; }
p {margin: 0 0 25px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
.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;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.unbolden {font-weight: normal;}
.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: 80px; margin-bottom: 5px;}
	dd {display: block; float: left; width: 150px; margin-bottom: 5px;}
/* Colours */
.orange {color: #fc6209;}
.white {color: #fff;}
.validationmessage {color: #ff0000;}

/* Links */
a	{color: #000; text-decoration: none;}
a:hover	{text-decoration: underline;}

a.orange-arrow-right {padding-left: 8px; background:url(../../images/arrow_orange_right.gif) 0 50% no-repeat;}
a.orange-arrow-right:hover  {color: #fc6209;text-decoration: none;}

a.orange-arrow-left {padding-left: 8px; background:url(../../images/arrow_orange_left.gif) 0 50% no-repeat; color: #FFF;}
a.orange-arrow-left:hover  {color: #fc6209;text-decoration: none;}

#callpad { float: right; width: 245px; padding-top: 41px;}
#callus {display: block; text-indent: -9999px; overflow: hidden; height: 29px; width: 245px; background: url(../../images/butt_call.gif) no-repeat;}
#frontline {display: block; text-indent: -9999px; overflow: hidden; height: 70px; width: 205px; background: url(../../images/frontline.gif) no-repeat;}

/* Headings */
h1 {}
h2 {font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 15px;}
div.orangetop h2 {padding: 8px 20px; margin-bottom: 0;}
/* Lists */
ul.auxnav {padding: 0; margin: 0; list-style: none; float: right; width: 600px;}
	ul.auxnav li {display: inline; float: right; padding: 0 0 0 10px; background:url(../../images/header_div.gif) 0 50% no-repeat; margin: 0 0 0 10px;}
	ul.auxnav li a {color: #FFF;}
	ul.auxnav li a:hover  {color: #fc6209;text-decoration: none;}

ul.list-orgbulls {padding: 0; margin: 0 0 25px 0; list-style: none;}
ul.list-orgbulls li {padding: 0 0 15px 15px; background:url(../../images/bullet_disc_orange.gif) 0 0.5em no-repeat;}

ul.list-quicklinks {padding: 0; margin: 15px 0 0 0; list-style: none;}
ul.list-quicklinks li {padding: 0 0 0 10px; background:url(../../images/arrow_orange_right.gif) 0 0.4em no-repeat;}

ul.offloc {display: block; margin: 0;  padding: 0; list-style: none;}
 ul.offloc li  {display: block; float: left; width: 180px; margin: 0 25px 0 0;  padding: 0; list-style: none; font-size: 1.2em; line-height: 1.4em;}
ul.offloc h5 {font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #ff7800;}


/* Tables */


/* Forms */
form.frm-comp {margin-bottom: 15px;}
	form.frm-comp table {width: 99%; border: none; padding: 0; font-size: 1.1em;}
	form.frm-comp table th {width: 120px; padding: 0 20px 20px 0 ; font-weight: bold; vertical-align: middle;}
	form.frm-comp table td {padding: 0 20px 20px 0; vertical-align: middle;}
    form.frm-comp table td.smallpadding {padding: 0 7px 5px 0; vertical-align: middle;}
	form.frm-comp input.frm-fld {border: 1px solid #b8b8b8; width: 400px; color: #000; padding: 3px;}
    form.frm-comp input.frm-fld-short {border: 1px solid #b8b8b8; width: 168px; color: #000; padding: 3px;}
	form.frm-comp select {border: 1px solid #b8b8b8; width: 404px; color: #000; padding: 3px;}
	form.frm-comp textarea {border: 1px solid #b8b8b8; width: 400px; color: #000; padding: 3px; height: 150px;  font-family: Arial, Helvetica, Verdana; }
	form.frm-comp #register {display: block; width: 257px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_register.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}
	form.frm-comp #enter {display: block; width: 230px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_enter.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}
    form.frm-comp #callme {display: block; width: 109px; height: 44px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_callme.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}
    form.frm-comp #refer {display: block; width: 150px; height: 46px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_refer_friends.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}
    form.frm-comp #unsub {display: block; width: 143px; height: 46px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_unsub.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}
    form.frm-comp #subscribe {display: block; width: 143px; height: 46px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_subscribe.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}
    form.frm-comp #collectaddress {display: block; width: 143px; height: 44px; text-indent: -9999px; overflow: hidden; background: url(../../images/butt_submit.gif) no-repeat; font-size: 1px; text-align:right; border: none; cursor: pointer;}

/* Superstructure  */
#outer-shield{background: url(../../images/bg_foot.png) 0 100% repeat-x;}
#shield {width: 896px; margin: 0 auto;}
#header {height: 27px; overflow: hidden; padding: 6px 40px 0 40px; font-size: 1.1em; font-weight: bold;}
#brand {height: 70px; padding: 0 40px; overflow: hidden; }
#base {height: 139px; background:url(../../images/bg_base.png) no-repeat; overflow: hidden; padding: 20px 50px;}
#footer {color: #FFF; padding: 10px 40px 30px 40px;font-size: 1.1em; font-weight: bold;}
#main {background:url(../../images/bg_panel.png) repeat-y; padding: 0 8px;}
#main-inner {background:url(../../images/bg_innergrad.png) repeat-x; }
#content {width: 821px; margin-left: 30px;}
#masthead img {display: block;}
#intropanel {background: url(../../images/bg_intropanel.gif) repeat-y; padding: 15px 25px; font-size: 1.8em; color: #FFF; line-height: 1.4em; font-weight: bold;}
	#intropanel strong, #intropanel a {color: #fc6209;}
	#intropanel-foot {height: 16px; background:url(../../images/bg_intropanel_foot.gif) no-repeat;}
	#intropanel-foot-black {height: 16px; background:url(../../images/bg_intropanel_foot_black.gif) no-repeat;}
#content-panel {min-height: 500px; height:auto !important; height:500px; padding: 20px 20px 10px 20px; font-size: 1.4em; line-height: 1.4em;}
	div.bg-white #content-panel {background-color: #FFF;}
	div.bg-black #content-panel {background-color: #000; padding: 15px;}
#content-foot {height: 50px; }
	div.bg-white #content-foot {background: #343434 url(../../images/bg_content_foot_white.gif) no-repeat;}
	div.bg-black #content-foot {background: #343434 url(../../images/bg_content_foot_black.gif) no-repeat;}
#sidebar {float: right; width: 176px;}
#article {float: left; width: 580px;padding-top: 10px;}

/* Infrastructure  */

#slideshow  {position: relative; display: block;   width: 880px; height: 292px; overflow: hidden;}
#slideshow img {position: absolute;   width: 880px; height: 292px;}
#slidecurrent {z-index: 50;}
#slidenext {z-index:97;}


#sidebar a.banner {display: block; margin-bottom: 15px;}

#home-promos {width: 790px; margin-bottom: 15px; background: url(../../images/home_promo.gif) no-repeat;  }
#home-promos div.home-promo-row {clear: left; margin-bottom: 20px; }
#home-promos div.home-promo {float: left; width: 222px; margin-right: 17px; padding: 0 15px; color: #FFF; font-size: 0.9em; line-height: 1.3em;}
#home-promos div.graded {float: left; background:url(../../images/home_promo_grad.gif) repeat-y; }
#home-promos div.graded div.home-promo {width: 202px;  padding: 10px 25px; font-size: 1.2em;}
#home-promos div.role div.home-promo {width: 202px;  padding: 10px 25px 0 25px; }
#home-promos div.role strong { font-size: 1.4em;  line-height: 1.5em;}
#home-promos-foot {clear: left; background:url(../../images/home_promo_foot.gif) 0 100% no-repeat; height: 5px;}

div.box-grey {background: #f1f1f1; margin-bottom: 25px; }
	div.box-grey div.top {background: url(../../images/bg_corner_grey_tl.gif) 0 0 no-repeat;}
	div.box-grey div.top div {height: 15px; background: url(../../images/bg_corner_grey_tr.gif) 100% 0 no-repeat;}
	div.box-grey div.orangetop {background: #fd8c00 url(../../images/bg_corner_orange_tl.gif) 0 0 no-repeat; color: #FFF;}
	div.box-grey div.orangetop div {min-height: 15px; height:auto !important; height:15px; background: url(../../images/bg_corner_orange_tr.gif) 100% 0 no-repeat;}
	div.box-grey div.bottom {background: url(../../images/bg_corner_grey_bl.gif) 0 100% no-repeat;}
	div.box-grey div.bottom div {height: 15px; background: url(../../images/bg_corner_grey_br.gif) 100% 100% no-repeat;}
	div.box-grey div.content {padding: 5px 20px; font-size: 0.9em;}

div.hr-orange {border-top: 1px solid #fc6209; height: 25px;}

p.small-txt {font-size: 0.8em; line-height: 1.3em; margin-bottom: 10px;}