/*
 * NOTE:
 * This file contains absolute server-side paths for IE PNG hack.
 * IT WILL NOT FUNCTION IN IE (for PNG backgrounds) on local user machine.
 *
 * crib sheet:
 * padding/margin: T R B L // T RL B // TB LR // TRBL
 * size/positioning is top/bottom/left/right/height/width... that's not margin
 * block-relative div establishes new 0,0 basepoint
 * 'absolute' == origin-based, 'relative' == offset from normal
 */


/* ----------------- */
/* ----------------- */
/* NEW SLTy SITE CSS */
/* ----------------- */
/* ----------------- */

/*
 * ALL font sizes are set here, to maintain consistent control
 */
 
html { font-size: 100.00%; } /* Fix IE bug */
/*
 * Our "standard" size is 62.5% which sets 1em to 10px (handy for em sizing everywhere). 
 * But since we set this dynamically, we will NOT set it here!
 * AND, we load this css file after pre-loading the dynamic file.
 */
body {  font-size:   62.5%; } /* default is 16px, now 1em is 10px -- handy for em sizing all elements */
#online_container { font-size: 1.2em;} /* iframe */ 
.col-center,/* .footer, */.col-left { font-size: 1.3em; line-height:1.3} /* 13 pixels for most text */
/* footer now part of col-center */


table,select,input { font-size: 100.01%; /* IE hack, with be-nice-to-Opera .01% as well */ }
.button,submit {	font-size: 100.01%; }
form,.form { font-size: 100.01%; }
input,textarea,select,file,option { font-size: 100.01% }
.tbox,.helpbox { font-size: 100.01%; }

#logo { font-size: 2.4em; }
.newsCaption {font-size: 2em;} /* news headline */
.topic .head { font-size: 2.4em; }
.bodyCaption {font-size: 2.4em;} /* main content header */
.fname { font-size: 2.4em;}
.ww h1, .ww #header h1, .ww #body h1 {font-size: 2.4em !important;}

/* #logoflash { font-size: 0.4166667em } /* inside a #logo, so 1/2.4 */
#inspire,#rttm {	font-size:  1.0em; } /* not needed? */
.topic .head .tm { font-size: .6em; } /* TM superscript */


/* .navlinks {	font-size: 1.3em;} */

.bodyCaption .dnld_cdesc {	font-size: 0.5em;} /* download category description */
/* .bodyContent: { font-size: 1.1em;} /* content under main body header */

.mBox {font-size: 1.3em;}
.mTop { font-size: 1.4em;}
td.caption,.caption { font-size: 1.1em;}
textarea.chatbox {	font-size: 0.8em;}
.fcaption{ font-size: 1.1em;}
/* .fcaption .fname { font-size: 2.4em; } /* remove caption multiplier */
.fhead2,.forumheader2 { font-size: 1.1em; }
.forumheader { font-size: 1.3em; } /* Forum thread name, etc */
.captiontext { font-size: 1.1em;} /* forum thread headers */ 

#footFinal { font-size: 0.7em; }
.footCredits { font-size: 0.7em; }
pre { font-size: 1.2em !important;}

#menubar a,.menu .options {/* font-size :11px; */}
.TrM .item, .TrM .item * { /*font-size:11px; */}
.menuitem, .menuitem2 { }

.mediumtext { font-size: 1.05em; } /* slightly larger text */

.small, small, .smalltext, .smalltext *, .smallblacktext, .smalldark { /* default small text */
  font-size: 0.95em; }
.descrip { 	font-style: italic; } /* form item descriptions */

#options #font_xs {	font-size: 8px;}
#options #font_s {	font-size: 10px;}
#options #font_m {	font-size: 12px;}
#options #font_l {	font-size: 15px;}
#options #font_xl {	font-size: 18px;}

#options #fix {	height: 1.077em;}
#options #flex {	height: 1.077em;}
#options #full {	  height:1.077em;}
#options .imgselected { border-bottom: 1px solid black; }




/*
 * Font families are set here for consistency
 */
body { 	font-family: 'Trebuchet MS',Helvetica,sans-serif;
/*  font-family: georgia, verdana, sans-serif;  */
/*	font-family: Arial; */
}

/* 
 * And a few line heights
 */
.mhome br,.mhome * br { font-size: 0.5em;line-height: 0.5; } /* so 2 breaks is one line */
.mhome p { margin-bottom: 0.5em; }
.fname { line-height: 0.3em; }

/*
 * General table setup
 */
table, tr, td { vertical-align: top; }

/*
 * JELLO PIEFECTA CSS OUTLINE
 */

html, body, /* ol, ul, li, dl, dt, dd, */ img {
  margin: 0; 
  padding: 0;
  border: 0;
	list-style: none;
}

ul, td ul {list-style: disc outside;margin-left:1em;}
ol, td ol {list-style: decimal outside;margin-left:0;}

body {
  padding: 0 450px; /* the critical side padding that sets the natural min-width! */ 
	/* background: url(../images/brownlattice2.gif); /* this BG tiles the area outside the columns */
	background-color: #fafafa; 
}

/*
 * BODY wraps
 */
#online_container { /* iframe */
	text-align:left;
}

