* { margin: 0; padding: 0; }
body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #111;
	background-image: url(../chro/bg48.gif);
	background-repeat: repeat;
	background-color: #fefefe;
	}
a img {
	border: 0;
	}
	
#wrapper {
	width: 928px;
	/* margin: 16px auto 0 auto; */
	margin: 4px auto 0 auto;
	
	/* border: 1px solid #f00; */
	background-color: #f9f9f9;
	}
#left_bar {
	float: left;
	width: 208px;
	/* background-color: #543;*/
	}
#left_bar #logo_box {
	margin: 0;
	padding: 0;
	width: 208px;
	/* height: 128px;*/
	/* margin-top: 8px; */
	/* margin-bottom: 8px; */
	background-color: #bbb;
	background-color: #aaa;
	height: 136px;
	}
#left_bar #logo_box a {
	margin: 0;
	padding: 0;
	}
	
	
#left_bar #nav {
	margin: 0;
	padding: 0;
	background-color: #fc3; /* yellow colour blocks to left of nav text */
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: bold;
	}	
#left_bar #nav ul li a:link { 
	text-decoration: none; 
	color: #222; 
	}
#left_bar #nav ul li a:visited { 
	text-decoration: none; 
	color: #222; 
	}
#left_bar #nav ul li a:hover { 
	background: #fdfdfd; 
	color: #222; 
	}	
	
#left_bar #nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}	
#left_bar #nav ul li {
	/* circumvents unused LI showing, and avoids border-top hack */
	/* 208 - 12 */
	width: 196px;
	margin: 0;
	padding: 0 0 0 12px; /* makes space to view yellow stripe on left */
	border-bottom: 1px solid #777;
	/* list-style-type: none; ??? */
	}	
#left_bar #nav ul li.section {background-color: #ffda40;}	/* bar to the left of sub section */	
#left_bar #nav ul li a {
	display: block;
	background: #dbdbdb;
	margin: 0;
	width: 188px; /* required by msie7 or weird margin appears above */
	padding: 4px 0 4px 8px;
	
	width: 186px;
	padding: 4px 0 4px 10px;
	}	
#left_bar #nav ul li ul {
	background: #cba;
	}
#left_bar #nav ul li ul li {
	width: 196px;
	padding: 0;
	background: #ccc;
	border: 0;
	border-top: 1px solid #777;
	}		
#left_bar #nav ul li ul li.title {
	border-top: 0;
	}	

#left_bar #nav ul li ul li.titlecs {
	border-top: 1px solid #777;
	}	

#left_bar #nav ul li ul li a {
	display: block;
	background: #fff;
	margin: 0;
	padding: 4px 0 4px 16px;
	width: 180px;
	
	padding: 4px 0 4px 20px;
	width: 176px;
	background-color: #e4e4e4;
	
	color: #333;
	}

/*	
#nav ul li ul li a:link { 
	 color: #333;
	}
#nav ul li ul li a:visited {  
	color: #333;
	}
#nav ul li ul li a:hover {  
	 color: #333;
	}	
*/	
	
	
#left_bar #nav ul li a.this {
	background-color: #f2f2f2;
	} 	
	
#left_bar #nav ul li ul li a.this {
	background-color: #f4f4f4;
	} 	
#left_bar #nav ul li ul li.title a {
	padding-left: 8px;
	width: 188px;
	
	padding-left: 12px;
	width: 184px;
	
	color: #222;
	} 		

#left_bar p, #left_bar h1, #left_bar h2, #left_bar h3 {
	margin-left: 28px;
	margin-right: 16px;
	padding: 0;
	}
	
#login {
	display: block;
	background: #f5f5f2;
	margin: 120px 0 0 0;
	padding: 4px 0 4px 0px;
	width: 176px;
	color: #333;
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: bold;
	}








#left_bar #login {
	margin: 0;
	padding: 0;
	margin-top: 25px;
	background-color: #fc3; /* yellow colour blocks to left of nav text */
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: bold;
	}	
#left_bar #login ul li a:link { 
	text-decoration: none; 
	color: #222; 
	}
#left_bar #login ul li a:visited { 
	text-decoration: none; 
	color: #222; 
	}
#left_bar #login ul li a:hover { 
	background: #fdfdfd; 
	color: #222; 
	}	
	
#left_bar #login ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}	
#left_bar #login ul li {
	/* circumvents unused LI showing, and avoids border-top hack */
	/* 208 - 12 */
	width: 196px;
	margin: 0;
	padding: 0 0 0 12px; /* makes space to view yellow stripe on left */
	border-bottom: 1px solid #777;
	border-top: 1px solid #777;
	/* list-style-type: none; ??? */
	}	
