/***
 * General HTML tags
**/
body {
	background: #B7B7B7 url(images/bg_black.png) repeat-x;
	margin: 20px 0;
	padding: 0;
	text-align: center;
	font: 70% Verdana, Tahoma, Helvetica;
}

/***
 * Rounded Containers
**/
div.outeround {margin: 0px auto; min-width: 20em;}

.outeround .hd .c,
.outeround .ft .c {height: 193px;}
.outeround .ft .c {height: 63px;}
.outeround .hd {background: transparent url(images/tl.png) no-repeat;}
.outeround .hd .c {background: transparent url(images/tr.png) no-repeat right 0px;}
.outeround .hd .c .s {margin: 0px 15px 0px 15px; padding: 10px 1em 0 1em;}
.outeround .bd {background: transparent url(images/ml.png) repeat-y 0px 0px;}
.outeround .bd .c { background: transparent url(images/mr.png) repeat-y right 0px;}
.outeround .bd .c .s {margin: 0px 8px 0px 4px; padding: 0 1em 0 1em;}
.outeround .ft {background: transparent url(images/bl.png) no-repeat 0px 0px;}
.outeround .ft .c {background: transparent url(images/br.png) no-repeat right 0px;}

/***
 * Logo and Header (incl search, tabmenu and pathway)
**/

#headcontainer {width: 100%; margin: 0px; padding: 0px; height: 88px;}
#logo_banner {background: none; margin-bottom: 0px; width: 470px !important; float: right;}

/***
 * CSS for logo. This is an image replaced link as an H1 tag
**/

/***
 * Controls logo hotspot width
**/
#logo {height: 89px; float: left; margin:0 0 0 10px;}
#logo h1 {background: url(images/logo.jpg) no-repeat left top; margin: 0; padding: 0;}
#logo h1 a {width: 270px; display: block; text-indent:-5000px; text-decoration: none; line-height:89px;}

/***
 * Sliding Door Tabbed Menus 
**/

#tabletabs {margin: 16px 0 0 30px; height: 60px; width: 70%; float: left;}
#tabletabs ul {list-style: none; float: left; margin: 10px 0; padding: 0;}
#tabletabs li {float: left; height: 28px; background:url(images/tmenu_up_l.png) no-repeat bottom left; margin: 0 0 0 4px; padding: 0 0 0 8px;}
#tabletabs a {font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000;}
#tabletabs a:link,
#tabletabs a:visited {float: left; border:none !important; line-height: 28px; height: 28px; background:url(images/tmenu_up_r.png) no-repeat bottom right; text-decoration: none; padding: 0 13px 0 7px;}
#tabletabs a:hover{ background: url(images/tmenu_up_r.png) no-repeat top right; color: #2b2b2b !important;}
#tabletabs li:hover{background: url(images/tmenu_up_l.png) no-repeat top left;}
#tabletabs #current {background:url(images/tmenu_active_l.png) no-repeat top left;}
#tabletabs #current a {color: #fff; background:url(images/tmenu_active_r.png) no-repeat top right;}

/***
 *
**/

#wrap {margin: 0;}
#wrap-inner {margin: 0; text-align: left; background: #f7f7f7;}
#main-body {clear: both; float: left; z-index: 100;}
#content {float: right; overflow: hidden;}
#content .inside{padding: 10px;}
#sidebar {float: left;}
#sidebar .inside{padding: 10px 0 10px 0;}
#sidebar-2 {float: right; overflow: hidden; position: relative;}
#sidebar-2 .inside {padding: 10px 5px 10px 0px;}
#footer {clear: left; width: 100%; text-align: center;}

/***
 * Menu Module
**/