/* See marg-*.css for #sizer and #t_sizer */
#sizer, #t_sizer {
/*  margin: 0 auto; /* centers #sizer in standard browsers */
/*  padding: 0;
/*  width: 51%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
/*  text-align: left; /* resets the default text alignment for the page */
/*	max-width: 300px; /* max size of center */
}

#expander, #t_expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -450px; /* neg side margin values should be < or = to side body padding */
	min-width: 900px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 

/*\*/
* html #expander, * html #t_expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


/*
 * Head wraps
 */

#wrapper1h, #t_wrapper1h {
  position: relative;
  z-index:100;	/* force head wrap on top of wrapper1 */
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

.container-righth {padding-bottom: 0;} /* Don't need footer space


/* 
 * Main Content wraps
 */
 
#wrapper1, #t_wrapper1 {
  position: relative;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2, #t_wrapper2 {  
  position: relative; /* extra insurance against bugs in IEwin */
}


/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
/*  position: relative; /* needed for menu chain */
  border-left: 2px solid transparent; /*** Critical left divider dimension value ***/
  border-right: 2px solid transparent; /*** Critical right divider dimension value ***/
  margin-left: 70px;    /*** Critical left col width value ***/
  margin-right: 200px;    /*** Critical right col width value ***/
}

.outernl { margin-right: 70px; } /* would use an ID but IE doesn't support #id.class selectors */

* html .outer { /* IE hack attempt due to transparent border == black */
  border-style: none;
}

.float-wrap {
  float: left;
/*  position: relative; /* needed for menu chain */
  width: 100%;
}

.col-center {
  float: right;
/*  position: relative; /* Needed for menu chain */
  width: 100%;
}

.col-left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 70px;    /*** Critical left col width value ***/
  margin-left: -72px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.col-right {
  float: right; 
  position: relative; /* Needed for IE/win */
  width: 200px;    /*** Critical right col width value ***/
  margin-right: -202px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 2px;   /*** Critical right divider dimension value ***/
}

.col-rightnl {
	width: 70px;
	margin-right: -72px;
	}

* html .col-rightnl { overflow: hidden; } /* IE hack - overflow expands containing box */
* html .col-right { text-align: left; } /* IE hack - float right causes text right? */


.centerbox {
  font-weight: bold;
  text-align: justify;
  overflow: visible;
  width: 100%;
}

.container-left {}

.container-right {/* padding-bottom: 80px; */} /* makes room for the footer */


/*************** Header and Footer elements *****************/

.header {
	margin-top: 10px;
/*  width: 100%; */
   /* padding: 5px 0;*/ 
}

/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {} 

.footer { 
  clear: both;
/*  padding: 15px 202px 0 72px;	 top, right to match critical right side, bottom, left to match critical */
/* footer now part of col-center, and not needing side padding */
		padding: 5px 0 0 0;
/*  position: relative; */
}

.footernl { padding: 15px 72px 0 72px; }

.footer hr {
  color: #944;
	margin: 0;
	background: #944;
	height: 5px;
}

.froggy {
position: absolute;
top: -65px;
right: -10px;
}


/************** Spacing Controls for various column contents ***************/

.outer>ul {
  text-align: center;
  margin: 10px 0;
}

.textpadder {padding: 8px;}


/************** Generic Rules *************/

.alignright {margin: 0 10px 10px 0; text-align: right;}

/************** Special Fixes *************/

/* .outer {word-wrap: break-word;} */
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

/* img {max-width: 100%;}  */
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,* html #wrapper1h,
* html #wrapper2,* html #t_wrapper2,
* html .header,
* html .outer a,
* html .container-left, 
* html .container-right,* html .container-righth,
* html .outer,
* html #centermain,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */


#wrapper1, #t_wrapper1,
#wrapper2, #t_wrapper2,
* html .header,
.outer a, 
.container-left, 
.container-right,.container-righth,
.outer,
#centermain,
h2,
.sidenav li a 
{min-height: 1%;}
/* gives layout for IE7 */

/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
* html #righttop a, #righttop div { height: 100%; width: 100%; min-height: 100%; } 
/* */



/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}

/*
 * SLTy contents
 */
 
/*  * { margin: 0; padding: 0; } */
body { background: #fafafa; }

/* Detailed font publishing */
#logo { 
font-family: Times New Roman;
font-weight: bold;
color: #b0a07c;
text-decoration: none;
word-spacing: normal;
text-align: right;
letter-spacing: 0.2em;
line-height: 1.2em;
}
#inspire, #rttm {
	font-family: Arial;
	color:  #b0a07c;
	text-decoration: none;
	word-spacing: normal;
	text-align: right;
	letter-spacing: 0.4em;
	line-height: 1.2em;
}

.topic .head {
font-family: Times New Roman;
color: #555;
line-height: 1.2em;
}
.topic .body {
font-family: Arial;
color: #333;
line-height: 1.2em;
}

#centermain, #t_centermain { border: 1px solid #ddd; background-color: white;min-height:30em;}
#rightmain, #t_rightmain { background-color: white; text-align:left; }
#c3 { }

