html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #7d8fa5; color: #333; 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; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
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;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
.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;}
.txt-right {text-align: right;}
.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;}
.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;}

/* Colours */
.white {color: #FFF;}

/* Links */
a	{color: #415a71; text-decoration: none;}
a:hover	{text-decoration: underline;}
a.webserv {display: block; color: #0398e6; font-weight: bold; padding: 15px 0 0 60px; height: 50px; background-repeat: no-repeat;}

a.capbutt {color: #e4f2fd; font-weight: bold; background: url(../../images/cap_left.gif) 0 50% no-repeat;  padding: 3px 0 3px 15px; text-decoration: none !important; }
a.capbutt span {background: url(../../images/cap_right.gif) 100% 50% no-repeat; padding: 3px 15px 3px 0;}
a.capbutt:hover {color: #2e516f; background: url(../../images/cap_left_f2.gif) 0 50% no-repeat;   text-decoration: none !important;}
a.capbutt:hover span {background: url(../../images/cap_right_f2.gif) 100% 50% no-repeat; }

a.dcapbutt {color: #e4f2fd; font-weight: bold; background: url(../../images/cap_left_drk.gif) 0 50% no-repeat;  padding: 3px 0 3px 15px;   text-decoration: none !important;}
a.dcapbutt span {background: url(../../images/cap_right_drk.gif) 100% 50% no-repeat; padding: 3px 15px 3px 0;}
a.dcapbutt:hover {color: #2e516f; background: url(../../images/cap_left_drk_f2.gif) 0 50% no-repeat;  text-decoration: none !important;}
a.dcapbutt:hover span {background: url(../../images/cap_right_drk_f2.gif) 100% 50% no-repeat; }

#sidebar a {color: #0398e6;}
#jtc {display: block; height: 36px; text-indent: -9999px; overflow: hidden; background: url(../../images/jtc.gif) 100% 0 no-repeat; margin-bottom: 25px;}
#jtc-square {display: block; height: 39px; text-indent: -9999px; overflow: hidden; background: url(../../images/jtc_squares.gif) 100% 0 no-repeat;}

/* Headings */
h1 {display: block; height: 128px; }
	h1 a {display: block; height: 123px; text-indent: -9999px; overflow: hidden; background:url(../../images/logo.gif) no-repeat;}
	
#sidebar h2 {display: block; font-size: 1.8em; padding-bottom: 3px; border-bottom: 1px solid #c7e8f9; margin-bottom: 15px;}	
#content h2 {font-size: 2.0em; margin-bottom: 15px; color: #2e516f; font-weight: bold;}
/* Lists */
#tnav {float: left; margin: 0; padding:0; list-style:none;}	
	#tnav li {float:left; background:url(../../images/tnav_left.gif) no-repeat; margin:0 1px 0 0; padding:0 0 0 5px; border-bottom:1px solid #cecece;}
	#tnav li a {float:left; display:block; width:.1em; background:url(../../images/tnav_right.gif) 100% 0 no-repeat; padding:5px 20px 8px 15px; text-decoration:none; font-weight:bold; color:#FFF; font-size: 1.2em; white-space:nowrap;}
	#tnav > li a {width:auto;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tnav li a {float:none;}
	/* End IE5-Mac hack */
	#tnav li a:hover {color:#FFF;}
	#tnav li:hover { background-position:0 -27px;  }
	#tnav li:hover a {background-position:100% -27px;}
	
	#tnav #current {background-position:0 -54px; }
	#tnav #current a {background-position:100% -54px; color:#284254;}				
		
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer ul li {display: inline; margin: 0 10px 0 0; padding: 0 10px 0 0; background:url(../../images/bg_footer_div.gif) 100% 50% no-repeat;}
#footer ul a {color: #33404c;}

/* Tables */
table.tbl-std {width: 95%; padding: 0; margin: 0 0 15px 0; border: 1px solid #657a8e; border-bottom: none; border-right: none;}
table.tbl-std td {border: 1px solid #657a8e; border-top: none; border-left: none; padding: 5px 10px;}
table.tbl-std th {border: 1px solid #657a8e; border-top: none; border-left: none; padding: 5px 10px; background-color: #657a8e; color: #FFF;}

/* Forms */
input.frmfld {display: block; float: left; margin-bottom: 5px; border: 1px solid #66717d; background-color: #e9f1f7; width: 176px; padding: 2px;}
select {display: block; float: left; margin-bottom: 5px; border: 1px solid #66717d; background-color: #e9f1f7; width: 180px; padding: 2px;}
label {display: block; float: left; margin-bottom: 5px; width: 90px; }
label.wide {width: 125px;}

/* Superstructure  */
.contain {width: 975px; margin: 0 auto;}
#shield {background: #acb8c5 url(../../images/bg.gif) repeat-x; padding-bottom: 15px;}
#main {float: left; width: 655px; }
#sidebar {float: right; width: 300px; background: url(../../images/bg_sidebar.gif) repeat-y; font-size: 1.2em; }
	#sidebar #sb-top {background: url(../../images/bg_sidebar_top.gif) 0 0 no-repeat;}
	#sidebar #sb-inner {background: url(../../images/bg_sidebar_bottom.gif) 0 100% no-repeat; padding: 33px 25px 40px 25px;}	
#header {height: 155px; overflow: hidden;}
#content {padding-top: 30px; font-size: 1.2em;}
#footer {background: #7d8fa5; font-size: 1.2em; padding: 15px 0;}


/* Infrastructure  */
div.tricols {background: url(../../images/tri_cols.gif) 0 0 no-repeat; margin-bottom: 15px;}
	div.tricols-foot {height: 15px; background: url(../../images/tri_cols_foot.gif) 0 100% no-repeat;}
	div.tricol {float: left; width: 208px; padding: 0 1px; margin-right: 10px;}
	div.tricol-pad {padding: 12px;}

div.bicols {background: url(../../images/bi_cols.gif) 0 0 no-repeat; margin-bottom:15px;}
	div.bicols-foot {height: 15px; background: url(../../images/bi_cols_foot.gif) 0 100% no-repeat;}
	div.bicol {float: left; width: 298px; padding: 0 1px; margin-right: 10px;}
	div.bicol-pad {padding: 12px;}	
	
div.bluebox {background: url(../../images/bluebox.gif) 0 0 no-repeat; margin-bottom: 25px;}
	div.bluebox-foot {height: 10px; background: url(../../images/bluebox_foot.gif) 0 100% no-repeat;}
	div.bluebox-content {padding: 15px 15px 0 15px;}	

.error {margin-bottom: 15px; background:url(../../images/error.gif) no-repeat; padding-left: 20px; color: #c54800; }
div.error strong {display: block; margin-bottom: 5px;}