/* CSS styles for home page */

html {overflow-y: scroll} 

/* 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
*/

*               { font-weight: inherit; }
li              { font-weight: normal; !important }            
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: #656565; font-size: 140%; margin-top: 0; line-height: 1;}
ul		{ list-style-type: none;  }
li		{ font-weight: 400; font-size: 120%; line-height: 1.4; }
h1 b		{ color: #00BE00; }
a               { outline: none; }      /*  hides focus outline   */

table		{ border: none; 
		  width: 100%; }
td		{ font-family: helvetica, arial, sans-serif; 
		  vertical-align: top; 
		  font-size: 90%; 
		  width: 50%; }

#grid     { background-color: white; padding: 0; }
#grid td  { padding: 0; background-color: #f1f1f1;  }
#grid ul  { margin-bottom: 0; }
#cell1    { border-right:  4px dotted #00BE00; }
#cell3    { border-top:    4px dotted #00BE00; }

#cell1   { background-image: url(../images/White10x1px.gif); background-position: top right; background-repeat: repeat-y }
#cell2   { background-image: url(../images/White10x1px.gif); background-position: top left;  background-repeat: repeat-y }
#cell3   { background-image: url(../images/White10x1px.gif); background-position: top left;  background-repeat: repeat-y }
#cell1 div { padding: 20px 30px 20px 20px; }
#div2    { padding: 20px 20px 20px 30px;  }
#cell3 div  { border-top: 10px solid white; padding: 20px 20px 20px 30px; }
#cell2   { border-bottom: 10px solid white; }

td       { -moz-background-clip: padding; }          /*  blocks background beneath green dotted border */

#outer          { margin: 0; border: none; padding: 0; max-width: 1024px; }
#auxnav		{ font-size: 95%; font-weight: bold; text-align: right; margin-bottom: 30px; }
#main		{ background-color: white;
		  padding: 12px; }
#footer		{ font-size: 80%; text-align: center; margin-top: 10px; color: #969696; }
#main p		{ font-weight: bold; padding: 0 10px 0 10px; }


#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; }
li      a:link     { color: #656565; font-weight: 400; }
li      a:visited  { color: #656565; font-weight: 400; }
li      a:active   { color: #656565; font-weight: 400; background-color: white; }
li      a:hover    { color: #656565; font-weight: 400; 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; }