/* #centermain {position: relative; } /* needed for menu */
#centertop,#t_centertop { position:relative;height: 7em;}
#righttop, #t_righttop { position:relative;height: 7em; width: 7em;}
#rttm { position: absolute;right:0;bottom:0;vertical-align: bottom; text-align: right; }
#righttop object, #righttop embed { position:absolute;right:0;top:0;}
/* #logoflash { position:relative width: 100%; height: 100%; }
/* #logoflash object, #logoflash embed { position:relative;right:0;top:0;} /* absolute */
/* #logoflash div { display:none !important; padding-left: 0 !important; width: 0 !important; } /* not sure where this is from ?? */
#logo, #inspire { position: absolute; }
#logo { bottom: 1.0em;right:-0.1em;width:auto; }
#inspire { bottom: 1.6em; right:0;width:auto;margin:0;padding:0;}
* html #inspire { padding-right:0.15em; } /* IE hack - narrow boxes if right side has no padding */
.topic { clear:both; margin: 2em 0; }
.topic img { float:left;margin-left: 2em; width: 15em; border:none;}
.topic .head { margin-top: -0.2em; margin-bottom: -0.2em; }
.topic .head .tm { position:relative; bottom:0.5em;} /* TM superscripts */
.topic .c {text-align:left;margin-left:19em;}
.topic .head .slty { color: #0028ab; /* #002b82; */ }

.foot {
font-family: Arial;
color: #999;
line-height: 1.0;
vertical-align:top;
}
#footC {margin: 0 auto;text-align:center;}
#footC img {width:169px;}
#footL {float:left;}
#footR {float: right;}
#bottom {font-size: 1px; line-height:0; margin:0 auto; padding:0;}

.indent, div.indent {							/* block quotes */
	padding: 0.3em;
	margin: 0.5em auto;
	border-bottom: #FFF 1px solid;
	border-left: #000 1px solid;
	border-right: #FFF 1px solid;
	border-top: #000 1px solid;
	background-color: #fafafa;
}

a { /* links */
 color: #806830; /* #856E39; */
 text-decoration:none;
 font-weight: bold;
 }
a div { /* div within a link - don't bold it */
	font-weight: normal;
	}
	
a:hover, a:visited:hover, a:active { /* links on mouseover */
 color: black; /* #C00; */
background-color: #9FB2C7; /* #FFF0CC; */
}
#righttop a:hover, #righttop a:visited:hover, #righttop a:active { /* not for the logo */
	background-color: transparent;
}

.noblue a:hover, .noblue a:visited:hover, .noblue a:active { /* any A inside a .noblue container */
	background-color: transparent;
}

a:visited {
 color: #a08850; /* #b0a07c; */
/* font-weight: normal; */
}

a.CurPage {
	text-decoration: underline;
	color: black;
	background-color: #b5c5d6; /* #a3b7cc; /*  #FFF0CC; */
}

.navlinks {
	position: relative; top:0;right:0;
	text-align: right; vertical-align:middle;
	margin: 0.2em 0.4em 0;
	padding-bottom:0;
}

.icta_toolbar,.navbar {
  position: relative;
  text-align: left;
	}
.navleft{
	background-color: #fafafa;
	float:right;
	position: relative;
	z-index: 10; /* in front of navbar */
}
.navleft a {
	position: relative;
	}


/* ----------------- */
/* ----------------- */
/* NEW SLTy SITE CSS ---- END ---- */
/* ----------------- */
/* ----------------- */

/* -------------------
 *
 * CORRECTED SITE CSS
 *
 * ------------------- */
/* basic elements -----------------------------------------------------------------*/
	
.clear {
 clear: both;
 }

img, .image { /* all images on the site */
 border: 0px solid #FFFFFF;
 margin: 0px;
	}
/* page header content ---------------------------------------------------------------*/

.clear_row {
 clear: both;
 }
 
 
/* SLIDY NAV BAR */



 .icta_menu { /* cell containing nav bar */
 /* position: relative; 
 width: 100%; */
 /*background: #C0BA99; 
 border: none;
 border-top: 1px solid #91876F;
 border-bottom: 1px solid #91876F;
 border-collapse: collapse; */
 /* overflow:auto;
 overflow-x:hidden; */
 }
.icta_nomenu { /* when there's no menu, for guests */
 width: 100%;
 /* background: #C0BA99;
 border: none;
 border-top: 1px solid #91876F; */
 }

 #menubar { position: relative; }
.menu .options { text-align: center; } /* override so menu elements are centered */
.menu2 { /* menu table as a whole */
/*  background: #C0BA99; */
 text-align: center;
 border-left: 1px solid #91876F;
 border-right: 1px solid #91876F;
 border-collapse: collapse;
 }
.menuitem { /* main menu button */
/* color: #544E41; 
 background: #C0BA99; 
 font: 12px Arial, Verdana, Helvetica, Helv, sans-serif, "Century Gothic";
 font-weight: bold;
 text-decoration: none; */
 text-align: center;
 border-left: 1px solid #91876F;
 border-right: 1px solid #91876F;
 margin: 0px;
 width: 70px;
 height: 20px;
 }
a.menuitem2 { /* main menu button link */
/* color: #544E41;
 font: 12px Arial, Verdana, Helvetica, Helv, sans-serif, "Century Gothic";
 font-weight: bold;
 text-decoration: none; */
 width: 100%;
 height: 100%;
 }
