/* CSS styles for topic page */

html {overflow-y: scroll}               /* reserves space for the vertical scroll bar so content does not jump around */

/* color scheme
    #000000	black
    #00BE00	green
    #F1F1F1	very light gray, for large text block background
    #989898	darker gray
    #656565	charcoal, for text on white and light gray background
    #333333	black, for  background
    #999999	dark gray, for letters on black background
    #505050	dark charcoal, for hyperlinked text
    #969696	medium gray, for footer text
    #A98B70     brown, for print control
*/


body		{ font-family: arial, helvetica, sans-serif; 
		  font-size: 90%;
		  line-height: 1.4;
		  color: #656565; 
		  background-color: #333333;
		  margin: 0; padding: 30px; }
h1		{ color: white; line-height: 1;}
h2		{ color: #00BE00; margin-top: 0; line-height: 1; 
		  font-size: 140%; }
h3		{ color: #989898;  line-height: 1;
		  font-size: 120%; }
h1 b		{ color: #00BE00; }
ul		{ list-style-type: none;  }
ul.square	{ list-style-type: square;  }
li		{ color: #656565;
		  font-weight: 400; 
		  font-size: 130%; 
		  line-height: 140%; 
		  margin-bottom: 10px; }
img	        { border: 0; }
table		{ border: 0; margin: 0;
		  border-collapse: collapse;
		  width: 100%; }
tr		{ vertical-align: top; }
b		{ color: #333333; }
.gr		{ color: #00BE00; }

iframe		{ border: none; }

.tdate		{ font-size: 55%;
		  color: #656565;
		  padding-left: 30px; }

#outer          { margin: 0; border: none; padding: 0; max-width: 1024px; }

#menu td	{ font-family: arial, helvetica, sans-serif; 
		  font-size: 110%; 
		  line-height: 110%; 
		  padding: 4px 0 4px 20px; margin: 0;
		  border: 0;  }

#auxnav		{ font-size: 95%; font-weight: bold; text-align: right; margin-bottom: 30px; }
		  
#main		{ background-color: white;
		  padding: 12px; }


#menu		{ border: none; 
		  margin: 0 0 20px 0;
		  background-color: #f1f1f1; }
.mtitle		{ background-color: #989898; 
		  color: white; }
.mitem 		{ color: #656565; }

#menu td	{ font-size: 98%; line-height: 130%; }
#topic		{ border: 0; 
		  margin: 0;
		  padding: 20px; 
		  background-color: #f1f1f1; }

#prnt		{ color: #A98B70; 
		  font-size: 70%; 
		  padding-right: 1px; 
		  float: right;
		  margin-top: 6px; }


#footer		{ font-size: 80%; 
		  color: #969696;
		  text-align: center; 
		  margin-top: 10px;  }

#topic  p	{ font-size: 100%; font-weight: 500; }          /* article text */
#topic li	{ font-size: 100%; font-weight: 500; }

#newsleft	{ font-size: 100%; font-weight: 500; }          /* news text */
#newsleft li	{ font-size: 100%; font-weight: 500; }

#newstoc  	{ background-color: #f1f1f1; }
#newsleft	{ padding: 20px;  }
#newsright	{ border-left: 30px solid white; padding: 20px; }

#meta		{ font-size: 90%;
		  font-weight: bold;
		  margin-top: -1em;
		  margin-bottom: 2em; 
		  margin-left: 80px; }
.taxa		{ color: black; }
.othr		{ color: black; padding-right: 80px; }


#auxnav a:link	   { color: #999999; }
#auxnav a:visited  { color: #999999; }
#auxnav a:active   { color: #999999; background-color: white; }
#auxnav a:hover    { color: #999999; background-color: white; }
.mitem  a:link     { color: #656565; text-decoration: none; }
.mitem  a:visited  { color: #656565; text-decoration: none; }
.mitem  a:active   { color: #656565; text-decoration: none; background-color: white; }
.mitem  a:hover    { color: #656565; text-decoration: none; background-color: white; }
#footer a:link	   { color: #969696; text-decoration: none; }
#footer a:visited  { color: #969696; text-decoration: none; }
#footer a:active   { color: #969696; text-decoration: none; background-color: #eeeeee; }
#footer a:hover    { color: #969696; text-decoration: none; background-color: #eeeeee; }

#sitetitle a:link     { color: white; text-decoration: none; }
#sitetitle a:visited  { color: white; text-decoration: none; }
#sitetitle a:acive    { color: white; text-decoration: none; }
#sitetitle a:hover    { color: white; text-decoration: none; }

#topic     a:link     { color: #505050;  }
#topic     a:visited  { color: #505050;  }
#topic     a:active   { color: #505050;  background-color: white; }
#topic     a:hover    { color: #505050;  background-color: white; }

#newsleft  a:link     { color: #505050;  }
#newsleft  a:visited  { color: #505050;  }
#newsleft  a:active   { color: #505050;  background-color: white; }
#newsleft  a:hover    { color: #505050;  background-color: white; }