body {font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em; background-color:#e0e0e0; margin:0px; color:#8d8d8d; background-image:url('images/page_bkg.jpg'); background-repeat:repeat-x; line-height:150%;}
td{	font-size: 11px; }
input, select{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #3b3b3b; background-color: #FFFFFF; border: 1px solid #E3E3E3;	}
img {	border: 0;}

/* Header 1 - Main header */
tr.header1 { background-image: url('titleBack.gif'); color: #ffffff; font-weight: bold; padding-left: 10px;}
tr.header1 a { color: #ffffff;	text-decoration: none; }
tr.header1 a:hover { color: #eeffee; text-decoration: underline; }	
td.header1 { background-image: url('titleBack.gif');	/*background-color: #66a262;*/	color: #ffffff;	font-weight: bold;	padding-left: 10px;	height: 40px;	font-size: 11pt;}	
.header1Title { background-image: url('titleBack.gif');	color: #ffffff;	font-weight: bold;	padding-left: 10px;	height: 40px; font-size: 11pt;}

/* Header 2 - Sub header */
tr.header2 { background-color: #e3e3e3;	color: #000;	font-weight: bold;}
td.header2 { background-color: #e3e3e3;	color: #000;	font-weight: bold;}
td.header2 a { color: #e45100; text-decoration: none; }
td.header2 a:link { color: #e45100; text-decoration: none; }
td.header2 a:visited { color: #e45100; text-decoration: none; }
td.header2 a:active { color: #e45100; text-decoration: none; }
td.header2 a:hover { color: #e45100; text-decoration: underline; }
td.infoTable {	background-color: #FAFAFA;	padding: 10px;	border: 1px solid #F2F2F2;}

/* all links */
.content a			{ color: #e45100; text-decoration: none; }
.content a:hover	{ color: #e45100; text-decoration: underline; }

/* Footer1 - Bottom of tables */
.footer1 {	font-size: 7pt;	height: 28px;	background-color: #f4f4f4;}
.footer1 select, .footer1 td {	font-size: 10px;}
.forumheading { font-size: 9pt;	font-weight: bold;}
a.post_link { font-size: 9pt;	font-weight: bold;	text-decoration: none;}

/* Header of posts */
.postheader { background-color: #f0f0f0;}
.postheader a { font-size: 11pt; color: #e45100;}

/* User info and post/article */
.post { background-color: #F5F5F5; }
.post_alt {	background-color: #FaFaFa;}
tr.post:hover{ background-color: #FFFFFF; }
tr.post_alt:hover {	background-color: #FFFFFF; }

/* Footer of posts */
.postfooter { background-color: #cdcdcd;}

/* Area between posts */
.postsep { background-color: #3a3b5a;}

/* most tables are class 'content' */
.content { border: solid 1px #777777; padding: 0px;	margin: 0px; color: #000000;}
.postformheader {	background-color: #EEEEEE;	font-weight:bold;}
table.content td {	padding: 5px;}

/* 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;}

/* Table just above and below tables */
table.command {	padding: 3px;}

/* p-tag at the top of pages with navigation links */
.navlinks { font-weight: bold; color: #000000; }
.navlinks a { color: #000000; text-decoration: none }
.navlinks a:hover {color: #666666;
}

/* for printing */
table.print { border: solid 1px #C0C0C0;}
.printheader { background-color: #DDDDDD;	color: #000000;	padding: 4px;}
.printbody { background-color: #FFFFFF;	color: #000000;	padding: 4px;}
.pbutton { background-color: #3B3B3B;	font-size: 10px;	color: #FFFFFF;	border: none;	font-weight: bold;}
.textfield { background-color: #FFFFFF;	border: 1px solid #3B3b3b;	width: 100%;}
.ButtonOut{	border: #669966 1px solid;}
.ButtonOver { border: #000000 1px solid;	background-color: #ffffff;}
.ButtonChecked { border: #000000 1px solid;}
.ButtonOff { border: #669966 1px solid;}
#bbcodeFeatures { border: #eeffee 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;	}

/* FROM THE TEMPLATE */
/* GENERAL */
body {font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em; background-color:#e0e0e0; margin:0px; color:#8d8d8d; background-image:url('images/page_bkg.jpg'); background-repeat:repeat-x; line-height:150%;}
h1, h2, h3, h4, h5, h6 { margin:10px 0px; padding:0px;}
h1 { color: #e45100; font-size:1.8em;}
h2 { font-size:1.5em;}
h3 { font-size:1.3em; font-weight:bold;}
h4 { font-size:1em; font-weight:bold;}
p {margin:10px 0px; padding:0px;}
a, a:visited { color:#e45100; text-decoration:none;}
a:hover {text-decoration:underline;cursor:pointer;}
#container { margin: 0px auto; text-align:center; width:960px;}
img {border: none;}
.clear {float:none; clear:both;}

/* HEADER */
#loginMenu{ text-align:right; height:20px; background-color:#272727; padding:5px 0px;}
#header {height:128px; background-color:#464646; background-image:url('images/header_bkg.jpg'); background-repeat:no-repeat; text-align:left;}
#logo {margin:40px 0px 0px 0px;}
#subtitle {margin: 5px 0px 0px 5px;}
#header .banner { float:right; margin:30px 0px 0px 0px;}

/* MENU */
#menuContainer {text-align:left; height:37px; line-height:normal; }
.menu, #menu ul { list-style:none; margin:0px; padding:0px;}
.menu > li { float:left; position:relative; margin:0px; padding:0px; }
.menu li ul { position:absolute; margin-top:0px; background-color:#fff; width:150px; border:solid 1px #bfbfbc; /* for IE */ display:none; }
.menu ul li ul {margin-left:150px; margin-top:-32px; background-color:#fff; width:150px; border:solid 1px #bfbfbc;}
.menu li:hover ul { display:block;} /* SHOW SUBMENU  1 */
.menu li:hover ul ul { display:none;}
.menu ul li:hover ul { display:block;}/* SHOW SUBMENU  2 */
.menu a {display:block;	padding:10px 10px;}
.menu a:hover { background-color:#fff; text-decoration:none; }
.menu ul a:hover {	background-color:#ebebeb; color:#000; text-decoration:none;}
.menu ul a.expand {	background-image:url('images/arrow_menu.png'); background-position:center right; background-repeat:no-repeat;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

/* SUBSCRIBE BOX */
#subscribe {float:right; width:320px; position:relative;}
#subscribe img {position:absolute; top:-7px;}
#subscribe p {margin-left:60px;}

/* BREADCRUMB */
#breadcrumb { padding:10px 5px; color: #929292; font-size:0.85em; text-align:left;}
#breadcrumb a, #breadcrumb a:visited { color:#272727; text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

/* MAIN */
#main { width:960px; overflow:hidden; text-align:left;}
#content { width:620px; float:left; margin-right:20px;}
#sidebar { width:320px; float:left;}

.box {padding:20px; margin-bottom:20px; background-color:#fff; border:solid 1px #bfbfbc; color:#272727;}

/* FOOTER */
#footer {text-align:center; background-color:#464646;}
#footer #inner {margin: 0px auto; width:960px; text-align:left; overflow:hidden; padding:10px 0px 20px;}
#footer h2 {color:#e0e0e0; margin:0px 0px 10px;}
#footer .list {float:left; width:300px; margin:10px 10px;}
#footer .list ul {margin:0px; padding:0px;}
#footer .list ul li {list-style-type:none; border-bottom:solid 1px #767676;}
#footer .list ul li:first-child { border-top:solid 1px #767676;}
#footer .list ul li a { display:block;padding:5px 10px; color:#c1c1c1;}
#footer .list ul li a:hover {background-color:#272727; color:#fff; text-decoration:none; }

#subFooter {text-align:center; background-color:#272727;}
#subFooter #copyright {width:960px; margin: 0px auto; text-align:left; overflow:hidden; color:#c1c1c1; padding:10px 0px 30px;}