.menuitem:hover { /* main menu button on mouseover */
/* color: #FFFFFF; 
 background: #A8A386; 
 font: 12px Arial, Verdana, Helvetica, Helv, sans-serif, "Century Gothic";
 font-weight: bold;
 text-decoration: none; */
 text-align: center;
 border-left: 1px solid #91876F;
 border-right: 1px solid #91876F;
 margin: 0px;
 width: 70px;
 height: 20px;
 }
a.menuitem2:hover { /* main menu button link on mouseover */
/*  color: #FFFFFF; 
 font: 12px Arial, Verdana, Helvetica, Helv, sans-serif, "Century Gothic";
 font-weight: bold;
 text-decoration: none; */
 width: 100%;
 height: 100%;
 }

 
 
/* END SLIDY NAV *? 
 

/* Help ToolTip: outer div defines location and size */
#ttip_outer {
	position: absolute;
	bottom: 0; left: 0; width: 100%; /* don't do non-zero sides w/ fluid width; browser bugs here! */
	height: 100%; 
	border: none;
	z-index: 100;
	visibility: hidden;
}

/* Help ToolTip: other divs - decorations, e.g. translucent background */
#ttip_bkgd {
	position: absolute;
	bottom: 0; left: 0; width: 100%; /* don't do non-zero sides if width is fluid! browser bugs lurk here */
	z-index: 150;
	background-color: white;
	-moz-opacity:.9;
/*	_filter:alpha(opacity=90); IE */
}

/* Help ToolTip: inner div is auto-filled with the text; defines font etc */
#ttip_inner {
	position: relative;
	bottom: 0; left: 0; /* width: 100%; */
	padding: 0 0.2em 0 0.2em;
	text-align: left;
	margin: 0;
	margin-bottom: 0.2em;
	z-index: 200;
	color: #333;
	font-weight: bold;
}



.bodyBox { /* box around main modules? */
color: #233A54;
margin: 0;
}

.newsBox { /* box around news articles */
background: transparent none;
/* border-top: 1px solid black; */
padding: 0 0 0 15px;
color: #233A54;
margin: 0;
}

.newsCaption { /* news headline */
 padding: 0.5em 0 0 0;
 /* font-weight: bold; */
 text-decoration: none;
font-family: Times New Roman;
color: #555;
line-height: 1.0;
 }

.bodyCaption { /* main content table header */
 padding: 0.5em 0 0 0;
font-family: Times New Roman;
color: #999;
line-height: 0.6;
 text-decoration: none;
 }
 
.bodyCaption .dnld_cdesc { /* download category description */
	color: #777;
	line-height: 1.0;
	display:block;
	width:70%;
	margin-top: 0.5em;
	font-style: italic;
	}

.bodyContent { /* content under main content table header */
font-family: Arial,Verdana, sans-serif;
line-height: 1.3;
letter-spacing: -0.01em;
color: #333;
margin:2px 0 0 0;
 }
 
* html .bodyContent {
 width: 100%; /* IE hasLayout bug: be sure to set wid/height for divs that contain other stuff */
}

.bodyContent p + p {
	margin-bottom: 0.6em;
}

.mBox { /* 'menu' box outline */
 border: 1px solid #C0BA99;
 border-top: 0;
 border-collapse: collapse; /* meaningless with non-zero margin */
 margin: 0 0 0.5em;
  }

.mTop { /* 'menu' header */
 text-align: left;
font-family: Times New Roman;
color: #999; font-weight:bold;
 border-bottom: 1px solid #504938;
padding: 5px 2px 0;
 margin: 0 2px;
 } 

.mContent { /* 'menu' content */
letter-spacing: -0.01em;
color: #333;
 text-align: left;
 padding: 2px;
 margin: 0px;
 }

/* Hack for IE bugs (italics make too wide, other errors), but hide from IE Mac \*/
* html .mBox, * html .mContent {
	 height: 1px; 
	 overflow: visible;
}
/* End of hiding from IE mac */

td.caption,.caption { /* main content table header */
font-family: Times New Roman;
color: #ccc;
 text-decoration: none;
 padding: 2px;
 margin: 1.2em 0 0.6em;
 }
.siteinfo, .siteinfotop { /* site information box at bottom */
 color: #555;
 text-align: center;
 margin: 0px auto;
 background: #ffffff;
 /* clear: both; */
 }
 .siteinfotop {
 border-top: 1px solid #C0BA99;
 }
 
 .siteinfo .fborder { /* Bottom of page tables etc */
 	background-color: #4D0018;
}
 
/* -------------------
 *
 * CORRECTED SITE CSS -- END
 *
 * ------------------- */

/*
 * GENERAL / DEFAULT SETTINGS
 */
 
/* other text ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.defaulttext { /* default text*/ 
 color: #24292D;
 font-family: Verdana, Georgia, "New Century Schoolbook", Times, serif;
 }
.defaultwhitetext { /* default white text */
 color: #FFFFFF;
 }
.defaultblacktext { /* default black text */
 color: #000000;
 }
