/* CSS Document */
/* set globals */
* { border: none; padding: 0; margin: 0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 5%; }
fieldset { padding: 0.5em; }
img { border: 0;}

body { min-width: 48em; background-color: #FFF; /* Gecko min */ }

div#headerwrap { position: absolute; width: 100%; top: 0; left: 0; height: 100px; }
body>div#headerwrap { position: fixed; }
div#header { height: 99px; width: 100%; border-bottom: 1px solid #990000; background-color:#FFFFFF;  
			background: #FFFFFF url( 'images/logo.gif' ) top left no-repeat; }
div#headermenu { width: 174px; height: 100px; float: right; z-index: 0; }
div#headermenu img { margin: 1px 1px; padding: 1px; }

div#menuwrap { position: absolute; top: 100px; left: 0; height: 100%; width: 170px; background-color: #FFFFFF; }
body>div#menuwrap { position: fixed; }
div#menu { z-index: 4;  background-color: #CC9966; padding: 0 0 4.5em 0; }

.butts { height: 280px; padding: 0.6em 0.1em 1.2em 0.6em; text-align: right; }

.butts ul { margin: 0; padding: 0; list-style: none;
	width: 140px; /* menu items width*/ border-bottom: 1px solid #CC9966; }
.butts ul li { position: relative; font: bold 1em 'Courier New', Courier, mono; }
.butts li ul { position: absolute; left: 139px; /* 1px less than menu width */ top: 0; display: none; }
/* menu items styles */
ul li a { display: block; text-decoration: none; color: #FFFFFF;
	background: #CC9966; /* IE6 Bug */
	padding: 0.3em; border: 1px solid #CC9966; border-bottom: 0; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* end */
ul li a:hover { color: #000000; background: #CC6666; }
li ul li a { padding: 2px 5px; background-color: #CC6666; } /* sub-menu styles */
li:hover ul, li.over ul { display: block; } /* magic */

.menufoot { background: #CC9966 url(images/typewriter-sm.jpg) no-repeat; font: bold 0.8em 'Courier New', Courier, mono; color: #FFFFFF; padding: 0.6em 1em 1em 2em; }
.menufoot a:link { text-decoration: none; }
.menufoot img { padding: 0.6em 0; }

div#midwrap { padding: 100px 0 0 0; margin-left: 0;
/*left mar and bottom pad for IE5Win - then others */
voice-family: "\"}\""; voice-family: inherit; margin-left: 170px; padding-bottom: 40px; clear: both; }	
body>div#midwrap { margin-left: 170px; }
div#mid { width: 78%; padding: 0 0.8em 3em 0.8em; background-color: #FFFFFF; font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-align: justify; float: left; }
div#midad { margin: 1em 0; padding: 0 0.8em 0 0.8em; background-color: #FFFFFF; text-align: center; float: right; }
.archive { width: 120px; font: normal 0.8em Georgia, 'Times New Roman', Times, serif; margin: 2em 0.5em 4em 0.5em; }
.archive ul { list-style: none; background-color: #FFFFFF; font-size: 0.8em; }
.archive ul li a { color: #000000; text-decoration: none; background-color: #FFFFFF; border-bottom: 1px #CC9966; }
.archive ul li a:visited { color: #CC9933; }
.archive ul li a:hover { color: #990000; background-color: #CCCCCC; }
	
#mid a:link { color: #993333; font-size: 1em; text-decoration: none; }
#mid a:visited { color: #999999; text-decoration: none; }
#mid a:hover { color: #CC0000; border-bottom: 1px dotted #CC0000; } 
		
div#footerwrap { width: 100%; position: absolute; bottom: 0; left: 0; background-color: #FFFFFF; }
body>div#footerwrap { position: fixed; }
div#footer { width: 100%; z-index: 5; background-color: #FFFFFF; padding: 0.4em 0; text-align: center;
  			 font: normal 0.75em Arial, Helvetica, sans-serif; line-height: 1em; color: #999999;
			 border-top: 1px solid #990000; }
div#footer2 { width: 100%; z-index: 5; background-color: #FFFFFF; padding: 0.4em 0; text-align: center;
  			 font: normal 0.75em Arial, Helvetica, sans-serif; line-height: 1em; color: #999999;
			 border-top: 1px solid #990000; }
div#footer a:link { color: #FF6666; text-decoration: none; padding: 0; }
div#footer a:visited { color: #CC9966; text-decoration: none; }
div#footer a:hover { color: #FF0000; }
 

/* layout + typo h1-3 diff */
h1 { color: #000000; font: normal 1.1em Georgia, 'Times New Roman', Times, serif; }
h2 { font: bold 1em 'Courier New', Courier, mono; color: #990000; }
h3 { font: bold 1em Georgia, 'Times New Roman', Times, serif; padding: 0 0 0 4em; }
h3 a:link { text-decoration: none;  color: #333333; }
h3 a:hover { color: #666666 !important; border-bottom: none !important; }
html>body h3 { font: bold 1em Georgia, 'Times New Roman', Times, serif; color: #333333; padding: 0 0 0 8em; }
html>body h3 a:link { border-bottom: 1px dotted; color: #CCCCCC !important; }
html>body h3 a:hover { color: #666666 !important; }

h4 { font: normal 0.75em Arial, Helvetica, sans-serif; color: #999999; margin: 0 0 0 4em; }
h5 { font: bold 1em Georgia, 'Times New Roman', Times, serif; text-align: center; } 

p { font: normal 1em 'Times New Roman', Times, serif; line-height: normal; }
.note { font-size: 10px; color: #666666; }
.faq { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #990000; padding: 0 1em 0 0; }
.fga { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #990000; padding: 2em; }
.block { padding: 0 0 0 2em; } 
.whatpics { float: right; padding: 1em 2em; }

span.cap-g {/* Bad Moz! p:first-letter.class */
  color: #990000; font: bold 2em 'Courier New', Courier, mono;
   float: left; padding: 0 0.1em; margin: 0 0.1em 0 0; }
.style1 { color: #990000; } 
.under { border-bottom: 1px dotted #FFF; }
.clear { clear: both; }

/* book style  */
.poem { margin-left: 60px; font: italic 0.9em Verdana, Arial, Helvetica, sans-serif; }
.stanza { margin: 12px 0;  }
.i2 { margin-left: 200px; }