/* ============== Overall ============== */

html
	{
	padding:0;
	}

body
	{
	font: 12px Arial, Verdana, sans-serif;
	color: #151515;
	margin: 0;
	padding: 0;
	vertical-align: top; /* background:url(img/bg.jpg) top;  */
	}

a {
	text-decoration: none;
	border-width: 0;
	color: #0000CD;
	letter-spacing: 1px;
}
a:hover 	{ text-decoration:underline; }

h1 	{ font-size:160%; }
h2 	{ font-size:130%; }
h3 	{ font-size:120%; margin:0; }
h4 	{ font-size:100%; font-weight:bold; border-bottom:1px solid #ECECEC; margin:1.5em 1em 1em 0; }
h5 	{ font-size:95%; margin-top:0; }
h6 	{ font-size:90%; margin-top:0; }

.bbstyle1	{ font-size:160%; font-weight:bold; }
.bbstyle2	{ font-size:130%; font-weight:bold; }
.bbstyle3	{ font-size:120%; font-weight:bold; }
.bbstyle4	{ font-size:110%; font-weight:bold; }
.bbstyle5	{  }
.bbstyle6	{  }
.bbstyle7	{  }
.bbstyle8	{  }
.bbstyle9	{  }

hr
	{
	height:1px;
	border-top:1px solid #CCCCCC;
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
	margin:1em 0;
	padding:0;
	}

#container
	{
	padding:0;
	margin:0;
	width:100%;
	background-color:#fff;
	}

#header
	{
	padding:0;
	margin:0;
	height: 103px;
	width: 100%;
	background-color: #FF9C00;
	background:url(img/repbg.gif) repeat-x;
	}
	
#himg
	{
	
	}

#hwet
	{
	position: absolute;
	top: 10px;
	right: 20px;
}
#htomain{
	position: absolute;
	top: 84px;
	left: 20px;
}
#htomain a{
	color: #A65A04;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-decoration: none;
}
#htomain a:hover{
	background-image: url(img/mainicon.gif);
	background-repeat: no-repeat;
	background-position: -2px 0px;
	color: #8D4D04;
}

#user
	{
	margin:3px 4px 12px 4px;
	padding:0;
	font-size:90%;
	color:#888888;
	text-align:right;
	}

#user a
	{
	color:#888888;
	}

#user ul
	{
	padding:1px;
	margin:0;
	}

#user li
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
	}

#nav
	{
	margin:0;
	padding:10px;
   	}


#nav ul
	{
    padding:2px;
    margin:0;
	}

#nav li
	{
	display:inline;
	list-style:none;
	padding:2px;
	margin:3px 3px 0 3px;
	font-size:100%;
	font-weight:bold;
  /*		background-color:#E0E0E0;
  background:url(img/tab.gif) repeat-x;
    border:1px solid #C0C0C0;
	*/
	}

#nav p
	{
	padding:1px;
	font-size:80%;
	}

#title
	{
	padding:4px;
	margin:8px 20px 8px 20px;
	font-size:125%;
	font-weight:bold;
	border-bottom:1px solid #DAD1C4;
	}

#subtitle
	{
	padding:2xp;
	margin:2px 20px 4px 20px;
	font-size:90%;
	vertical-align:top;
	}

#main
	{
	padding:16px;
	margin:0;
	vertical-align:top;
	}

#news
	{
	margin:0 32px 24px 8px;
	padding:0;
    }

#news ul
	{
    padding:2px;
    margin:2px;
	}

#news li
	{
	list-style:none;
	margin:0;
	padding:8px;
	}

#side
	{
	background-color:#F0F0F0;
	padding:4px;
	margin:8px;
	}

#footer
	{
	font: 80% Verdana, Arial, sans-serif;
	color: #888888;
	text-align: center;
	background-color: #FF9C00;
	width: 100%;
}


/* ============== Various ============== */

.disp		{ padding:12px; margin:0; }
.block		{ font-size:11px; padding:5px; margin:12px;	border:1px solid #EAEAEA; background-color: #F8F8F8; }
.error		{ padding:24px 8px 24px 8px; margin:0; color:#CC1212; font-weight:bold; font-size:110%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
.code 		{ font-size:11px; color:#59739B; background-color:#EFF0C2; padding:2px; margin-bottom:5px; font-family:monospace; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
.download 	{ font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging		{ text-align:center; padding:8px; text-align:right; }
.coltop		{ text-align:center; font-size:95%;  background-color:#E9E9E9!important; }
.centerall { text-align:center; }
.desc 		{ font-size:90%; padding:3px; color:#646464; }
.odd		{ background-color:#F1F1F1!important; }
.even		{ background-color:#EBEDEC!important; }
li 			{ margin:2px; }

img			{ border-width:0;}
ul 			{ list-style-type:square; }
form		{ margin:0; }
.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#EEBB00; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today		{ border:1px dashed #DDAA00; }
.signature 		{ color:#979797; font-size:80%; max-height:96px; overflow:auto; }
.signature a	{ color:#000000; }

/* ============== Tables ============== */

table td 			{ vertical-align:top; }
table.flat		{ width:99%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ width:99%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells 	{ width:99%; margin:0; padding:0; }
table.cells td	{ padding:4px; background-color:#F2F2F2; margin:0; }
table.list 		{ width:99%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }

/* ============== nav menu ============== */

#navcontainer
{
	clear: both;
	padding-top: 3px;
	padding-left: 20%;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 1%;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	letter-spacing: 0.5px;
	font-weight: normal;
}

#navcontainer ul li a
{
	padding: 0.1em 10px;
	color: #000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #FFF;
}

#navcontainer ul li a:hover
{
	background-color: #E88F03;
	color: #000;
	text-decoration: underline;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
text-align: left;
}