.big, big, h1 { /* */
 font-weight: bold;
 }
  
 .gray, .gray *{
 color: #555;
 }
 
a.small, a.small:hover, a.smalldark, a.smalldark:hover, a.basic, a.basic:hover {
/* smaller links with no change on mouseover */
 } 
a.big, a.big:hover { /* caption links */
 }
a.nohover, a.nohover:hover { /* link with no change on mouseover */
	}	
	
.bodyContent ul { list-style: disc outside; padding:inherit;margin-left: 1em;}
	

/* form elements -----------------------------------------------------------------------------------------------------------------------------------------------*/ 
form, .form { /* overall form attributes */
	font-family: Arial,Verdana, sans-serif;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: #333;
 	margin: 5px;
 
	padding: 1px;
 	}
input, textarea, select, file { /* form input types */
 color: #000000;
	font-family: Arial,Verdana, sans-serif;
	letter-spacing: -0.01em;
 border: 1px solid #8C8C7E;
 padding: 1px;
 }
 input { margin: 1px; }
option { /* more form input types */
 color: #333;
	font-family: Arial,Verdana, sans-serif;
	letter-spacing: -0.01em;
 padding: 0px;
 }
.tbox { /* form text boxes */
 color: #333;
	font-family:  Arial,Verdana, sans-serif;
	letter-spacing: -0.01em;
 border: 1px solid #8C8C7E;
 padding: 0px;
 }
.helpbox { /* help with bbcode box */
 color: #333;
	font-family: Arial,Verdana, sans-serif;
	letter-spacing: -0.01em;
 width: 100%;
 border: none;
 padding: 0px; 
 }

 /* Mozilla ignores this... */
/* input, textarea, select, file, option, */ .tbox {
/* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/koinonia/t/Harvest06a/images/tan-bgp1.png'); */
/* background-image:url(images/tan-bgp1.png); */
}
/* IE ignores css style[attributes] */
/* input[], textarea[], select[], file[], option[], */ .tbox[class] {
/* background-image:url(images/tan-bgp1.png);
 background-color: transparent; */
 background: #EBEBEB;

}

.button, submit { /* form submit buttons */
 color: #333; 
 background: #eaeaea; 
	letter-spacing: -0.01em;
 text-align:center;
 border-top: #E5E0D1 1px solid; 
 border-bottom: #BDAB7E 1px solid; 
 border-left: #E5E0D1 1px solid; 
 border-right: #BDAB7E 1px solid; 
 }
 
div.button { /* div buttons */
 }
 
/*
 * SPECIFIC FEATURE MODS
 */
/* chat box elements -----------------------------------------------------------------------------------------------------------------------------
----------------*/
/* chat box ------------------------------------------------------*/
.chatperson {
 display: block;
 margin: 3px 0px;
 width: 100%;
 line-height:1.1;
 }
.mContent textarea.tbox {
 width: 100%;
}
textarea.chatbox {
	height: 2.2em;overflow:scroll;
	line-height: 1.0;
	}
 
/* forum elements ------------------------------------------------------------------------------------------------------------------------------------------------*/
.ftable { /* main html tables for forum content */
 background: #D8D9DB url(images/divbgtop.gif) repeat-x; 
 padding: 5px 0 0;
}

.fcaption { /* top level forum header */
 background: #FFF7E3;
 font-family: Times New Roman;
color: #555;
 text-align: left;
/* padding: 0px 2px; */ padding: 5px 2px 0;
 margin: 0px;
 }
 .fborder .fcaption {  font-weight: bold; }
 
.fcaption2 { /* secondary forum header */
 background: #FFF7E3;
 font-family: Times New Roman;
color: #555;
 font-weight: bold;
 text-align: left;
 padding: 2px;
 }
 
.fborder {
 color: #555;
/* font-family: Arial,Verdana, sans-serif; */
 text-align: left;
 padding: 1px 2px;
 margin: 0px;
}
a.forumlink, a.forumlink:hover { /* main navigation at top of forum with no change on mouseover */
 text-decoration: none;
 text-align: left;
 }
