BODY {
	margin: 10px;
	background-color: #352122;
	background: #352122;	
	font: 12px  Helvetica, 'Trebuchet MS', sans-serif; color: #dddddd;
	scrollbar-face-color:#666666;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#aaaaaa;
	scrollbar-shadow-color:'#666666';
	scrollbar-highlight-color:'#aaaaaa';
	scrollbar-3dlight-color:'#cccccc';
	scrollbar-darkshadow-Color:'#333333';
	
}

//.subnavheadbg {background-color: #5b4142;}
//.subnavbg {background-color: #6a5657;}

TABLE, TD, P {
	//background-color: #352122;
	//background: #352122;	
	font-size: 12px;
}

P {line-height: 170%; font-weight: 200; color: #DDDDDD;}
.selected {color: #b9a16f;}
.note {color: #B6B3BB; font-size: 9px;}
.greyline {color: #765c34; }


H1 {
	color: #b9a16f; /*gold*/
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 16px;
}

H2 {
	color: #b9a16f; /*gold*/
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 16px;
}

H3 {
	color: #b9a16f; /*gold*/
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 12px;
}



.Footer {
	color: #666666;
	font-family: arial;
	font-size: 7pt;}

.alert {
	color: red;
	font-weight: bold;}
	
.explain {
	color: #777777;
	font-size: 8pt;}
	
.titlebar {color: #eeeeee; background-color:#777777; font-weight:bold;}
.lighterbar { background-color:#eeeeee;}
.darkerbar { background-color:#D6DEE9;}

.thumbs {border:1px solid #6E4D4F;
	margin: 5px 5px  5px  5px ;}

A:link  {color: #b9a16f;text-decoration: none;}
A:visited  {color: #b9a16f;text-decoration: none;}
A:active  {color: #FFFFFF;text-decoration: underline; outline:none; -moz-outline-style: none;}
A:hover  {color: #FFFFFF;text-decoration: underline; outline:none; -moz-outline-style: none;}
A:focus  {color: #b9a16f;text-decoration: underline; outline:none; -moz-outline-style: none;}

.numbers:link  {color: #b9a16f;text-decoration: none;}
.numbers:visited  {color: #bbbbbb;text-decoration: none;}
.numbers:active  {color: #b9a16f;text-decoration: underline; outline:none; -moz-outline-style: none;}
.numbers:hover  {color: #FFFFFF;text-decoration: underline; outline:none; -moz-outline-style: none;}
.numbers:focus  {color: #FFFFFF;text-decoration: underline; outline:none; -moz-outline-style: none;}
.numbers { color:#b9a16f;}

.nav:link  {color: #CCCCCC; text-decoration: none; font-size: 10pt;}
.nav:visited  {color: #CCCCCC; text-decoration: none; font-size: 10pt;}
.nav:active  {color: #FFFFFF; text-decoration: none; font-size: 10pt;}
.nav:hover  {color: #FFFFFF; text-decoration: none; font-size: 10pt;}

.navselected:link  {color: #b9a16f;text-decoration: none;  font-size: 10pt;}
.navselected:visited  {color: #b9a16f;text-decoration: none;  font-size: 10pt;}
.navselected:active  {color: #b9a16f;text-decoration: none; font-size: 10pt;}
.navselected:hover  {color: #b9a16f;text-decoration: none;  font-size: 10pt;}

.subnav:link  {color: #B6B3BB;text-decoration: none;}
.subnav:visited  {color: #B6B3BB;text-decoration: none;}
.subnav:active  {color: #FFFFFF;text-decoration: none;}
.subnav:hover  {color: #FFFFFF;text-decoration: none;}

.subnavdim:link  {color: #6e4d4f;text-decoration: none;} 
.subnavdim:visited  {color: #6e4d4f;text-decoration: none;}
.subnavdim:active  {color: #b9a16f;text-decoration: none;}
.subnavdim:hover  {color: #b9a16f;text-decoration: none;}

.subnavselected:link  {color: #b9a16f;text-decoration: none;}
.subnavselected:visited  {color: #b9a16f;text-decoration: none;}
.subnavselected:active  {color: #b9a16f;text-decoration: underline;}
.subnavselected:hover  {color: #b9a16f;text-decoration: underline;}

.subsubnav:link  {color: #a1b3dc;text-decoration: none;}
.subsubnav:visited  {color: #a1b3dc;text-decoration: none;}
.subsubnav:active  {color: #5f89e7;text-decoration: none;}
.subsubnav:hover  {color: #5f89e7;text-decoration: none;}

.subsubnavselected:link  {color: #477df7;text-decoration: none;}
.subsubnavselected:visited  {color: #477df7;text-decoration: none;}
.subsubnavselected:active  {color: #477df7;text-decoration: underline;}
.subsubnavselected:hover  {color: #477df7;text-decoration: underline;}


.tinynav:link  {color: #666666;text-decoration: none; font-size: 10px;}
.tinynav:visited  {color: #666666;text-decoration: none;  font-size: 10px;}
.tinynav:active  {color: #666666;text-decoration: none;  font-size: 10px;}
.tinynav:hover  {color: #666666;text-decoration: none; font-size: 10px;}

.logo   {color: #ffffff; font-size: 24px; line-height:6px;}
.logo:link  {color: #ffffff;text-decoration: font-size: 24px;}
.logo:visited  {color: #ffffff;text-decoration: none; font-size: 24px;}
.logo:active  {color: #ffffff;text-decoration: none; font-size: 24px;}
.logo:hover  {color: #ffffff;text-decoration: none; font-size: 24px;}

.mainnav {
	font-weight: 700; 12px; 
	letter-spacing: 2px;
}

.subnav {
	line-height: 180%;
	font-size: 8pt;
	letter-spacing: 1px;
}

.squarepic {padding-bottom: 5px;}

.navdiv {position: absolute; top: 500px; margin: 0 auto; width: 100%;}
div.introdiv {background-color: #352122;  margin-top: -4px;}
div.floatleft {float:left; padding-top:10px;padding-bottom:10px;}
div.narrowcol {width: 348px;}
div.widecol {width: 548px;}

.tinynavtable {margin-top: 10px; margin-left: 4px;}
.tinynavbar {color: #666666; padding-left: 4px; padding-right: 4px;}
.Article {	
	column-count: 3;
	column-gap: 20px;
	column-rule: 1px dotted #BBB;
	background-color: #FFFFFF;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
	padding: 8px;
	text-align: justify;
 	
}
.Article2Col {	column-count:2;}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 380px;
height: 270px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #352122;
margin: 0.3em auto;
padding: 0 15px 0 0;
outline:none; 
-moz-outline-style: none;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 680px;
height: 150px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #352122;
margin: 0.3em auto;
padding: 0 15px 0 0;
outline:none; 
-moz-outline-style: none;
}

#mycustomscroll4 {
/* Typical fixed height and fixed width example */
width: 550px;
height: 300px;
outline:none; 
-moz-outline-style: none;
}

#mycustomscroll1 {
outline:none; 
-moz-outline-style: none;
}



.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #352122;
}
.vscrollerbar {
width: 10px;
background-color: #b9a16f;
}
.hscrollerbase {
height: 10px;
background-color: #352122;
}
.hscrollerbar {
height: 10px;
background-color: #b9a16f;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}