/* General style sheet called styleMouse.css for oldmouse.com*/



body { font: medium Arial, Helvetica, Verdana, sans-serif;
    color: black;
    font-size: 8pt;
    background: yellow;}
    
.color	{background-color: white; }

p, ul, li { font: medium Arial, Helvetica, Verdana, sans-serif;
    color: black;
    font-size: 10pt;     }



table, td, th { font: medium Arial, Helvetica, Verdana, sans-serif;
    color: black;
    font-size: 10pt;
    background: white;}

h1 { font: 12pt "Seagull Md BT", Helvetica, Verdana, sans-serif;
    color: #000; }

h2 { font: 12pt "Seagull Md BT", Helvetica, Verdana, sans-serif;
    color: teal; }
    
h3.sub { font-family: "Seagull Md BT", Helvetica, Verdana, sans-serif;
    color: #008080;
    font-weight: bold;
    font-size: 10pt;
    margin-bottom: -10px; }

h3 { font: bold 11pt "Seagull Md BT", Helvetica, Verdana, sans-serif;
    color: black; }
   

/* 'stupid' */
h4 { position: absolute;
	top: 35px;
	left: 35px;
	font: bold italic 28pt times, serif;
	color: teal; }

/* 'm o u s e' */
h5 { position: absolute;
	top: 55px;
	left: 55px;
	font: bold 60px times, serif;
	color: teal; 
	z-index: 3;}

/* 'm o u s e' */
h5#shad { position: absolute;
	top: 58px;
	left: 58px;
	font: bold 60px times, serif;
	color: #cccccc; 
	z-index: 2; }

/* 'm o u s e' */
h5#shaddk { position: absolute;
	top: 59px;
	left: 59px;
	font: bold 60px times, serif;
	color: #999999; 
	z-index: 1; }

/* 'tricks' */
h6 { position: absolute;
	top: 70px;
	left: 285px;
	font: bold italic 48pt times, serif;
	color: gold; }

/* 'and old' */
  .a { position: absolute;
	left: 235px;
	top: 245px;
	font: bold italic 20pt times, serif;
	color: teal;
	background: transparent; }

/* 'mouse' */
  .b { position: absolute;
	left: 285px;
	top: 255px;
	font: bold 32pt times, serif;
	color: gold; 
	z-index: 1;
	background: transparent; }

/* 'curiosities' */
  .c { position: absolute;
	left: 385px;
	top: 270px;
	font: bold italic 24pt times, serif;
	color: olive; 
	z-index: 2;
 	filter: alpha(opacity=70);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 	-moz-opacity: 70%;
	background: transparent;
	}

/* 'oldmouse' shadow */
  .d { position: absolute;
	left: 105px;
	top: 320px;
	font: bold 20px Bookman times, serif;
	color: #AAAA00; 
	z-index: 0;
	background: transparent;}

/* 'oldmouse' */
  .d1 { position: absolute;
	left: 107px;
	top: 322px;
	font: bold 20px Bookman times, serif;
	color: white; 
	z-index: 2;
	background: transparent;}

/* 'oldmouse' */
  .d2 { position: absolute;
	left: 106px;
	top: 321px;
	font: bold 20px Bookman times, serif;
	color: #ffff80; 
	z-index: 3;
	background: transparent;}

/* copyright */
  .d3 { position: absolute;
	left: 106px;
	top: 350px;
	font: 10px Verdana, Helvetica, Verdana, sans-serif;
	color: #cccccc; }

/* copyright shade */
  .d4 { position: absolute;
	left: 105px;
	top: 350px;
	font: 10px Verdana, Helvetica, Verdana, sans-serif;
	color: #999999;
	background: transparent; }

/* double box */
 #toc { position: absolute;
	top: 170px;
	left: 350px; 
	font: bold medium Seagull Md BT, Helvetica, Verdana, sans-serif;
	background-color: #d4d4d4;
	border: 10px double teal; 
	padding: 1 5 1 5; 
	z-index: 6;
	opacity: 5% }


.toc {
 filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 70%;
}

#intro { position: absolute;
	top: 50px;
	left: 150px; border: 1px double white;
	background-color: white;
	padding-left: 40px; 
	padding-right: 40px; }

#key1  { position: absolute;
	top: 100px;
	left: 150px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key2  { position: absolute;
	top: 100px;
	left: 210px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key3  { position: absolute;
	top: 100px;
	left: 270px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key4  { position: absolute;
	top: 100px;
	left: 330px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key5  { position: absolute;
	top: 100px;
	left: 390px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key6  { position: absolute;
	top: 100px;
	left: 450px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key7  { position: absolute;
	top: 100px;
	left: 510px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#key8  { position: absolute;
	top: 100px;
	left: 580px; border: 2px double teal; 
	background-color: gold;
	padding: 1px; }

#middle { position: absolute;
	top: 150px;
	left: 120px; border: 2px double white; 
	background-color: white;
	padding: 2px; }


.back { font: bold medium Seagull Md BT, Helvetica, Verdana, sans-serif;
    color: teal; 
    backgroundcolor: gold;}


a:  {color: gray;
    text-decoration: none; }

a:link {color: #008080;
   text-decoration: none; }

a:visited {color: #004080;
   text-decoration: none; }

a:active {color: #004080;
   text-decoration: none; }

a:hover { color: #004080;
   background-color: yellow;
   text-decoration: none; }

.small { font: small Verdana, Helvetica, Verdana, sans-serif;
    color: black; }

.x-small { font: x-small Verdana, Helvetica, Verdana, sans-serif;
    color: black; }

.x-s { font: x-small Verdana, Helvetica, Verdana, sans-serif;
    color: #999999; }

b {font-weight: 700; }

th { font: bold medium Seagull Md BT, Helvetica, Verdana, sans-serif;
    color: black; 
    backgroundcolor: gold;} 

.textonly { font: medium Seagull Md BT, Helvetica, Verdana, sans-serif;
    color: white;
    text-decoration: none; }

.firstpage { backgroundcolor: white;}

.Xmas { font: italic medium Seagull Md BT, Helvetica, Verdana, sans-serif;
    color: maroon;
    }