.fname,.fhead, .forumheader { /* Instructions on main forum page */
 font-family: Times New Roman;
color: #555;
font-weight:bold;
 text-decoration: none;
 text-align: left;
 padding: 2px;
 margin: 0px;
 }
 .fname { color: #999; font-weight: normal;}
  
/* long versions for compatibility with certain built-in admin modules */
.fhead3, .forumheader3 { /* forum thread content */
/* font-family: Arial,Verdana, sans-serif; */
color: #333;
 text-align: left;
 padding: 0px 2px;
 }
.forumheader3 * { padding: 0px 2px; }

.fhead2,.forumheader2 { /* bottom of forum table */
font-family: Arial,Verdana, sans-serif;
letter-spacing: -0.01em;
color: #555;
 padding: 2px;
 margin: 0px;
 }


/*Forum and comment postings... 
 * Left part is 'who'
 * Right part is 'what'
 */
.fpost {
 vertical-align: top;
}
.fwho {
 float:left;
 width:20%;
 padding-bottom: 2px;
}

.fwho table, .fwho td { margin: 0;padding:0;border:0; }
.fwhat {
 width:80%;
 float:left;
 padding-bottom: 2px;
 text-align: left;
}

.usersig hr {
 width:20%;
 margin: 2px auto 2px 4px;
 text-align: left;
}

* html .fwho { width: 19%; } /* IE bug repairs */
* html .fwhat { width: 78%; }
* html hr.fsig { /* IE only -- buggy auto margins */
 padding: 2px 4px;
 margin-right: auto;
}

.freply { /* inside the 'what' part */
 text-align:right; /* IE way */
 margin-left: auto;
 padding: 2px;
}
.fwhat #rimg div, .fwhat #rimg form { display: inline }

.captiontext { /* main text for forum threads */
 font-family: Times New Roman;
color: #555;
 margin: 0px;
 }
.nextprev { /* */
 color: #555;
 text-align: right;
 border-top: 1px solid #DAC694;
 margin: 0 5px;
 }
 
 
 
/* skill levels database -----------------------------------------------------------------------------------------------------------------------------------------*/
.level1 { /* Urgent Need */
 color: #000000;
 background: #990000;
 font-weight: bold;
 border: 1px solid #990000;
 }
.level2 { /* Need Help */
 color: #000000;
 background: #994C4C;
 border: 1px solid #994C4C;
/* _filter:alpha(opacity=50); */-moz-opacity:0.5;opacity:0.5;
 }
.level3 { /* Balanced */
 color: #000000;
 background: #CCCC00;
 border: 1px solid #CCCC00;
/* _filter:alpha(opacity=50); */-moz-opacity:0.5;opacity:0.5;
 }
.level4 { /* Can Help */
 color: #000000;
 background: #66CC66;
 border: 1px solid #66CC66;
 /* _filter:alpha(opacity=50); */-moz-opacity:0.5;opacity:0.5;
 }
.level5 { /* Expert */
 color: #000000;
 background: #009900;
 font-weight: bold;
 border: 1px solid #009900;
 /* _filter:alpha(opacity=50); */-moz-opacity:0.5;opacity:0.5;
 }
 
/* other attributes --------------------------------------------------------------------------------------------------------------------------------------------*/ 
.spacer { /* page spacers */
 padding: 1px;
 margin: 0px;
 }

#imgright img { float: right; margin-left: auto; margin-right: 2px; }

.border, .fborder { /* any element to have a tan border */
 margin: 0px;
 margin-bottom: 5px;
 }
.selected { /* bold item in list */
	font-weight: bold;
 margin: 0px;
	}
.padded { /* element with padding around it */
	padding: 2px;
	}
.nomargin { /* just to remove auto-centering from table cells */
 margin: 0px;
 }
 
/* for polls */
.pollans {
 margin-left: 1em;
} 

/* * html .pollq, * html .pollq * { height: 1px; } */ /* more hasLayout fixes... didn't work well */

/* for wiki */
.ww { font-family: Arial,Verdana, sans-serif;
			}

.ww div.logo { float: right; }
div.ww table { margin-left: 12px; margin-right:12px; }
.ww table.diff { width: 95%; }
.ww td.diff-added { background: #BFFFBF; color: #000000; }
.ww td.diff-removed { background: #FFBFBF; color: #000000; }

.ww p, .ww pre, .ww .code, .ww h1, .ww h2, .ww h3, .ww h4, .ww h5, .ww h6 {	 
}
.ww pre.verbatim, pre.verse, .ww pre.verse, .ww pre.example, .ww pre.quote {
 color: black;
}
.ww pre.example, .ww pre.code {
	padding: 3px;
	margin: 6px 30px;
 	border-collapse: collapse;
	border: 1px solid #8C8C7E;
 	background-color: #FFF7E3;
}
.ww #header, .ww .logo, .ww #header h1,
.ww #toolbar-top,
.ww #header a:link, .ww #header a:visited, .ww #header a:active,
.ww #header hr 
 {}
.www hr {
 border-top-color: #4D0018; }

.ww #header {
 	display: block;position:relative;
	margin: 0;
	padding: 0;
	vertical-align: top;
	background-color: transparent;
}
.ww #body {
	margin: 4px 10px 0px !important;
}
.ww #header .logo
 { display:none; float: right; margin: 0px 4px;
 }
.ww #header a.title, .ww #header a.title:link, .ww #header a.title:visited
 { position: static;
 display: block;
 text-decoration: none;font-weight: normal;
 color: #999;
 float: left;
 margin: 0; padding: 0;
}
.ww #header h1
 { display:block; float:left; margin: 0; padding: 0;
}
.ww #header #toolbar-top
 { display: block;
   position:absolute;bottom:0;right:0;
 }
.ww #header hr
 { clear: both;
 margin: 0px 0px;
 visibility: hidden; 
 }
.ww h1, .ww h2, .ww h3, .ww h4, .ww hr {
	color: #555;
}
.ww h1, .ww #header h1, .ww #body h1 {
	font-family: Times New Roman;
	font-weight: normal;
	color: #999;
	border-bottom-color: #504938;
}
.ww div.toc {
	padding: 3px;
	margin: 6px 12px;
	background-color: transparent;
}

.ww div.toc-b ul,.ww div.toc-b ol,.ww div.toc-n ul,.ww div.toc-n ol
 { margin: 0px 0px 0px 15px; }
/* .ww div.toc-b ul,.ww div.toc-b ol,.ww div.toc-n ul,.ww div.toc-n ol
 { list-style-type: lower-roman; } */

/*
 [1] Play nice with EMs in Opera 6 and IE Win.
 [2] Support for Mozilla, but IE doesn't likes it.
 [3] Z indices needed for link clickability in IE Mac and Opera 6.
 [4] Mozilla needs a non zero value, seems to be a bug.
*/

#menubar {
/* margin-left: auto;margin-right: auto; */
 /* width: 95%; */ 
 background-color:transparent;
 border-collapse: collapse;
}

