/* ------------ GENERAL STYLES ------------ */

body {
	vertical-align				:middle;
	margin						:0px 0px 0px 0px;
	padding						:0px 0px 0px 0px; 
}

ol	{ list-style:decimal outside; }
ul	{ list-style:disc; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
li {
	color						:#CCCCCC;
	line-height			:170%;
	margin					:0px 0px 0px 16px;
	padding					:0px 0px 0px 0px;
}

/* ------------ DESIGN STYLES ------------ */

#container {
	width					:880px;
	height					:auto;
	position					:absolute;
	top						:10px;
	left						:50%;
	vertical-align			:top;
	margin					:0px 0px 0px -440px;
	padding					:0px 0px 0px 0px;
	z-index					:0;
}
#logo {
	width					:218px;
	height					:auto;
	float						:left;
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 20px;
	z-index					:0;
}
#menu {
	width					:622px;
	height					:44px;
	float						:right;
	text-align				:right;
	margin					:0px 0px 0px 0px;
	padding					:10px 20px 0px 0px;
	z-index					:0;
}
#header {
	width					:880px;
	height					:193px;
	float						:left;
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
	z-index					:0;
}
#column {
	width					:280px;
	height					:auto;
	position					:absolute;
	top						:248px;
	left						:580px;
	background-color	:#838282;
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
	z-index					:1;
}
#bg {
	width					:880px;
	height					:auto;
	float						:left;
	background-color	:#333333;
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
	z-index					:0;
}
#bg-t {
	width					:880px;
	height					:55px;
	background-image:url(../images/bg-t.jpg);
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
	z-index					:0;
}
td.main {
	width					:540px;
	height					:100%;
	vertical-align			:top;
	margin					:0px 0px 0px 0px;
	padding					:0px 20px 0px 20px;
}
td.column {
	width						:240px;
	height						:100%;
	background-color		:#838282;
	background-image		:url(../images/column-b.jpg);
	background-position	:bottom;
	background-repeat	:no-repeat;
	vertical-align				:top;
	margin						:0px 0px 0px 0px;
	padding						:0px 20px 0px 20px;
}
#bg-b  {
	width					:880px;
	height					:25px;
	background-image:url(../images/bg-b.jpg);
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
	z-index					:0;
}
#footer {
	width					:640px;
	height					:25px;
	float						:left;
	margin					:0px 0px 0px 0px;
	padding					:4px 0px 0px 20px;
	z-index					:0;
}
#w3c {
	width					:192px;
	height					:25px;
	float						:right;
	text-align				:right;
	margin					:0px 0px 0px 0px;
	padding					:8px 28px 0px 0px;
	z-index					:0;
}

/* ------------ CONTENT STYLES ------------ */

table.contentpaneopen, table.contentpane {
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
	width					:auto;
}
.article_seperator {
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
}
.contentheading, .componentheading {
	width					:100%;
	font						:bold 16px Verdana;
	color						:#FFFFFF;
	line-height			:25px;
	text-align				:left;
	text-indent			:0px;
}

p, div, td {
	color						:#CCCCCC;
	font-family			:Verdana;
	font-size				:12px;
	line-height			:170%;
}

h1	{ font: bold 16px Verdana; color: #FFFFFF; margin:0px 0px 18px 0px; padding:0px 0px 0px 0px; }
h2	{ font: bold 16px Verdana; color: #FFFFFF; margin:0px 0px 18px 0px; padding:0px 0px 0px 0px; }
h3	{ font: bold 12px Verdana; color: #FFFFFF; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; }
h4	{ font: bold 11px Verdana; color: #FFFFFF; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; }
h5	{ font: bold 10px Verdana; color: #FFFFFF; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; }
h6	{ font: bold 9px Verdana; color: #FFFFFF; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; }

a:link, a:visited			{ color:#B3CA39; text-decoration:none; }
a:hover  					{ color:#B3CA39; text-decoration:underline; }

a.small:link, a.small:visited {
	font-size				:11px; 
	color						:#B3CA39; 
	text-decoration		:none; 
}
a.small:hover {
	font-size				:11px; 
	color						:#B3CA39; 
	text-decoration		:underline; 
}
span.small	 {
	font-size				:11px; 
	color						:#999999; 
	text-decoration		:none; 
}

/* ------------ MAINMENU - OTHERMENU - USERMENU STYLES ------------ */

.mainlevel {
	font						:bold 16px Verdana;
	text-transform		:none;
	text-align				:right;
}
a.mainlevel:link, a.mainlevel:visited {
	color						:#999999; 
	text-decoration		:none;
	margin					:20px 0px 0px 30px;
	padding					:0px 0px 0px 0px;
}
a.mainlevel:hover {
	color						:#8a338f;
	text-decoration		:none; 
}
#active_menu {
	color       	    		:#8a338f;
	text-decoration		:none;
}

/* ------------ MODULES STYLES ------------ */

table.moduletable {
	width					:100%;
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
}
table.moduletable th {
	font-weight			:bold;
	text-indent			:2em;
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
}
table.moduletable td  {
	margin					:0px 0px 0px 0px;
	padding					:0px 0px 0px 0px;
}

/* ------------ FORMS  STYLES------------ */

form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
select { font-size:12px; font-weight:bold; color:#333333; }
input { height	:18px; font:normal 12px Verdana; margin:0px 0px 0px 0px; padding:2px 2px 0px 2px; }
textarea { font:normal 12px Verdana; margin:0px 0px 0px 0px; padding:2px 2px 0px 2px; }

.button {
	width					:90px;
	height					:22px;
	background-color	:#CCCCCC;
	color						:#333333;
	font-weight			:bold;
	border					:1px solid #FFFFFF;
	margin					:0px 0px 0px 0px;
	padding					:2px 2px 8px 2px;
}
.inputbox, .search {
	background-color	:#FFFFFF;
	font						:12px Verdana;
	color						:#333333;
	border					:1px solid #666666;
	margin					:0px 0px 0px 0px;
	padding					:2px 2px 0px 2px;
}