/* ************************************* */
/* Common styles for the theme           */
/* ************************************* */



	/* set a fontsize that will look the same in all browsers. */
body
{ 
background: #348017;

}


/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	background: url(images/catbg.png) #348017; repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background: url(images/catbg2.png) #348017; repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.infobg
{
	background: url(images/infobg.png) #348017; repeat-x;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	border-bottom: solid 0px #375576;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: #ffffff;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #c0c0c0;
}



/* ************************************* */
/* Buttons and menus                     */
/* ************************************* */

.buttonlist ul, .buttonlist_bottom ul
{
	background: url(images/catbg.png) #348017 repeat-x bottom left;
}
.buttonlist ul li, .buttonlist_bottom ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}
.buttonlist ul li a, .buttonlist ul li a:visited, .buttonlist_bottom ul li a, .buttonlist_bottom ul li a:visited
{
	float: left;
	display: block;
	color: #FFFFFF;;
	font-size: 0.8em;
	font-family: tahoma, sans-serif;
	text-transform: uppercase;
}
.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover
{
	color: #c0c0c0;
	text-decoration: none;
}
.buttonlist ul li a span, .buttonlist_bottom ul li a span
{
	background: url(images/catbg.png) #348017 repeat-x bottom left;
	display: block;
	padding: 0.1em 0.5em 0.5em 0.5em;
}
.buttonlist ul li a.active, .buttonlist_bottom ul li a.active
{
	background: url(images/catbg.png) #348017 repeat-x bottom right;
	padding-right: 8px;
}
.buttonlist ul li a.active span em, .buttonlist_bottom ul li a.active span em
{
	padding: 0.1em 0.5em 0.5em 0.5em;
	display: block;
	font-style: normal;
	background: url(images/catbg.png) #348017 repeat-x bottom right;
}
.buttonlist ul li a.active span, .buttonlist_bottom ul li a.active span
{
	background: url(images/catbg.png) #348017 repeat-x bottom left;
	padding: 0 0 0 8px;
}
.buttonlist ul li a span.last, .buttonlist_bottom ul li a span.last
{
	background: url(images/catbg.png) #348017 repeat-x bottom right;
	padding: 0.1em 0.5em 0.5em 0.5em;
}

/* For links that are basically submit buttons. */
.buttonlist_submit
{
	background: transparent;
	color: #FFFFFF;
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	font-family: tahoma, sans-serif;
	border: 0;
}

.buttonlist_submit:hover
{
	color: #348017;
}

/* ..for the "bottom" menu */
.buttonlist_bottom ul
{
	background: url(images/catbg.png) #348017 repeat-x top left;
}
.buttonlist_bottom ul li a span
{
	padding: 0.5em 0.5em 0.1em 0.5em;
	background: url(images/catbg.png) #348017 repeat-x top left;
}
.buttonlist_bottom ul li a.active
{
	background: url(images/catbg.png) #348017 repeat-x top right;
}
.buttonlist_bottom ul li a.active span em
{
	background: url(images/catbg.png) #348017 repeat-x top right;
}
.buttonlist_bottom ul li a.active span
{
	background: url(images/catbg.png) #348017 repeat-x top left;
}
.buttonlist_bottom ul li a span.last
{
	padding: 0.5em 1.5em 0.1em 0.5em;
	background: url(images/catbg.png) #348017 repeat-x top right;
}
/* the old type of menu, with images */
.oldbuttonlist
{
	text-align: right;
	padding: 0.5em;
}

/* ************************************* */
/* The below is deprecated.              */
/* ************************************* */

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
	color: #FFFFFF;
	text-transform: uppercase;
	vertical-align: top;

}
.maintab_back, .maintab_active_back
{
	color: #FFFFFF;
	text-decoration: none;
	font-size:  9px;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}

.maintab_first
{
	background: url(images/catbg.png) #348017 left bottom repeat-x;
	width: 10px;
}
.maintab_back
{
	background: url(images/catbg.png) #348017 left bottom repeat-x;
}
.maintab_last
{
	background: url(images/catbg.png) #348017 left bottom repeat-x;
	width: 8px;
}
.maintab_active_first
{
	background: url(images/catbg.png) #348017 left bottom repeat-x;
	width: 6px;
}
.maintab_active_back
{
	background: url(images/catbg.png) #348017 left bottom repeat-x;
}
.maintab_active_last
{
	background: url(images/catbg.png) #348017 left bottom repeat-x;
	width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color: #c0c0c0;
	text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: #FFFFFF;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}



/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #c0c0c0;
	text-decoration: none;
}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div
{
	border: 1px solid #505050;
	position: absolute;
	font-size: .7em;
}

/* An auto suggest item */
.auto_suggest_item
{
	background-color: #FAFAFA;
	padding: 2px;
}

/* hovered auto suggest item */
.auto_suggest_item_hover
{
	background: url(images/autosuggest_back.gif) repeat-x;
	background-color: #7897B4;
	padding: 2px;
	cursor: pointer;
	color: #000000;
}

/* ------------------ EOTS THEME EDITS -------------------- */


 /*custom theme borders*/
 .customborder
 {
	padding: 0px;
	border: 1px solid #000000;
	margin: 0px;

}

/* Menu  */

div#menu {
     z-index: 11;
     height: 26px;
     background: none;
     margin: 0 0 0 0;
}

div#menu ul {
     margin: 0px;
     margin-left: -2px;
     padding: 0px; 
     list-style: none;
     float: left;
}

div#menu li {
     position: relative;
     margin: 0px;
     padding: 0px;
     display: block;
     float: left;
     z-index: 5;
     font-weight: bold;

}

div#menu li a {
     height: 17px;
     display: block;
     float: left;
     line-height: 20px;
	   color: #FFFFFF;
     text-decoration: none;    
}

div#menu li span {
     display: block;
}

div#menu li span {
     background-repeat: no-repeat;
     background-position: 95% 0px;
}

div#menu a:hover {
color: #000000;
text-decoration: underline;  
	height: 26px;
	line-height: 20px;
background: #404040;
}

div#menu a.level1, div#menu span.level1 {
     font-size: 100%; 
     color: #FFFFFF;
}

div#menu a.level1 span, div#menu span.level1 span {
     padding: 2px 5px 0px 5px;
     
}

div#menu li:hover a.level1, div#menu li:hover span.level1 {
color: #c0c0c0;

}

div#menu a.level1 span.title, div#menu span.level1 span.title {
     padding: 0px;
     
}

div#menu li:hover a.level2, div#menu li:hover span.level2 {

	width: 100%;
	height: 20px;
	line-height: 20px;
	background:  #aeaaaa;
	/*border: 1px solid #000000;*/
	}
	
div#menu ul.menu ul {
     position: absolute;
     top: 20px;
     left: -999em;
     width: 205px;
     font-size: 10px;
	 padding: 0;
	 border:1px solid #000000;
}

div#menu li:hover ul {
     left: 0px;
     z-index: 100;
}

div#menu li.level1 li {
     width: 100%;
     text-indent: 19px;
}


div#menu {
	height: 26px;
	line-height: 26px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	background: url('images/catbg.png') #348017 repeat-x 0 0; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0;
}


#header
{
    color: #ffffff;
    text-decoration: none;
}


}
#header a:hover
{
    color: #c1c1c1;
    text-decoration: none;
}