#menubar a {
/*	color:#544e41; */
/*	letter-spacing:1px; */
	
	border:none;
/*	padding: 0 0.5em 1px; */
/*	text-decoration:none; */
/*	background-color:#c0ba99; */
/*	font-family :Arial; */
	white-space: nowrap;
}

.menu .options {
	margin-right:1px;
	margin-bottom:1px;
	border:1px solid #91876f;
/*	background-color:#FFF7E3; */


/*	font-family :Arial; */
	 font-weight: bold; border-collapse: collapse; text-align:left;
}

.menu a {
/*	color:#544e41; */
	display:block;
	padding:1px 0.5em;
	text-decoration:none;
	background-color:transparent;
}

.menu a:hover {
/*	background-color:#a8a386; */
	color:#fff;
	text-decoration:none;
	font-weight: bold; border-collapse: collapse;
}

#menubar a.active {
/*	border-color:#000040;
	background-color:#A8A386; */
	text-decoration:none;
	color:#fff;
}

/*
 * Place modifiers at end so they can override anything else
 */
.rtext, .rtext * {
	margin-left: auto;
	text-align: right;
}
.ctext, .ctext * {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.wtnormal, .wtnormal * {
	font-weight: normal;
}


/* body{
	margin:0;
	padding:0;

} */

#slty-toolbar { display: inline; } /* toolbar for a given main nav entry */
#mtwrap {
	/* This is the main menu container, 
	it can be renamed provided you rename the div with the id mtwrap in the menu to the same name. 
	you will find this div at line 299 in sitelinks.sc */
/*	 width:100%;  */
/*	 height: 1.4em; */
	 position:relative; /* position can be absolute or relative */
	 top:0; left:0;
/*	margin-left: auto;
	margin-right: auto;  */
/*	background-color: transparent; */
}

#mtmenu {	
 /* height: 1.4em; */
/*  width:100%; */
	background-color: transparent;
/*	margin-left: auto;
	margin-right: auto; */

}

#mtmenu a { /* normal links? */
/*	 line-height: 1.4em; */
/*    padding-top: 0.077em;
    padding-right: 0.077em;
    padding-bottom: 0.077em;
    padding-left: 0.077em; */
	 vertical-align:bottom; 
/*	font-weight: bold;
	text-decoration:none; */
	border:none;
}

#mtmenu a.hover, #mtmenu a:hover{
	border:none;
}

#mtmenu span {
	display:none;
}

#img {
	vertical-align:bottom;
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
/* nothing to edit here */
.TrM {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
}

/* this is the main container for the menu itself (including borders and shadows). it's width and height get set by script, depending on the size of the items table */
/* nothing to edit here */
.TrM .content {
	position:absolute;
	text-align: left;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
/* nothing to edit here */
.TrM .items {
	position:relative;
	left:0px; top:0px;
	z-index:2; 
}

.TrMtop .items {
	border-top:none;
}

/* each TR.item is one menu item */
.TrM .item, .TrM .item * {
	color: black; /* #403B31; /* #544E41 but B=25 instead of 33 to compensate for opacity*/
/* font-size: 1.1em; /* TEMP ph */
/*	font-family:arial; */
	font-weight: bold;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
}

/* this DIV is the semi-transparent white background of each menu. 
   o -moz-opacity is a proprietary way to get transparency in mozilla;
   o the _filter is for IE/windows 5.0+
   o do NOT use a border - it messes up shadow size/position
   o Background image effects CAN be placed here (-image, repeat, etc) 
 */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by.
   */
.TrM .background, .TrM .background * {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	background-image: url(images/menu10b.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	-moz-opacity:.8;
/*	_filter:alpha(opacity=80); */
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.TrM .shadowRight, .TrM .shadowRight * {
	position:absolute;
	z-index:3;
	-moz-opacity:.4;
/*	_filter:alpha(opacity=40); */
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.TrM .shadowBottom, .TrM .shadowBottom * {
	position:absolute;
	z-index:1;
	-moz-opacity:.6;
/*	_filter:alpha(opacity=60); */
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.TrM .item.hover, .TrM .item.hover * {
/*	color:#fff; */
	background-color: #9FB2C7; /* #a8a386; */
	font-weight: bold;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.TrM .item img {
	margin-left:0.154em;
}

.searchhighlight
{
    color: black;
    background-color: yellow;
    font-weight: bold;
}

/* Debug styles */
.e107_debug { margin:0 -250px; } /* outside the main expander */
.e107_debug .bodyCaption, .e107_debug .mTop,.php_err h3
{ font: bold 18px Arial !important; color: #700; text-align:left; }


#search {
	background: #fff;
	border-bottom: 1px solid #e0e0f9;
}
#search form, #search fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}
#search fieldset legend {
	display: none;
}
#search #s {
	font-weight: normal;
	margin-right: 4px;
	width: 120px;
}
#search input {
	font-weight: bold;
	vertical-align: middle;
	width: 30px;
}
#options { 
	text-align: left; 
	position:relative;
	top:1em;
	left:0; 
	width: 18em;
	vertical-align:baseline;}
#options label {
	display:none;
	vertical-align: baseline;
}
#options ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#options li {
	display: inline;
	font-weight: bold;
	list-style: none;
	padding: 0;margin:0;
	vertical-align: baseline;
	color: #999;
}
#options li a {
	color: #999;
	padding: 3px 2px;
	margin-bottom: 2px;
	text-decoration: none;
}
#options li a.selected {
	text-decoration: underline;
}
#options li a span {
	display: none;
}
#options img { 
	vertical-align: text-bottom;
	display:inline; 
	position:relative;bottom:-0.1538em; /* 2px if font size is 1.3em */
	padding-bottom: 0.0769em;
	border-bottom: 0.0769em solid transparent;
}
* html #options img { border-bottom-style: none } /* IE hack */
#options img.selected { border-bottom: 0.0769em solid #999; background-color: #ddd; }

