body
{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3fff;
	padding: 20px;
	border: 10px solid #cccccc;
	margin: 0 0 0 0;
	background-color:#ccc;
}
a {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #3399CC;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #336699;
	text-decoration: underline;
	font-weight: bold;
}
hr
{
	
	color: #faeff2;
	
}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3B3E39;
}


input, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3B3E39;	
	background-color: #FFFFFF;
	border: 1px solid #E3E2DA;	
}

/*  */
img {
	border: 0;
}

/* Header 1 - Main header */
.header1 
{
	font-size: 15px;
}	

tr.header1 {
	font-size: 15px;
	font-weight: bold;
	color: #CC0066;
}

td.header1 
{
	border-bottom: 1px solid #cccccc;
	color: #CC0066;
	font-weight: bold;
	padding: 15px 0 15px 0;
	font-size: 15px;
}	

.header1Title
{
	/*background: url('bg_header5.png');*/
font-size: 15px;
	font-weight: bold;
	color: #CC0066;
	letter-spacing: 150%;
}

/* Header 2 - Sub header */
tr.header2 {
	/*background-color: #E3E2DA;*/
	color: #CC0066;
	font-weight: bold;
	border: 1px solid #cccccc;
	
}

td.header2 {
	/*background-color: #E3E2DA;*/
	color: #CC0066;
	font-weight: bold;
	border-bottom: 1px dashed #cccccc;
	font-size: 13px;
}

/*td.header2 a { color: #579000; text-decoration: none; }
td.header2 a:link { color: #7F7D6C; text-decoration: none; }
td.header2 a:visited { color: #7F7D6C; text-decoration: none; }
td.header2 a:active { color: #7F7D6C; text-decoration: none; }
td.header2 a:hover { color: #7F7D6C; text-decoration: underline; }*/

td.infoTable {
	background-color: #FAFAFA;
	padding: 10px;
	border: 1px solid #F3F2F2;
}

/* Footer1 - Bottom of tables */
.footer1 {
	font-size: 7pt;
	height: 28px;
	background-color: #f4f4f4;
}

.footer1 select, .footer1 td {
	font-size: 10px;
}

/* Header of posts */
.postheader {
	background-color: #FAEFF2;
}

/* User info and post/article */
.post
{
	background-color: #F5F5F2;
	font-size: 13px;
	padding: 10px;
}
.message
{
	font-size: 13px;
	padding: 10px;
}

.post_alt
{
	background-color: #FAFAF5;
}

tr.post:hover
{
	background-color: #FFFFFF;	
}

tr.post_alt:hover
{
	background-color: #FFFFFF;	
}

/* Footer of posts */
.postfooter
{
	background-color: #fff;
	border:1px dashed #ccc;
	padding: 10px 0 10px 0;
}

/* Area between posts */
.postsep {
	/*background-color: #555555;*/
	height: 50px;
	background: url('bg_header2.png');
}

/* most tables are class 'content' */
.content
{
	/*border: solid 1px #206020;*/
	padding: 0px;
	background-color: #ffffff;	
	margin: 0px;
	color: #000000;
}

.postformheader 
{
	background-color: #E3E2DA;
	font-weight:bold;
}

table.content td {
	padding: 5px;
}

/* links inside content table*/
.content a			{ color: #336699; text-decoration: none; }
.content a:hover	{ color: #336699; text-decoration: underline; }

/* used for quoting messages */
.quote {
	padding-left: 16px;
	margin: 5px;
}

.innerquote
{
	padding: 4px;
	background-color: #fefefe;
	border: 1px dashed #808080;
}

/* used for code */
.code
{
	padding-left: 16px;	
	margin: 5px;
}

.innercode
{
	padding: 4px;
	background-color: #efefef;
	border: solid 1px #808080;
	color: #000000;
	font-size:8pt;
	font-family:Courier New,Courier;
}

/* font sizes */
.smallfont	{ font-size: 10px; }
.largefont	{ font-size: 11px; }

/* Image Links */
a.imagelink {
	font-weight: bold;
	color: #000000;
}
a:hover.imagelink {
	text-decoration: none;
	/*background-color: #D0D0D0;*/
}

/* Used for editor textarea */
.posteditor {
	width: 100%;
	height: 200px;
}
.forumheading { 
font-size: 12px; }

/* Table just above and below tables */
table.command {
	padding: 3px;
}

/* p-tag at the top of pages with navigation links */
.navlinks { font-size: 11px;
	color: #999999;
	font-weight: normal; 
	background: url('images/curve.gif');}
/*.navlinks a { text-decoration: none;
	font-weight: normal;}
.navlinks a:hover { text-decoration: underline;
    font-weight: normal;
}*/

/* for printing */
table.print {
	border: solid 1px #C0C0C0;
}
.printheader {
	background-color: #ffffff;
	color: #000000;
	padding: 4px;
}
.printbody {
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}

.pbutton {
	background-color: #336699;
	font-size: 10px;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
	padding:3px;
}
 
.textfield {
	background-color: #FFFFFF;
	/*border: 1px solid #3B3E39;*/
	width: 100%;
}

.ButtonOut
{
	border: #336699 1px solid;
}
.ButtonOver
{
	border: #000000 1px solid;
	background-color: #ffffff;
}
.ButtonChecked
{
	border: #000000 1px solid;
}
.ButtonOff
{
	border: #669966 1px solid;
}

#bbcodeFeatures
{
	border: #ccc 1px solid;
}

/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
*/
div.postdiv
{
	width: 100%;
	min-height: 100px;
	overflow: auto;	

}
.note {
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}