#left_bar #login ul li.section {background-color: #ffda40;}	/* bar to the left of sub section */	
#left_bar #login ul li a {
	display: block;
	background: #dbdbdb;
	margin: 0;
	width: 188px; /* required by msie7 or weird margin appears above */
	padding: 4px 0 4px 8px;
	width: 186px;
	padding: 4px 0 4px 10px;
	}			
	
#left_bar #login ul li.loginthis a:link { 
	text-decoration: none; 
	color: #999; 
	background: #dbdbdb;
	}
#left_bar #login ul li.loginthis a:visited { 
	text-decoration: none; 
	color: #999; 
	background: #dbdbdb;
	}
#left_bar #login ul li.loginthis a:hover { 
	background: #dbdbdb;
	color: #999; 
	}		
	
	
	
	
	
	
#main {
	float: right;
	width: 720px;
	/* background-color: #987;*/
	}
#header {
	/*
	background: #000 url(../chro/header_fc0_80.jpg) no-repeat top right;
	*/
	background: #000 url(../chro/header720x128_60.jpg) no-repeat top right;
	height: 112px;
	/* height: 128px; */
	}
#header #strapline {
	color: #fff;	
	padding-top: 76px;
	/* padding-right: 12px; border-bottom: #fff 1px dashed; */
	margin-right: 48px;	
	font-family: arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1px; 
	text-align: right;
	color: #eee;
	}
#header #balance {
	position: absolute;
	/* top: 128px; */
	top: 116px;
	
	width: 336px;
	background-color: #f0f0f0;
	background-color: #e6e6e6;
	/* height: 40px; */
	height: 32px;
	}
#header #date_bar {
	position: absolute;
	/* top: 128px; */
	top: 116px;
	
	background: #f6f6f6;
	background: #f0f0f0;
	width: 312px;
	width: 360px;
	margin: 0;
	margin-left: 336px;
	}	
#header #date_bar .date {
	padding: 3px 24px 3px 2px;
	text-align: right;
	color: #888;
	font-family: arial, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.8pt;
	}	
	
#content {
	width: 720px;
	
	margin: 0;
	padding: 0;
	
	margin-top: 32px;
	/* margin-bottom: 64px; */
	}
#content_foot {clear: both; height: 32px;}

.text_box {
	float: left;
	width: 544px;
	/* background-color: #ba9;*/
	padding: 0;
	}
.image_box {
	float: right;
	width: 176px;
	/* background-color: #765; */
	padding: 0;
	margin-top: 32px;
	height: 350px;
	}

.image_box_login {
	float: left;
	width: 100%;
	padding: 0;
	height: 350px;
	}

.threat_box {
	float: left;
	width: 176px;
	background: #333 url(../img/grid.gif);
	margin-top: 32px;
	text-align: center;
	}

.threat_box p {
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: bold;
	color: #ffda40;
	margin: 8px;
}

#level {
	float: left;
	width: 174px;
	background: #ffda40 url(../img/alarm.gif);
	padding: 5px 0 4px 0;
	height: 24px;
	text-align: center;
	border: 1px solid #777777;
	}
#level a {
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: bold;
}

#level a:link {color: #000;}

#level a:visited {color: #000;}

#level a:hover {color: #777777;}




.text_box img {
	margin: 12px 24px 0 64px;
	border: 0;
	}
.text_box em {
	color: #111;
	font-weight: bolder;
	}		
.text_box p, .text_box h1, .text_box h2, .text_box h3 {
/* .text_box ul,  .text_box ol */
	margin-left: 64px;
	margin-right: 24px;
	margin-right: 40px;
	padding: 0;
	}
.text_box ul {
	list-style-type: square;
	margin-left: 78px;
	margin-right: 40px;
	padding: 0;
	
	line-height: 1.4em;
	}
.text_box ol {
	margin-left: 76px;
	margin-right: 40px;
	padding: 0;
	}
	