form#login {
	display: inline;
	font-family: inherit;
	line-height: inherit;
	letter-spacing: inherit;
/*	font-size: 0.9em;*/
	padding:0;
	margin:0;
}
#toolbasesave{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#b0a07c;
	-moz-opacity: 0.6;
	opacity:.60;
/*	_filter: alpha(opacity=60); */
}
/* This works but we are not using it... */
/*
.toolbase{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#b0a07c;
	-moz-opacity: 0.6;
	opacity:.60;
}
.bodybase {
	background-color:#CDC4AE; *//* pulled from screen: apply toolbase to normal body */
/* }
#centermain.toolshadow, #t_centermain.toolshadow{
 border-top: 2px solid #b0a07c;
 border-left: 2px solid #9e906f;
 border-right: 2px solid #504938;
 border-bottom: 2px solid #504938;
 } */
.contentdiv {/* z-index:1001;	/*}
.navdiv  {/*z-index:1002;*/}
.dl_ret2list {display:none;}

/* #inspire,#centertop { border: 1px solid red; }*/
#centertop a { background-color: transparent; } /* don't highlight header block link */


/*
 * Stylesheet for the TalkHere extension
 *
 * @package MediaWiki
 * @subpackage Extensions
 * @author Daniel Kinzler, brightbyte.de
 * @copyright © 2007 Daniel Kinzler
 * @licence GNU General Public Licence 2.0 or later
*/

.mw .talkhere {
/*	margin-top:1ex;
	padding:1ex; */
	background-color: #FAFAFA;
	border:1px solid #AAAAAA;
}

.mw .talkhere-head, .mw .talkhere-foot {
	color: black;
	text-align: center;
	font-style: italic;
}

.mw .talkhere-foot #toolbar {
	text-align: left;
}

.mw .talkhere form, .mw .talkhere-foot form {
	text-align: left;
	font-style: normal;
}

.mw .talkhere-head h1,.mw .talkhere-foot h1 {
	margin-top: 0;
	padding-top: 0.2em;
	color: black;
	text-align: left;
	border-color: black;
}

.mw .talkhere-head h1 {
	background-color: #b5c5d6; 
}

.mw .talkhere-head hr, .mw .talkhere-foot hr {
	background-color: black;
	color: black;
}

.mw .talkhere-comments {
	color:#444444;
	padding: 0 0.5em;
}

.mw .talkhere-comments .toc,
.mw .talkhere-comments .editsection {
	display: none;
}

.mw .talkhere-comments h1,
.mw .talkhere-comments h2,
.mw .talkhere-comments h3,
.mw .talkhere-comments h4,
.mw .talkhere-comments h5,
.mw .talkhere-comments h6 {
	color: #444444;
}

.mw .talkhere-talklink {
	margin:1em;
	text-align:center;
	font-size:110%;
	font-weight: bold;
}

/*
 * MEDIABOX CSS
 */
/* Moviebox and Slimbox stylesheet - black theme */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #eee; /* ph was 000 */
	cursor: pointer;
	z-index: 990; /* we use z-index, so give these a higher value */
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background: transparent;
	z-index: 991; /* we use z-index, so give these a higher value */
	/* background-color: #888; /* ph was 000 */
}
#lbCenter {
	border: 3px solid white;
}

.lbLoading {
	background: #000 url(images/loading.gif) no-repeat center;
}

#lbImage {
/*	background-repeat: no-repeat; ph was used */
	background: transparent;
	width: 100%; height: 100%;
	border: 0; /* ph was 7px 000 */
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 30%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 30%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 16px;
	text-align: left;
	/* border: 7px solid #888; /* ph was 000 */
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 80px;
	height: 16px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 0px;
}

#lbCaption, #lbNumber {
	margin-right: 14px;
}

#lbCaption {
	font-weight: bold;
}