/* CSS Document */

body { background-color: #333333; color: #FFFFFF; background-image: url(images/cl_body_bkg.png); background-position: 0 0; background-repeat: repeat-x; }
body, form { margin: 0px; padding: 0px; }
body, td, div, span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }
a:link, a:visited { color: #0083E9; text-decoration: none }
a:hover { color: #99FF66; text-decoration: underline }

div#wrapper {
	width: 725px;
	margin: auto;
}
div.contentEnd { height: 1px; background-image: url(images/cl_content_sep.png); background-position: 50% 0px; background-repeat: no-repeat; margin-top: 10px; }
/* CSS NAVBAR SITELINKS */

div.navBar { height: 36px; margin-top: 14px;}
.navBarStart { width: 18px; height: 36px; background-image: url(images/cl_navbar_L.png); background-position: 0 0; background-repeat: no-repeat; } 
.navBarCenter { width: 600px; height: 36px; background-image: url(images/cl_navbar_C.png); background-position: 0 0; background-repeat: repeat-x; } 
.navBarEnd { width: 18px; height: 36px; background-image: url(images/cl_navbar_R.png); background-position: 0 0; background-repeat: no-repeat; } 

div.headerPic {
	background-image: url(images/header.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 725px;
	height: 207px;
}
div.headerFullPic {
	background-image: url(images/header_full.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 725px;
	height: 207px;
}

/* CSS TABLERENDER */
div.caption { padding-left: 15px; background-image: url(images/cl_caption.gif); background-position: 0 50%; background-repeat: no-repeat; color: #99FF66; font-size: 16px; font-weight: bold; }
div.text { margin-bottom: 10px;}
div.menuText { padding-left: 10px; margin-top: 5px;}

/* CSS RIGHT MENU AREA */
div.search { height: 44px; width: 273px;  text-align: center; background-image: url(images/cl_search.png); background-position: 0 0; background-repeat: no-repeat}
div.menuArea { background-color: #282828; margin-left: 5px; padding: 10px; margin-top: 20px; }
div.forumArea {width: 725px; background-color: #282828; background-image:  url(images/cl_forumarea.png); background-position: 0 0; background-repeat: repeat-y; }
div.forumAreaBottom { padding: 15px; background-image:  url(images/cl_forumarea_b.png); background-position: 0 100%; background-repeat: no-repeat; }
div.menuSep { width: 180px; margin: 10px auto; height: 3px; background-color: #333333; }
table.newsComments { margin-top: 5px; }


/* CSS CORE */
.nextprev { margin: 10px 0px}
.tbox { border: 1px solid #666666; background-color: #333333; color: #FFFFFF; padding: 2px 0px}
.tbox.search { width: 140px;  vertical-align: top}
.tbox.comment { width: 90%}
.helpbox { width: 90%; border: 1px solid #666666; background-color: #333333; color: #FFFFFF; padding: 2px 0px; margin: 5px 0px }
textarea { width: 90% }
INPUT { vertical-align: bottom}
.button {
 	border: 1px solid #666666;
	background-color: #000000;
	vertical-align: top;
	margin-top: 2px;
	color: #99FF66;
	font-size: 12px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	
}
.button:hover {
	color: #FFFFFF;
}
.fborder, .border{
	border-collapse: collapse;
	border-spacing: 0px;
}

.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
	padding: 4px;
	border: 1px solid #666666;
}

.forumheader, .forumheader4, .finfobar {
	
}

.forumheader5 {
	cursor: pointer;
}

.fcaption, .forumheader5 {
	
}

/* CSS DROP DOWN MENU */
div.menuBar { margin-left: 5px;	margin-right: 5px; }
#nav, #nav ul { padding: 0;	margin: 0;
	margin-left: 0px;
	list-style: none;
	line-height: 36px;
}
#nav a {
	padding: 0px 15px 0px 15px;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#nav a:hover {
	display: block;
	text-decoration: none;
	background-color: #CC3300;
}
#nav li li a {
	display:block;
	padding: 0;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	text-decoration:none;
	background-image: none;
	float: none;
	padding-left: 15px;
	width: 175px;
	width/* */:/**/160px;	
	width: /**/160px;
	background-image: url(images/cl_drop_a.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
#nav li li a:hover { background-color: #990000; }

#nav li { /* all list items */
	float: left;
	margin: 0px 0px 0px 0px;
	/* width: 10px; */ 
}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #CC3300;
	width: 175px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -31px 0 0 176px;
}
#nav li.fs-linkSep, #nav li.fs-linkSep:hover  { background-color: transparent !important;}
div.dropSep {
	background-image: url(images/cl_navbar_Sep.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 36px;
	width: 1px;
}
#nav li:hover, #nav li.sfhover {
	background-color: #CC3300;
}
#nav li:hover li:hover, #nav li.sfhover li.sfhover{
	background-color: #990000;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav a.sub {
	/* background-color: #CC3300; */
	background-image: url(images/cl_drop_a_sub.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
#nav a.sub:hover {
	/* background-color: #990000;*/
	background-image: url(images/cl_drop_a_sub.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}