/* General page style. The scroll bar colors only visible in IE5.5+ */
body { 
	background-color: #000000;
	background-image: url(http://www.maine-fire.org/images/smoke.jpg);
	background-attachment: fixed;
	scrollbar-face-color: #6F3F3F;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #6F3F3F;
	scrollbar-3dlight-color: #874B4D;
	scrollbar-arrow-color:  #DADADA;
	scrollbar-track-color: #874B4D;
	scrollbar-darkshadow-color: #000000;
}

/* cursor: url("http://www.maine-fire.org/fftrbusy.ani"); */
/* General font families for common tags cursor: url("http://www.maine-fire.org/firehose.ani"); */
font,th,td,p			{ color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
a:link,a:active,a:visited	{ color: #FFDEAD; text-decoration: none; }
a:hover				{ text-decoration: underline; color: #D2B48C; }
hr				{ height: 0px; border: solid #874B4D 0px; border-top-width: 0px; }


/* This is the outline round the main tables */
.bodyline	{ border: 1px #DADADA solid; }

/* This is the outline round the sub tables if desired. Not used much if at all yet */
.forumline	{ background-color: #874B4D; border: 1px #874B4D solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #874B4D; }
td.row2	{ background-color: #6F3F3F; }
td.row3	{ background-color: #874B4D; background-image: url(http://www.maine-fire.org/images/Fire-compressed.jpg); }
td.row4	{ background-image: url(http://www.maine-fire.org/images/Fire-compressed1.jpg); }

/*
  This is for the table cell above the Topics but below the header.
  By default this is the fading out gradiated brown to black background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
	font-size: 12px;
	color: #DADADA;
	font-weight: bold;
	height: 22px;
	background-color: #000000;
	background-image: url(http://www.maine-fire.org/images/cellpic1.gif);
	background-repeat: repeat-x;
}

td.rowpicBottom {
	font-size: 12px;
	color: #DADADA;
	font-weight: bold;
	height: 22px;
	background-color: #000000;
	background-image: url(http://www.maine-fire.org/images/cellpic2.gif);
	background-repeat: repeat-x;
}

/* This is for the Weacher Channel input box color */
.clstd {
	font-size: 12px;
	color: #DADADA;
	font-weight: bold;
}

/* Header cells - could be used for other gradient backgrounds */
th {
	color: #FFFFFF; font-size: 11px; font-weight: bold; 
	background-color: #DADADA; height: 25px;
	background-image: url(http://www.maine-fire.org/images/cellpic3.gif);
}

/* Main header title area with gradient background */
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(http://www.maine-fire.org/images/cellpic2.jpg);
			background-color:#874B4D; border: #FFFFFF; border-style: solid; height: 24px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #000000; border-style: solid; height: 20px;
}

td.row3Right,td.spaceRow {
	background-color: #874B4D; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead			{ font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	{ border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	{ border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft			{ border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom		{ border-width: 0px 0px 0px 0px; }
th.thTop				{ border-width: 0px 0px 0px 0px; }
th.thCornerL				{ border-width: 0px 0px 0px 0px; }
th.thCornerR				{ border-width: 0px 0px 0px 0px; }

/* The largest text used on any page title and toptic title etc. */
.maintitle {
	font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height: 120%; color: #c0c0c0;
}

/* Just an extra color for when you want a certain text to stand out */
.pm	{ font-size: 18px; text-decoration: none; font-weight: bold; color: #FFDEAD; }

/* General text */
.gen							{ font-size: 14px; line-height: 16px; }
.genmed							{ font-size: 12px; line-height: 16px; }
.gensmall						{ font-size: 11px; line-height: 16px; }
.genbig							{ font-size: 16px; font-weight: bold; }
.genbig,.gen,.genmed,.gensmall				{ color: #DADADA; }
a.genbig,a.gen,a.genmed,a.gensmall			{ color: #FFDEAD; text-decoration: none; }
a.genbig,a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #D2B48C; text-decoration: underline; }

.gensmallgreen	{ color: #00FF00; font-size: 11px; line-height: 16px; }
.gensmallyellow	{ color: #FFFF00; font-size: 11px; line-height: 16px; }
.gensmallred	{ color: #FF0000; font-size: 11px; line-height: 16px; }
.genmedred	{ color: #FF0000; font-size: 12px; line-height: 16px; }

/* The link size and whatnot that is the same as class "gen" text */
.mainmenu		{ color: #c0c0c0; font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 1px; }
a.mainmenu		{ color: #FFDEAD; text-decoration: none; }
a.mainmenu:hover	{ color: #D2B48C; text-decoration: underline; }

/* Titles font */
.cattitle		{ color: #DADADA; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
a.cattitle		{ color: #DADADA; text-decoration: none; }
a.cattitle:hover	{ color: #D2B48C; text-decoration: underline; }

/* Another titles font */
.forumlink		{ color: #DADADA; font-weight: bold; font-size: 12px; }
a.forumlink		{ color: #DADADA; text-decoration: none; }
a.forumlink:hover	{ color: #C0C0C0; text-decoration: underline; }

/* Used for the navigation text. This is the same size as class "genmed" text */
.nav		{ color: #c0c0c0; font-weight: bold; font-size: 11px; }
a.nav		{ color: #FFDEAD; text-decoration: none; }
a.nav:hover	{ color: #D2B48C; text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2,h3	{ color: #c0c0c0; font-weight: bold; }
a.topictitle:link	{ color: #DADADA; text-decoration: none; }
a.topictitle:visited	{ color: #DADADA; text-decoration: none; }
a.topictitle:hover	{ color: #C0C0C0; text-decoration: underline; }

/* Another font color and size not used much */
.name	{ color: #c0c0c0; font-size: 11px; }

/* Some main text. Can be used for special whatever */
.postdetails	{ color: #c0c0c0; font-size: 10px; }

/* The content of the posts text */
.postbody		{ color: #DADADA; font-size: 13px; line-height: 18px}
a.postlink:link		{ color: #DADADA text-decoration: none; }
a.postlink:visited	{ color: #DADADA; text-decoration: none; }
a.postlink:hover	{ color: #C0C0C0; text-decoration: underline; }

/* Quote & Code blocks you can use on a page. Give a box appearance. */
.code { 
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #CCFFCC;
	background-color: #000000; border: #874B4D; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 125%;
	background-color: #000000; border: #874B4D; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
a.copyright		{ color: #FFDEAD; text-decoration: none; }
a.copyright:visited	{ color: #FFDEAD; text-decoration: none; }
a.copyright:hover	{ color: #c0c0c0; text-decoration: underline; }

/* Form elements */
input,textarea,select {
	color: #c0c0c0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #c0c0c0;
	background-color: #6F3F3F;
}
/*input,textarea,select {
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #000000;
	background-color: #FFFFFF;
}*/


/* The text input fields background colour */
input.post, textarea.post, select {
	color: #FFFFFF;
	background-color: #000000;
}

input { text-indent: 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #874B4D;
	color: #c0c0c0;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color: #000000;
	font-weight: bold;
}

/* None-bold submit button */
input.liteoption {
	background-color: #000000;
	font-weight: normal;
}

/* Home page marquee */
#marqueecontainer{
	position: relative;
	width: 100%; /*marquee width */
	height: 200px; /*marquee height */
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
}

/* 
This is the line which shows the rollover help line. 
This is actually a text box, but if set to be the same
color as the background no one will know ;)
*/
.helpline { background-color: #6F3F3F; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

/* Used for preloading images. It hides them. */
.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }

/* The following are for the main menu bar and its links */
/* Menu style */
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "Arial", Arial, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

div.menuBar {
  background-color: #6F3F3F;
  border: 0px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  padding: 2px 2px 2px 2px;
  text-align: left;
}

div.menuBar a.menuButton, .menuButton {
  background-color: transparent;
  border: 0px solid #d0d0d0;
  color: #D2B48C;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 2px 2px 2px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #D2B48C;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #874B4D;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #D2B48C;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #6F3F3F;
  border: 2px solid;
  border-color: #000000 #000000 #000000 #000000;
  left: 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

/* REMOVED-  cursor: url("http://www.maine-fire.org/firehose.ani"); */
div.menu a.menuItem {
  color: #FFDEAD;
  display: block;
  padding: 3px 3px 3px 3px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #874B4D;
  color: #D2B48C;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: 1px;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}


/* The hover box over the images on the home page */
#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	color: firebrick;
	font-weight: bold;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
/* Remove below line to remove shadow. Below line should always appear last within this CSS */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=firebrick,direction=135);
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}