.text_box a {color: #444;}
.text_box a:hover {color: #111;}

.text_box h1 {
	margin-top: 32px;
	margin-bottom: 4px;
	font-size: 1.6em;
	color: #222;
	}
.text_box h2 { font-size: 1.3em; color: #333; }
.text_box h3 { font-size: 1.1em; color: #333; }

.text_box h2, .text_box h3 {
	margin-top: 16px;
	margin-bottom: 4px;
	}
.text_box p {
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	}


.text_box p.first {
/* first instance of (an element after H1), that is, P inside .text_box to be used when an h2 or h3 does not separate H1 and P */
	margin-top: 16px;	
	}
.text_box h2.first {margin-top: 32px;}	
/* first instance of a header element, thus H2 at top of page, not H1 */
	
.text_box a.note {color: #000; background: #fea; text-decoration: none; border-bottom: solid 1px #777;}
.text_box a.note:hover {color: #000; text-decoration: none; background: #fc0;}
.text_box a.note span {	
	display: none;
	}
.text_box a.note:hover span {
	position: absolute; display: block; z-index: 999; 
	padding: 0;  margin: 0;
	left: 50%;
	margin-top: 0.6em;
	}
.text_box a.note:hover span span{
	display: block;
	margin-left: -140px;
	width: 280px;	
	padding: 1em 2em 1em 2em;	
	background: #f5f5f5;
	border: #999 solid 1px;
	border-bottom: #777 solid 1px;
	color: #111;
	border-top: solid 6px #fc0;
	}
			


		
			
			
			
#footer {
	clear: both;
	/* min-width: 800px; background-color: #edc; border: 1px solid #000;*/
	width: 928px;
	}
	
#footer_nav {
	/*float: left;*/
	background-color: #e9e9e9;
	font-size: 0.85em;
	margin: 0;
	/*
	to have a full width bar, following changes made
	padding: 4px 6px 4px 6px;
	float: right;
	*/	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 24px;
	/*
	padding-left: 32px;
	 width: 928px; */
	}
#footer_nav a {
	margin: 0;
	padding: 4px 8px 4px 8px;
	}
#footer_nav a:link { 
	text-decoration: none; 
	color: #222; 
	}
#footer_nav a:visited { 
	text-decoration: none; 
	color: #222; 
	}
#footer_nav a:hover { 
	background: #f2f2f2; 
	color: #222; 
	}	
	
#footer #copyright {
	float: left;
	font-family: arial, sans-serif;
	font-size: 0.75em;
	padding: 8px 0;
	margin: 0 8px 0 28px;
	color: #111;
	background: #fff;
	}
#footer #copyright a {
	color: #111;
	padding-left: 4px;
	padding-right: 4px;
	}
#footer #copyright a:link { 
	text-decoration: none; 
	color: #111; 
	}
#footer #copyright a:visited { 
	text-decoration: none; 
	color: #111; 
	}
#footer #copyright a:hover { 
	background: #eee; 
	color: #111; 
	}








form.enigma {
	margin: 24px 0 24px 0;
	padding: 12px 0 16px 36px;
	background: #f6f6f6;
	}
	
form.enigma fieldset {
	/* border: none;  */
	border: 1px solid #f6f6f6;
	padding: 0;
	margin: 0;
	}
form.enigma legend {
	padding: 0;
	margin: 0;
	margin-left: 28px;
	font-size: 1.6em;
	margin-bottom: 8px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #333;
	/*
	background: #def;  
	border: 1px solid #234;
	*/
	}
form.enigma label {
	/* display: inline-block;
	display: block; vertical-align: top;*/
	padding: 0;
	margin: 0;
	
	line-height: 1.8;
	
	
	width: 72px;
	/* background-color: #fff;   
	border: 1px solid #0f0;*/
	
	padding: 0;
	margin: 0;
	margin-left: 28px;
	display:block; 
	color: #555; 
	font-size: 0.9em;
	}
form.enigma fieldset ol {
	padding: 0;
	margin: 0;
	}
	
form.enigma fieldset li {
	padding: 0;
	margin: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
form.enigma input {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
form.enigma input.text {
	background-color: #fafafa;
	border: 1px solid #ccc;
	margin-left: 28px; 
	width: 220px;
	}
	
form.enigma fieldset fieldset label {
	display: block;
	width: auto;
	}
form.enigma input.submit {
	margin: 8px 0 8px 28px; 
	padding: 2px 8px 2px 8px; 
	font-size: 0.8em;
	border: 1px solid #ccc;
	background-color: #fafafa;
	}
/*
fieldset.submit {
	border-style: none;
	}
*/

form.enigma input.radio {
	margin-left: 28px;
	border: 0;
	margin-right: 12px;
	}



form.enigma label.radio {
	border: 0;
	display:inline; 
	margin: 0;
	}	
form.enigma input.radio {
	margin-right: 8px;	
	}
form.enigma fieldset ol {margin-top: 8px; border: 1px #000;}

#imgbox_wrapper {
display: table;
}

.imgbox {
position: relative;
left: 0px;
float: left;
width: 130px;
height: 200px;
padding: 4px 4px 4px 4px;
margin: 12px;
text-align: center;
display: table-cell;
border: 0;
}

.imgbox img {
float: left;
padding: 4px 20px 8px 20px;
margin: 0;
text-align: center;
}

.imgbox p{
padding: 0;
margin: 0;
margin-top: 24px;
}

.imgbox p a{
padding-top: 8px;
font-weight: bold;
text-decoration: none;
color: #777777;
}

.imgbox h2 {
padding: 0;
margin: 0;
margin-top: 12px;
}

.imgbox h2 a {
text-decoration: none;
}

.bdr {
border: 1px solid #777777;
}