* { padding: 0; margin: 0; }
html { min-height: 100%; background: #fafefa; color: #222; font-size: 100%; /* IE Hack */ }
body { font: 1.05em/1.5em Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; background: url(../images/green_gradient.gif) repeat-x top left;}

a:link { background-color: transparent; color: #033; }
a:visited { background-color: transparent; color: #606; }
a:link:focus, a:link:hover, a:link:active { background-color: #d8e0e0; } 
a:visited:focus,a:visited:hover,a:visited:active { background-color: #e8d8e8; }
/* reset the above for IE, as it confuses the heck out of it */
* html a:visited:focus, * html a:visited:hover, * html a:visited:active { background-color: #d8e0e0; } 

h1,h2,h3,h4,h5,h6 { color: #333; margin: 0.75em 0 0.5em 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.2em; }

#masthead { font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size: 1.7em; padding: 0.6em; background: #ded; }
#masthead a { text-decoration: none; color: #222; }

h1 { margin-top: 0; }
h1 .part { color: #666; font-size: 0.6em; display: block; line-height: 1.2; margin-top: 0; font-style: normal; font-weight: normal; }

h1 { font-size: 1.85em;  }
h2 { font-size: 1.64em; }
h3 { font-size: 1.18em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1em; }

dt { font-weight: bold; }
table { border-collapse: collapse; }
td, th { border: 1px #ddd solid; padding: 0.5em; }
thead th { background: #eee; }


abbr, acronym {
	text-transform: lowercase;
	font-variant: small-caps;
	font-style: normal;
	border-bottom: 0;
	letter-spacing:0.1em;
	margin: 0 0.1em;
}

div.imgcontainer { text-align: center; }
div.imgcontainer img { margin: 0 auto; padding: 5px; border: 1px #366 solid; }

.highlight { background: #cfc; }
.fineprint {
	font-size: 85%;
}

.note { background: #fee url(../images/dogear.gif) no-repeat top left; padding: 20px; }

#main blockquote.story { font-style: italic; background: url(../images/quote-open.gif) no-repeat top left; padding: 0 0 0 20px; margin: 0; }

.part { font-style: italic; }

#controls { font-size: 0.8em; background: #ddd; border-bottom: 1px #bbb solid; padding: 0.3em; height: 2em; min-height: 20px; list-style: none; }
#controls li { float: left; }
#controls li a { display: block; padding: 0.2em 0.5em; margin: 0 0.3em; }
#controls li a#controls_text { padding-left: 35px; background-image: url(../images/text.gif); background-repeat: no-repeat; background-position: 4px center ; }
#controls li a#controls_nav { padding-left: 24px; background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: 4px center ; }
#controls li a#controls_print { padding-left: 30px; background-image: url(../images/print.gif); background-repeat: no-repeat; background-position: 4px center ; }

#wrapper { padding-left: 20%; padding-right: 222px; padding-top: 1em; position: relative; /* provide positioning origin */ }
/*
  ******************************************
  ADDED padding-right: 222px 
  NEED to fix for IE
  ******************************************
*/

#main { padding: 0 0 0 2em; width: 35em; max-width: 90%; }

#main ul, #main ol { margin: -0.7em 0 1.3em 0; }
#main li, #main li ul { margin: 0.2em 0; }
#main ul.nested ul, #main ul.nested ol,
#main ol.nested ul, #main ol.nested ol { padding-left: 1.5em; }

#main p { margin: 1em 0; }

#main code, #main keyb { font-family: "Bitstream Mono", "Courier New", Courier, monospace; font-size: 0.95em; }

#main blockquote { margin: 2em 2em 2em 2em; }


#nav { width: 20em; max-width: 19%;  position: absolute; top: 2em; left: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.7em; line-height: 1.2; padding-bottom: 2em; }
* html #nav { width: 15em; left: -19%; height: 1%; }
/*
  ******************************************
  ADDED width: 15em; 
  ******************************************
*/
#nav a { text-decoration: none; display: block; padding: 0.1em 0.2em;  height: 1%; }
#nav ul { list-style: none; height: 1%;  }
#nav li { padding: 0.2em 0; margin: 0.2em 0; border-top: 1px #ddd solid; }
#nav li li { padding-left: 1em; }
#nav li.sub { margin-bottom: 0; padding-bottom: 0; }
#nav .current { font-weight: bold; }


#nav h2, #footer h2 { /* hide visual rendering of h2 */
    position: absolute; 
    left: -999px; 
    width: 990px; 
}

#footer { clear: both; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.75em; line-height: 1.4; padding: 2em 0 1em 2.7em; border-top: 1px #ddd solid; width: 46em; }

#references { margin: 3.5em 0; color: #444; font-size: 0.75em; }

#notice, #sponsortop { display: none; }

#sponsorbox { width: 185px; max-width: 19%;  position: absolute; top: 5.75em; right: 0em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom: 1em;
	text-align: right; 
	color: #333333;
	background-color: #fff;
	line-height: 1.2;
	border-left: 1px solid #ded;
	border-bottom: 1px solid #ded;
	}
* html #sponsorbox { top: 5.85em; height: 1%; }
#sponsorbox a img, #sponsortop a img {
	border: none;
	}
#sponsorbox h2 {
	text-align: center;
	color: #666;
	font-size: 1.15em;
	}
#sponsorbox h2 a { 
	text-decoration: none; 
	display: block; 
	color: #222
	}
#sponsorbox p {
	display: none;
	}
#sponsorlist ul, #sponsorlist li {
	margin: 0.75em 0 0 0;
	padding: 0.75em 0 0 0;
	list-style-type: none;
	text-align: center;
	}