.module_menu {margin: 0 0 1em; padding: 0; position: relative; background: url(images/boxright_B1.png) top right no-repeat;}
.module_menu div {margin: 0;padding: 47px 0 0; background: url(images/boxleft_B1.png) top left no-repeat;}
.module_menu div div {margin: 0;padding: 0 0 0 18px; background: url(images/boxleft_B1.png) bottom left no-repeat;}
.module_menu div div div {height: 1%;padding: 5px 12px 12px 0; background: url(images/boxright_B1.png) bottom right no-repeat;}
.module_menu div div div div {background: none;}
.module_menu ul {list-style: none; padding: 0px; margin: 0px;}
.module_menu li {padding-bottom: 3px;}
.module_menu h3 {font-size: 125%; color: #f7f7f7; margin: 0; padding: 0.13em 0 0 0.1em !important; position: absolute; top: .20em; left: 1em; width: 100%; background: none;}
.module_menu ul {list-style: none; padding: 0 0 0 15px; margin: 5px 0;}
.module_menu ul.menu {list-style: none; padding: 0px; margin: 0px;}
.module_menu ul.menu li a, ul.menu li a:visited{color: #fff; border-bottom: 1px solid #cacaca; display: block; margin-right: 5px;}
.module_menu ul.menu li a:hover{color: #ccc; border-bottom: 1px solid #cacaca; display: block; margin-right: 5px;}
.clear {clear: both; height:0; height: 1px !important;}


.footer_cr {float: left; padding: 30px 0 0 30px;}
.footer_ln {float: right; padding: 30px 30px 0 0;}


form {
	border: none;
	margin: 0px;
}
table {
	font: 100% verdana, arial, sans-serif;
	text-align: left;
}
legend {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	padding: 0px 5px;
	text-align: center;
}
ol {
	margin-left: 25px;
	padding: 0;
}
ul {
	margin: 0 0 0 18px;
	padding: 0;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}

/***
 * Links
**/
a:link, a:active, a:visited	{
	color: #00a;
	text-decoration: none;
}
a:hover {
	color: #F30;
	text-decoration: none;
}

a.important:link, a.important:active, a.important:visited {
	color: #F30;
	font-weight: bold;
	text-decoration: none;
}
a.important:hover {
	color: #F30;
	font-weight: bold;
	text-decoration: underline;
}

/***
 * Form tags
**/
input {
	margin: 0;
	padding: 0;
}
.inp_text, .inp_select, .inp_sfixed, .inp_tarea {
	background-color: #fff;
	border: #000000 1px solid;
	font-size: 100%;
}
.inp_text {
	height: 1.35em;
}
.inp_submit {
	background-color: #b0b8c0;
	border: #000000 1px solid;
	font-size: 100%;
	height: 1.5em;
}
.inp_sfixed {
	font-family: monospace;
}

/***
 * Comments
**/
.comment_box, .comment_boxlast {
	margin: 0;
	padding: 5px 2px;
}
.comment_box h2, .comment_boxlast h2 {
	font-size: 100%;
}
.comment_box {
	border-bottom: 1px dashed #cad0d5;
}
.comment_info {
	color: #999999;
	font-size: 90%;
	padding: 2px 0;
}
.comment ul {
	padding: 0;
	margin: 0 0 0 15px;
}
.pro_twopartl, .pro_twopartr {
	padding: 0;
	margin: 0;
	width: 49%;
}
.pro_twopartr {
	margin: 0 1px 0 0;
	float: right;
}
.pro_twopartl {
    margin: 0 0 0 1px;
	float: left;
}

/***
 * Headers
**/ 
h1, h2, h3, h4, h5 {
	color: #000080;
	font-weight: bold;
	margin: 0;
}
h1 {
	font-size: 120%;
}
h2 {
	font-size: 110%;
}
h3, h4, h5 {
	font-size: 100%;
}
h1.error {
	font-size: 250%;
	color: #F00;
}
h1.question {
    font-size: 250%;
	color: #00F;
}
h1.info {
    font-size: 250%;
	color: #0F0;
}

/***
 * Forum classes for lastest message block
**/ 
table.forum_threadlist {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #cad0d5;
	margin: 0;
	padding: 3px;
	text-align: left;
	width: 100%;
}
th.forum_row_1, th.forum_row_2, th.forum_row_3, th.forum_row_4, th.forum_row_5 {
	background: #b0b8c0;
}
th.forum_row_2, th.forum_row_3, th.forum_row_4, th.forum_row_5, td.forum_row_2, td.forum_row_3, td.forum_row_4, td.forum_row_5 {
	border-right: 1px solid #cad0d5;
	border-bottom: 1px solid #cad0d5;
	padding: 3px;
}
th.forum_row_3, th.forum_row_4, td.forum_row_3, td.forum_row_4 {
	text-align: center;
}

/***
 * Banners
**/ 
.banner_intext {
	padding: 5px 0;
}

/***
 * List Box
**/
ul.list_box, li.list_box {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 250px;
}
li.list_box {
	border-bottom: 1px dashed #DDD;
	padding: 5px 0;
}
.list_boxinfo {
	color: #999999;
	font-size: 90%;
	padding: 2px 0;	
}
.list_boximage {
	border: 1px solid #DDD;
	float: left;
	margin: 0 3px 0 0;
}
.list_boxshort {
	
}

/***
 * Buttons
**/ 
.buttons a {
	background-color: #e5e7ea;
	border: 1px solid #cad0d5;
	display: block;
	font-weight: bold;
	height: 14px;
	margin: 0 0 0 5px;
	padding: 3px 0 3px 20px;
	width: 80px;
}
.buttons a:hover {
	background-color: #b0b8c0;
}