/****************************************************************/
/* 1. BACKGROUND AND TEXT COLOURS */
/****************************************************************/

/* 1.1 Default background colour and text colour */
body {
	background: #000000 url(dark/img01.gif) repeat-x;
}
#siteBox {
	color: #FFF;
}
#header {
	background: #000000 url(dark/top_bkg_1.jpg) no-repeat center left;
	border-top : 1px solid #999999;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #999999;
}
#header a {
	color: #FFF;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #dddddd;
	margin-left: 2px;
	margin-right: -1px;
}
#header a:hover, #header a.active {
	background-color: #333;
}
.title {
	color: #161616;
}
#contentLeft {
	border-top : 1px solid #dddddd;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #dddddd;
}
#contentRight {
	border-top : 1px solid #dddddd;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #dddddd;
}
#contentLeft a {
	color: #CCCCCC;
}
#contentLeft a:hover {
	color: #000000;
	background-color: #888;
}
#contentRight a {
	color: #CCCCCC;
}
#contentRight a:hover {
	color: #333333;
	background-color: #CCCCCC;
}

.menu {
	background: #666 url(dark/corner_clk_tl.gif) no-repeat top left;
}
/* -- Content left site links (large plus icon) -- */

#contentLeft a.menuItem {
	background: url(dark/icn_plus.gif) no-repeat center left;
}
#contentLeft a:hover.menuItem {
	color: #DDD;
	background: #888 url(dark/icn_plus_on.gif) no-repeat center left;
	border: 0px;
}
#contentLeft a.SubmenuItem {
	background: url(dark/li_bullet.gif) no-repeat center left;
}
#contentLeft a:hover.SubmenuItem {
	color: #DDD;
	background: #888 url(dark/li_bullet_on.gif) no-repeat center left;
}
#contentLeft a.H_SubmenuItem {
	background: url(dark/li_bullet.gif) no-repeat center left;
}
#contentLeft a:hover.H_SubmenuItem {
	color: #DDD;
	background: #888 url(dark/li_bullet_on.gif) no-repeat center left;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
	background-color: #424242;
	border-top : 1px solid #dddddd;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #dddddd;
}
#clock {
	color: #999999;
}
/* -- Footer layout/display styles -- */
#footer {
	color: #0AD;
	background: #000000 url(dark/bottom_bkg_1.jpg) no-repeat bottom left;
	border-top : 1px solid #999999;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #999999;
}
#footer a {
	color: #0AD;
}
#footer a:hover {
	color: #666666;
}
/* -- Display formatting styles -- */

.grey {
	color: #AAA;
}
.white {
	color: #CCCCCC;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #AAA;
}
/* -- <ul> tag styles -- */

ul {
	list-style-image: url(dark/li_bullet.gif);
}
/* -- Line --*/
.line {
	border-bottom: 1px solid #AAA;
}
/* -- topics -- */
.topic_1 {
	color: #CCCCCC;
}
.topic_2 {
	color: #0AD;
}
/* -- Table -- */
th {
	border-top : 1px solid #dddddd;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #dddddd;
	font-size: medium;
	background-color: #333333;
	color: #ffcc00;
}
td {
	border-top : 1px solid #dddddd;
	border-right : 1px solid #333333;
	border-bottom : 1px solid #333333;
	border-left : 1px solid #dddddd;
	font-size: small;
}
span.header {
	color: #CCCCCC;
	border-bottom: 2px solid #CCC;
	font-size: 1.5em;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
.post {
	border-top : 2px solid #ccc;
	border-right : 2px solid #666;
	border-bottom : 2px solid #666;
	border-left : 2px solid #ccc;
	margin-bottom: 10px;
}
.topic {
	height: 25px;
	padding: 5px;
	display: block;
	font-size: 1.1em;
	color: #CCCCCC;
	background-color: #333333;
}
.info {
	background: url(dark/bkg-h3.png) repeat-x;
	height: 1.4em;
	padding: 4px 0 2px 5px;
	display: block;
	font-size: 0.7em;
	color: #CCCCCC;
}
