/*======================================================================================
Button_Gray CSS, (c) Promethean Web Technology 2003-2004
Colors: grey dk=9c9a9c, grey lt=cecfce, grey body=efebef, red=ce0000
Tabs look like buttons. Inspired by RichTextBox.
=======================================================================================*/

/* FONTS */
body, div, p, th, td, li, H1, H2, H3, H4, H5, H6, .Banner 
	{font-family: Verdana, Arial, Helvetica, Sans-Serif; }
p, th, td, li {font-size: .9em; }
P {margin-top: 8px; line-height: 1.3em;} 
P A, LI A {color:#ce0000; font-weight:bold;} 
P A:hover, LI A:hover {color:#ffffff; background-color:#ce0000;}

/* OVERALL STRUCTURE*/
body {background-color: #efebef;}
.LfPane, .RtPane {width: 150px; padding: 0px;} 
.GutterR, .GutterL {width: 25px;} 

/* TOP ROW */
.TopRow {color: #000000; font-size:.8em;padding: 2px 4px; background-color: #ffffff;  }
.TopRow A {color: #ce0000; padding-left: 20px;font-weight:bolder;text-decoration: none; }
.TopRow A:hover {text-decoration: underline;}

/* BANNER */
.AllBannerBg {}
.BannerBg { background-color: #ffffff; border-bottom: solid 4px #CE0000}
.Banner {height:50px; padding: 2px 8px 8px 8px; font-size: 26px; font-weight: bold; letter-spacing:-1px;}

/* CASCADING MENUS  */
.SideNav {margin:2px 0px 20px 0px; padding:0px;}
div.SideNav table {margin:0px; padding:0px; background-color: #9c9c9c; width:100%;}
.menustyle {background-color:#9c9a9c; border-bottom: solid 1px #000000; padding:0px;}
.menuitem, .mouseup, .mouseover, .mousedown, .menutabon	{font-family:verdana; font-size:9pt;
		font-weight:bold; cursor:hand;white-space: nowrap; padding: 1px 20px;}
div.SideNav .menuitem, div.SideNav .mouseup, div.SideNav .mouseover, div.SideNav .mousedown, 
	div.SideNav .menutabon	{padding: 4px 2px;}
.menuitem  {background-color:#9c9a9c;color:white; }
.mouseup   {background-color:#ce0000;color:white; }
.menutabon {background-color:#cecfce;color:black;}
.mouseover {background-color:#ce0000;color:white; }
.mousedown {background-color:#ffffff;color:black; }

/* nav is vertical */
div#nv {float:left; width:150px;}
div#nv ul {margin:0; padding:0; width:151px;}
div#nv ul ul, div#nv ul ul ul {position: absolute; display:none;} div#nv ul ul, div#nv ul ul ul {top:0; left:150px;}
div#nv li {position:relative; list-style:none; padding:0; margin:0; font-size:10px;}
div#nv li a {display:block; padding:2px; width:150px; text-decoration:none;}
div#nv ul.lev1 li:hover ul.lev2, div#nv ul.lev2 li:hover ul.lev3 {display:block;}
div#nv>ul a {width:auto;}
div#nv li {border:1px solid #993400;} div#nv li:hover {border:1px solid #f1b970;}
div#nv li.onmore a, div#nv ul.lev2 li.onmore a {background: #cecfce url(misc/rtarrow.gif) 95% 50% no-repeat; color: #000000;}	
div#nv li.on a, div#nv ul.lev2 li.on a,div#nv ul.lev3 li.on a {background: #cecfce; color: #000000;}  
div#nv li.offmore a, div#nv ul.lev2 li.offmore a {background: #9c9a9c url(misc/rtarrow.gif) 95% 50% no-repeat; color: #FFFFFF;}	
div#nv li.off a, div#nv ul.lev2 li.off a, div#nv ul.lev3 li.off a {background: #9c9a9c; color: #FFFFFF;} 
div#nv ul.lev1 li.onmore a:hover, div#nv ul.lev1 li.offmore a:hover,
div#nv ul.lev2 li.onmore a:hover, div#nv ul.lev2 li.offmore a:hover {background: #ce0000 url(misc/rtarrow.gif) 95% 50% no-repeat; color: #FFFFFF;}
div#nv ul.lev1 li.on a:hover, div#nv ul.lev1 li.off a:hover,	
div#nv ul.lev2 li.on a:hover, div#nv ul.lev2 li.off a:hover,
div#nv ul.lev3 li.on a:hover, div#nv ul.lev3 li.off a:hover	{background-color: #ce0000; background-image: none; color: #FFFFFF;}

/* nav is horizontal */
div#nh {margin:-1 0 0 1; padding:0;}
div#nh ul {margin:0; padding:0;}
div#nh ul ul, div#nh ul ul ul {position: absolute;display:none;} 
div#nh ul ul {top:20px; left:0;}  div#nh ul ul ul {top:0; left:104px;}
div#nh li {position:relative; list-style:none; padding:0; margin:0; float: left; width: 105px; line-height:20px; font-size:10px; text-align:center;}
div#nh li a {display:block; padding:0px; width:105px; text-decoration:none; line-height:20px; }
div#nh>ul a {width:auto;}/* set after width? */
div#nh ul.lev1 li:hover ul.lev2, div#nh ul.lev2 li:hover ul.lev3, div#nh ul.lev2 li:hover,
div#nh ul.lev1 li ul.lev2 li:hover, div#nh ul.lev2 li:hover ul.lev3 li:hover{display:block;}
div#nh li.onmore a			{background: #cecfce url(misc/dnarrow.gif) 99% 50% no-repeat; color: #000000; border-bottom: solid 2px #cecfce;}	
div#nh ul.lev2 li.onmore a	{background: #cecfce url(misc/rtarrow.gif) 99% 50% no-repeat; color: #000000;}	
div#nh li.on a, div#nh ul.lev2 li.on a,div#nh ul.lev3 li.on a {background: #cecfce; color: #000000; border-bottom: solid 2px #cecfce;}  
div#nh li.offmore a			{background: #9c9a9c url(misc/dnarrow.gif) 99% 50% no-repeat; color: #FFFFFF;}	
div#nh ul.lev2 li.offmore a {background: #9c9a9c url(misc/rtarrow.gif) 99% 50% no-repeat; color: #FFFFFF;}	
div#nh li.off a, div#nh ul.lev2 li.off a, div#nh ul.lev3 li.off a {background: #9c9a9c; color: #FFFFFF; line-height:20px} 
div#nh ul.lev1 li.onmore a:hover, div#nh ul.lev1 li.offmore a:hover {background: #ce0000 url(misc/dnarrow.gif) 99% 50% no-repeat; color: #FFFFFF;}
div#nh ul.lev2 li.onmore a:hover, div#nh ul.lev2 li.offmore a:hover {background: #ce0000 url(misc/rtarrow.gif) 99% 50% no-repeat; color: #FFFFFF;}
div#nh ul.lev1 li.on a:hover, div#nh ul.lev1 li.off a:hover,	
div#nh ul.lev2 li.on a:hover, div#nh ul.lev2 li.off a:hover,
div#nh ul.lev3 li.on a:hover, div#nh ul.lev3 li.off a:hover	{background-color: #ce0000; background-image: none; color: #FFFFFF; line-height:20px;}

/* Google Ads New CSS */
div#gt, div#gw {margin: 15px 0 0 0;}
/* menu_iframe IE and Opera bug fix */
div#nh iframe {position: absolute; z-index: 1; display: none;}

/* USED BY BOTH CASCADING MENUS & TABS */
.FirstTabRow { background-color: #9c9a9c; height:20px; } 
.FirstTabRowLeft,.FirstTabRowRight { height:20px;width:10px; padding:0; margin:0; border-bottom: solid 1px #000000;} 
.FirstTabBox {padding:0px; margin:0; text-align:left;background-color:#9c9a9c;} 
.SecTabNone {background-color:#cecfce; height:20px; font-size:0px; letter-spacing:-1px; border-bottom: solid 2px #cecfce; border-top: solid 2px #cecfce;}

/* TABS  */
/*First-level tabs*/
.FirstTabOn {padding: 0px; } 
.FirstTabOff {padding: 0px; border-bottom: solid 1px #000000;} 
.FirstTabOn A, .FirstTabOff A {font-size: 11px; padding: 4px 8px; margin: 0px;  
	display:block; text-decoration:none;letter-spacing: .03em; }
.FirstTabOn A {color: #000000; background-color:#cecfce; font-weight:bold;
	border-top:   solid 1px #000000; border-right:solid 1px #cecfce;
	padding-bottom:6px; border-left: solid 1px #000000;} 
.FirstTabOff A {color: #ffffff; background-color:#9c9a9c;
	border-top:   solid 1px #9c9a9c; border-right:solid 1px #9c9a9c;
	border-bottom:solid 1px #9c9a9c; border-left: solid 1px #9c9a9c;}
.FirstTabOff A:hover {background-color:#ce0000; 
	border-top:   solid 1px #cecfce; border-right:solid 1px #000000;
	border-bottom:solid 1px #000000; border-left: solid 1px #cecfce;}
/*Second-level tabs*/
.SecTabRow {background-color: #cecfce;}
.SecTabRowLeft {padding-left:10px;border-bottom: solid 1px #9c9a9c;} 
.SecTabRowRight {width:95%; border-bottom: solid 1px #9c9a9c;} 
.SecTabBox {padding: 4px 0px 0px 0px; margin:0; text-align:left; }
.SecTabOn  {padding: 0px;font-weight: bold; } 
.SecTabOff {padding: 0px;border-bottom: 1px solid #9c9a9c;} 
.SecTabOn A,.SecTabOff A {font-size: 11px; padding:4px 8px;  
	display: block; text-decoration:none; } 
.SecTabOn A {color: #000000;background-color:#efebef; font-weight:bold;
		border-top: 1px solid #9c9a9c; border-right: 1px solid #ffffff; 
		padding-bottom:6px; border-left: 1px solid #9c9a9c;}
.SecTabOff A {color: #000000;background-color:#cecfce;
		border-top: 1px solid #cecfce; border-right: 1px solid #cecfce;
		border-left: 1px solid #cecfce; }
.SecTabOff A:hover{background-color:#cecfce; 
		border-top: 1px solid #ffffff; border-right: 1px solid #9c9a9c; 
		border-bottom: 1px solid #9c9a9c; border-left: 1px solid #ffffff; }
/*Third-level tabs (in left pane)*/
.ThirdTabOn,.ThirdTabOff {font-size: 11px; }
.ThirdTabOn A,.ThirdTabOff A {padding: 2px 6px; margin: 0px; display: block; text-decoration:none; 
	border-top:   solid 1px #000000; border-right:solid 1px #000000;
	border-bottom:solid 1px #000000; border-left: solid 1px #000000;}
.ThirdTabOn	 A		{color: #000000;background-color:#ffffff;border-color: #000000;}
.ThirdTabOff A		{color: #000000;border-color: #cecfce;}
.ThirdTabOff A:hover{color: #ffffff;background-color:#ce0000;border-color: #000000;}

/* BREADCRUMBS */
.BreadcrumbsBox {margin:6px 2px 10px 2px;}
.Breadcrumbs {font-size: .6em; word-spacing: 1.33;}
.Breadcrumbs A {color: #ce0000; text-decoration: none;}
.Breadcrumbs A:hover {text-decoration: underline;}

/* SITE LIST*/
.SiteBox {}
.SiteOn, .SiteOff {font-size: 11px; padding: 0px; }
.SiteOn A, .SiteOff A {padding: 2px 6px; margin: 0px; display: block; text-decoration:none;
	border-top:   solid 1px #000000; border-right:solid 1px #000000;
	border-bottom:solid 1px #000000; border-left: solid 1px #000000;}
.SiteOn	 A		{color: #000000;background-color:#ffffff;border-color: #000000;}
.SiteOff A		{color: #000000;border-color: #cecfce;}
.SiteOff A:hover{color: #ffffff;background-color:#ce0000;border-color: #000000;}

/* HEADINGS IN CONTENT PANE*/
H1, H2, H3, H4, H5, H6 {color: #86523A; margin: 10px 0px 4px 0px;}
H1 {font-size: 1.7em; font-weight:lighter; padding-bottom: 4px; border-bottom: solid 1px #ce0000; }
H2 {font-size: 1.4em; font-weight:lighter; }
H3 {font-size: 1.2em; padding: 3px 8px; background-color: #cecfce;}
TH {margin-top: 8px; font-size: 1.2em; font-weight: bold; vertical-align: baseline;}

/* SIDE PANE FONT & HEADINGS */
.LfPane P, .RtPane P {padding: 0px; margin: 0px 8px 8px 8px; line-height: 1.1em; font-size:.8em;} 
.LfPane table, .RtPane table {margin: 5px 0px; width: 100%; border: ridge 1px #9c9a9c;
	background-color:#cecfce; border-top: solid 4px #ce0000;} 
.LfPane H1, .RtPane H1, .LfPane H2, .RtPane H2, .LfPane H3, .RtPane H3 /*overrides above*/
	{margin: 0px; padding: 0px 8px; border: none; color: black;}
.LfPane H1, .RtPane H1 {font-size: .9em; font-weight: bold; color: #ffffff; 
	background-color: #9c9a9c; padding: 4px 10px; margin: -1px; margin-bottom:8px;}
.LfPane H2, .RtPane H2 {font-size: .9em; font-weight: bold; margin-top: 1em; margin-bottom: 0px;}
.LfPane H3, .RtPane H3 {font-size: .8em; margin-top: 1em; margin-bottom: 0px;}

/* LINES & LISTS */
HR {color: #cecfce; height:1pt; text-align:left;}
UL LI, UL LI LI, UL LI LI LI {list-style-type: disc;}
OL LI {list-style-type: decimal;}
OL OL LI {list-style-type: lower-alpha; }
OL OL OL LI {list-style-type: lower-roman;}

/* MISC INTERNAL*/
.ErrorText, .Error {color: red; font-size: .9em;  padding: 8px 0px;}
.Small {font-size: 10px; }
.NormalTextBox {font-size: 12px;}
.UI{font-size:.9em;} .UI A{color:#ce0000;} .UI A:hover{color:#ce0000;}
.Label, .Entry {font-size: .9em; vertical-align:top; line-height: 1.3em;}
.Label {text-align:right; font-weight: bold; white-space: nowrap; }
.Entry {text-align:left;}
.ButtonArea{margin:20px 0px 0px 80px;}
A.Btn  {height: 14px; font-size: 10px; font-weight: bold; letter-spacing: .04em; 
	text-decoration:none; font-family: Verdana, Arial, helvetica, Sans-Serif; 
	padding: 3px 8px 2px 9px; color: #000000; background-color:#d6d3ce; 
	border-left: 1px solid #efefef; border-top: 1px solid #efefef; 
	border-bottom: 2px solid #000000; border-right: 2px solid #000000; }
	.ForumTbl TD A.Btn {color:#000000;} 
A.Btn:hover {color: #ffffff;background-color:#ce0000; padding-top: 2px; padding-left: 8px; 
	border-left: 2px solid #f3eded; border-top: 2px solid #f3eded;}
A.Btn2, .Btn2 A {color: #ce0000; font-size: 11px; text-decoration:underline;}
A.Btn2:hover, .Btn2 A:hover {color: #ce0000; text-decoration:underline;}

/* FOOTER */
.Footer {color: gray; font-size: .7em; padding: 10px 0px 4px 0px; text-align: center; }
 .Footer A {color: #ce0000;}

/* DIRECTORY */
Div.Directory Table {margin: 14px 0px; padding: 2px 2px; }
Div.Directory TD {font-size:.9em; padding:0px; margin:0px;} 
Div.Directory H2 {font-size: 1.2em; margin:0px; padding: 0px 15px 0px 0px;} 
Div.Directory A{color:#ce0000; font-weight:bold;} 

/* USER CONTENT */
DIV.Content A{color:#ce0000;} DIV.Content A:hover{color:#ce0000;}
.Tbl {margin: 8px 0px; padding: 8px 2px; border: solid 1px #cecfce;}
.Tbl TH, .TblH {background-color: #9c9a9c; color:#ffffff; font-size: .8em; font-weight: bold; 
	padding:6px; margin: 0px; }
.Tbl TD {font-size:.8em; padding:4px; margin:0px; border-style: none; border-bottom: dotted 1px #dedfde;}
	.Tbl TD A{color:#ce0000;} .Tbl TD A:hover{color:#ce0000;}
.callout {float:right; width: 200px; font-family: Tahoma, Cursive, Sans-Serif; font-size: 1.2em; 
	margin: 10px 0px 15px 20px; padding: 14px; line-height: 1.3em; color: #000000; 
	background-color: #cecece; border: 2px dotted #669999; }
.searchword1 { background-color: #fde4b9; color: #993400; } 
.searchword2 { background-color: #f1b970;  color: #993400; }

/* FAQs */
.Question {padding: 6px 0px; } 
.Question A {color: #ce0000; font-size: .9em; font-weight:bold;}
.Answer {background-color: #cecfce; padding: 0px 8px; margin-bottom: 8px; }
.Answer P {margin-bottom: 8px; }

/* CONTACTS */
div.contacts td {padding-right: 8px;}
div.contacts td.name, div.contacts td.desc, div.contacts td.email, div.contacts td.phone_a {}
div.contacts td.phone_b {display:none;}

/* EVENTS */
.EventItem {font-size: .9em; margin: 14x 0px 8px 0px; }
.EventName {color: #000000; font-size: 1.2em; font-weight: bold; }
.CalBox {background-color:#cecfce; border: solid 1px #9c9a9c;
	border-top: solid 4px #ce0000;}
.CalCaption {font-size: 10px; font-weight: bold;margin: 0px 0px 12px 0px;}
.CalTitle {color: #ffffff; background-color:#9c9a9c; font-size: 1em; font-weight: bold;
	border-top: solid 4px #ce0000; }
.EventArrows A {background-color:#efefef; font-size: medium; font-weight: bold; 
	padding: 2px 4px; height:25px; text-decoration: none;}
.EventArrows A:hover {background-color:#ce0000;}/*can't change color*/
.DaysOfWeek {font-size: 10px; font-weight: bold; }
.DayWOEvents {color: #000000; font-weight:bold; font-size:.9em; }
.DayWtEvents {font-weight:bold; font-size:.9em; }
.DayWtEvents A {background-color: #ffffff;  text-decoration: none; border: 2px solid #ffffff;}
.DayWtEvents A:hover {border: 2px solid #ce0000; } /*can't change color*/
.DaysOtherMonth {color:#cecfce;  }
.DayToday {color:#ffffff; font-weight:bold;}
/*can't set properties of selected day; is always gray*/
/*adding padding and margins drops it down a screen in NN4*/

/* STORE */
.StoreMenu {text-align:center; font-size:12px;  font-weight:bold;}
	.StoreMenu  A{color:#ce0000;} .StoreMenu  A:hover{color:#ce0000;}

/* FORUMS */
.ForumMenu {text-align:center; font-size:12px;  font-weight:bold;}
	.ForumMenu A{color:#ce0000;} .ForumMenu A:hover{color:#ce0000;}
.WhereAmI {margin: 8px 0px; font-size:.9em;}
.WhereAmI A{color:#ce0000;} .WhereAmI A:hover{color:#ce0000;}
	A.linkMenuSink, TD.popupMenuSink  {position: relative;}
DIV.popupMenu {border: 1px solid #ce0000; background-color: #ffffff; padding:0px; margin:0px;}
DIV.popupTitle {color: white;  background-color: #ce0000; font-weight: bold; padding: 3px; margin: 0px;font-size:.8em;}
DIV.popupItem {font-weight: bold; padding:4px; margin: 0px ;font-size:.9em;}
	DIV.popupItem A{ color:#ce0000; text-decoration: none;font-size:.9em;}
	DIV.popupItem A:hover{color: white;  background-color: #ce0000; text-decoration: none;}
.ForumTbl {margin: 8px 0px; padding: 8px 2px; border: solid 1px #cecfce;}
.ForumTbl TH, .ForumTblHead {background-color: #9c9a9c; color:#ffffff;
	font-size:  .8em; font-weight: bold; padding:6px; margin: 0px; }
.ForumTbl TD {font-size:.9em; padding:2px; margin:0px; }
	.ForumTbl TD A{color:#ce0000;} .Thread TD A:hover{color:#ce0000;}
	.ForumTbl TD A:hover{color:#ffffff;background-color:#ce0000;}
.ForumTbl TD.Small {font-size:.8em; padding:0px; margin:0px; }
.tableBorder, .Forum {margin: 6px 0px; padding:0px; border: solid 1px #ce0000;}	
.tableHeaderText, .forumHeaderBackgroundAlternate {
	font-size: .9em; font-weight: bold; padding:6px; margin: 0px; }
.tableHeaderText {background-color: #9c9a9c; color:#ffffff;}
.forumHeaderBackgroundAlternate {background-color: #efebef;}
.ForumRow, .ForumAlternate, .ForumRowHighlight
	{padding:2px; margin:0px; border-bottom: solid 1px #d6d3ce; font-size:.8em; }
.ForumRow { background-color: #efebef; color: #000000; }
.ForumAlternate { background-color: #efebef; color: #000000;}
	.ForumRow A,.ForumAlternate A, .forumHeaderBackgroundAlternate  A 
		{color:#ce0000; font-weight: bolder; }
	.ForumRow A:hover,.ForumRowHighlight A:hover, .ForumAlternate A:hover, .forumHeaderBackgroundAlternate A:hover 
		{color:#ffffff; background-color:#ce0000;}
.ForumRowHighlight { background-color: #cecfce; color:#000000;font-size:.8em; }
	.ForumRowHighlight A {color:#ce0000;} .ForumRowHighlight A:hover {color:#ffffff;}
.ForumTitle {color: #ce0000; font-weight: bolder; }
.threadDetailTextSmall {font-size:.9em; }
.normalTextSmall{font-size:.8em;} 
.normalTextSmallBold{font-size:.8em; font-weight:bolder;} 
.normalTextSmaller, .linkSmallBold {font-size:.7em;} 
.userOnlineLinkBold {color:#ce0000; font-weight:bolder;}
.moderatorOnlineLinkBold {color:#ce0000; font-weight:bolder;}
.Paging { font-size: .9em;}
/*****************************************************
General Text
*****************************************************/
.txt1 { font-size : 1.0em; } 
.txt2 { font-size : 0.9em; }
.txt3 { font-size : 0.8em; }
.txt4 { font-size : 0.7em; }
.txt5 { font-size : 0.6em; }
/*****************************************************
Forum Name Title
*****************************************************/
/* em: unit of measurement for the height of the element's font, which is resolution independent */
/* text style for the main forum name */
.forumName {font-size: 1.4em;font-weight: bold;}
/* text style for when mouse hovers over main forum name */
a.forumName:hover {color: #FF3300;text-decoration: none;}
/* description of Forums on main page (underneath Forum Name) */
.forumThread {font-size: 0.9em;}
/*****************************************************
Control Panel
*****************************************************/
td.ControlPanelTabLine { background-color: #993400; }
 /* used in Forums Statistics box to control size of text*/
TD.fh2 {font-size: 0.71em;}
.Label, .Entry, .UI {font-size:12px;}
.Label, .Entry {padding: 10px; border-bottom: solid 1px #f1b970; background-color: #efebef;} 
.Label {padding-top: 10px; text-align:right;}
/* End Add New Forum Styles */