/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common browsers */
:link,:visited { text-decoration:none; color: inherit; }
ul,ol { list-style:none; }
li { display: block;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }


html
  {
    height: 100%;
  }

body
  {
    position: relative;
    height: 100%;
    font: 75%/1.4 Verdana, Arial, Helvetica, sans-serif;
  }

* html body
  {
    font-size: 75%;
  }

#wrapper
  {
    min-height: 580px;
    width: 880px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -290px 0 0 -440px;
  }

* html #wrapper
  {
    height: 580px;
    left: 50%;
  }

#w2
  {
    position: relative;
    height: 100%;
  }

#banner,
#mainwrap,
#footer
  {
	margin: 0 20px;
  }

#header
  {
    position: relative;
    min-height: 80px;
    overflow: hidden;
  }

* html #header
  {
    height: 80px;
  }

#header h1
  {
    display: inline;
	float: left;
	width: 180px;
	height: 80px;
	background: center bottom no-repeat;
    text-indent: -999999px;
  }

#topnav ul
  {
	margin-top: 52px;
  }

#topnav li
  {
	display: inline;
	float: left;
	margin-right: 25px;
  }

#topnav a
  {
    font-size: 1.1em;
	font-weight: bold;
	line-height: 28px;
    text-decoration: none;
  }

#banner
  {
  	position: relative;
    height: 174px;
	background: right top no-repeat;
    padding-top: 1px;
  }

* html #banner
  {
    height: 175px;
  }

#banner h2,
#subnav
  {
    margin: 10px 15px;
  }

#banner h2
  {
	font-weight: bold;
  }

#subnav a
  {
    text-decoration: none;
  }

#subnav strong a
  {
	font-weight: bold;
  }

#subnav strong a span
  {
	font-weight: normal;
  }

#subsubnav
  {
    position: absolute;
	left: 140px;
	top: 153px;
    width: 700px;
	height: 22px;
  }

#subsubnav ul
  {
	margin-left: 20px;
  }

#subsubnav li
  {
	display: inline;
	float: left;
	margin-right: 1em;
  }

#subsubnav a
  {
	line-height: 22px;
    text-decoration: none;
  }

#subsubnav strong a
  {
  	border-bottom: 2px solid;
  }

#main
  {
    height: 250px;
	overflow: scroll;
	overflow-x: hidden;
  }

#side
  {
    position: absolute;
	right: 50px;
	top: 230px;
	width: 180px;
  }

#side h2
  {
    height: 25px;
	overflow: hidden;
	padding: 0 0.5em;
	white-space: nowrap;
	line-height: 25px;
  }

#side h3,
#side p
  {
	margin: 0.8em 1em;
    font-size: 0.8em;
    line-height: 130%;
  }

#side dl,
#side dt,
#side dd
  {
	margin: 0 !important;
  }

#content
  {
	margin: 1.5em 70px 0 140px;
  }

.main-side #content
  {
	margin-right: 225px;
  }

a, a:link, a:visited {
	font-weight: normal;
    text-decoration: underline;
}

#footer
  {
  	height: 40px;
	border-top: 4px solid;
  }

#footer li
  {
    display: inline;
    float: left;
    margin-left: 15px;
  }

#footer li a
  {
    text-decoration: none;
    line-height: 40px;
  }

div#content h3
  {
    margin-left: -50px;
	font-size: 1.1em;
	letter-spacing: 0.15em;
  }

#framewrap
  {
    width: 880px;
    height: 250px;
  }

#frame
  {
    border: 0;
    width: 880px;
    height: 250px;
  }

.splash #header
  {
  	margin-top: 100px;
    min-height: 140px;
	background: right top no-repeat;
  }

* html .splash #header
  {
    height: 140px;
  }

.splash #header h1
  {
    display: block;
    float: none;
    width: auto;
	height: 140px;
	background-position: center top;
  }

.splash #banner
  {
    height: 265px;
	background: center top no-repeat;
    padding: 0;
  }

* html .splash #banner
  {
    height: 265px;
  }

.splash #topnav
  {
	text-align: center;
  }

.splash #topnav ul
  {
  	display: inline;
    overflow: hidden;
	margin: 0 auto;
  }

.splash #topnav li
  {
	display: inline;
	float: none;
	margin: 0 10px;
  }

.splash #topnav a
  {
	line-height: 40px;
  }