body
{
 	background: #000 url(/media/images/bg.jpg) repeat-y center;
 	color: #000;
 	font-family: arial, helvetica, sans-serif;
 	font-size: 70%;
 	margin: 0;
	line-height: 1.6;
}

a
{
	color: #20a900;
}

a:hover
{
	text-decoration: none;
}

img {border: 0;}
form {margin: 0;}

input, select, textarea
{
	font-family: arial, tahoma, helvetica;
	font-size: 100%;
}

.text
{
	padding: 3px;
	border: 1px solid #000;
	color: #000;
}

.clear
{
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
	clear: both;
}

hr
{
	background: #fff;
	color: #fff;
 	border: 0 none;
 	border-top: 1px solid #ddd;
}

h1, h2, h3, h4, h5, h6, p, ol, ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;	
}

h1 {font-size: 180%; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
h2 {font-size: 160%; text-transform: uppercase;}
h3 {font-size: 125%; line-height: 1.3;}
h4 {font-size: 125%;}
h5 {font-size: 115%;}
h6 {font-size: 110%;}

.rss
{
	text-transform: uppercase;
}

.rss *
{
	vertical-align: middle;
}

.rss a
{
	text-decoration: none;
}

#wrapper
{
	width: 980px;
	margin: 0 auto;
	background: #000;
}

#left
{
	float: left;
	width: 193px;
	background: url(/media/images/left-bg.gif) top left no-repeat;
	padding: 9px 0 0 0;
	text-align: center;
	margin-bottom: 10px;
}

ul#menu
{
	width: 173px;
	background: #050505 url(/media/images/left-menu-top.gif) top left no-repeat;
	margin: 0 auto;
	text-align: left;
	padding: 8px 0 20px 0;
	list-style: none;
	font-size: 140%;
	font-family: calibri, arial, helvetica, sans-serif;
}

ul#menu li a
{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1px 10px 1px 15px;
}

ul#menu ul
{
	font-size: 75%;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu ul li a
{
	color: #cf0;
}

ul#menu ul ul
{
	font-size: 100%;
}

#main
{
	float: left;
	width: 767px;
	padding: 0 10px;
	margin-bottom: 10px;
	padding-top: 143px;
	background: url(/media/images/header.jpg) no-repeat top left;
}

.home#main
{
	background: url(/media/images/header-home.jpg) no-repeat top left;
	padding-top: 329px;
}

#intro
{
	background: #bdbdbd url(/media/images/intro-bg.gif) top repeat-x;
	padding: 10px 20px;
	position: relative;
}

.content
{
	padding: 10px 20px;
	position: relative;
	background: #fff;
}

.tl
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.tr
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.bl
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.br
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

#columns
{
	margin-left: -1px;
	background: url(/media/images/column-bg-2.gif) repeat-y;
	position: relative;
	min-height: 1px;
}

* html #columns
{
	height: 1px;
}

#columns .bl
{
	left: 1px;
}

#columns .column
{
	width: 215px;
	padding: 5px 20px;
	float: left;
	background: #222 url(/media/images/column-bg.gif) repeat-x top;
	color: #ccc;
	border-left: 1px solid #000;
}

#columns .column#downloads
{
	background: #1d4c16 url(/media/images/column-bg-3.gif) repeat-x top;
}

#columns .column#downloads h2
{
	border-bottom: 1px solid #218e11;
}

#columns .column#downloads div
{
	clear: left;
	font-size: 90%;
	border-top: 1px dotted #1d7510;
	padding-top: 3px;
}

#columns .column#downloads div img
{
	border-color: #237e16;
	background: #1d4c16;
	float: left;
	margin: 0 10px 5px 0;
}

#columns .column h3,
#columns .column a
{
	color: #fff;
	margin-bottom: 0;
}

#columns .column h2
{
	color: #fff;
	border-bottom: 1px solid #444;
}

#columns .column .img
{
	display: block;
	background: #222;
	padding: 2px;
	border: 1px solid #666;
}

#columns .column .date
{
	margin-top: 0;
	color: #888;
	font-size: 90%;
}

#columns .column .date a
{
	color: #888;
}

#columns .column .rss a
{
	color: #f90;
}

#columns .column .rss a:hover
{
	color: #f60;
}

#columns .column .quote
{
	font-size: 140%;
	color: #fff;
}

.date
{
	color: #555;
	font-size: 90%;
}

#news-list h4
{
	margin-bottom: 0;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

#news-list .date
{
	margin-top: 0;
}

#footer
{
	background: url(/media/images/footer-bg.jpg) top left;
	clear: both;
	color: #fff;
	padding: 15px 10px 50px 10px;
}

#footer h3
{
	float: right;
	margin: 0;
	font-size: 100%;
}

#footer h3 a
{
	text-decoration: none;
}

#footer a
{
	color: #fff;
}

/*STYLES USED IN TINYMCE*/
/*----------------------*/

.greybox
{
	background: #f3f3f3;
	padding: 10px;
}

table
{
	font-size: 100%;
}

table th
{
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

table td
{
	vertical-align: top;
}

table.bordered
{
	border: 1px solid #ccc;
}

table.bordered th,
table.bordered td
{
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-right: 5px;
}

img.bordered
{
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: bottom;
	margin: 5px;
}

