body {
/* These font families should render nicely on *nix flavors,
hand-helds, old macs, and old windows.*/
font : smaller "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
background : #4284ef url(../images/logos/logosmall.gif) no-repeat fixed 96% 100%;
}
a:hover, a:active, a:focus {
text-decoration : none;
}
table, td, th, 
#content, #contentwide, #leftnav, 
#rightnav, #topnav input {
border : 1px solid #000;
}
table {
border-collapse : collapse;
}
td {
padding : 2px;
}
th {
font-size : smaller;
}
caption {
font-weight : 600;
}
img {
border-width : 0;
}
h6, h5, h4, h3, h2, h1 {
text-align : center;
}
h6 {
font-weight : 500;
font-size : 100%;
}
h5 {
font-size : 100%;
}
h4 {
font-weight : 500;
font-size : 110%;
}
h3 {
font-size : 110%;
}
h2 {
font-size : 115%;
}
h1 {
font-size : 135%;
}
dt {
font-weight : bold;
}
dd, li {
padding : 0.2em 0;
}
/* These rules, in combination with a little javascript trickery
force IE to display tool tips for items marked with ABBR.
They also make IE's style look like Mozilla's style. */
abbr, acronym, span.fix {
cursor : help;
border-bottom : 1px dashed #000;
}
/*Trying to consolidate the following rule into the 
rule above seems to break in IE. */
span[title] {
cursor : help;
border-bottom : 1px dashed #000;
}
fieldset {
width : 300px;
padding : 0.5em;
}
/* quotations will be surrounded by curly quotes in browsers that correctly
   mark up the Q element (Opera, Mozilla, IE5/Mac), and italicized in
   browsers that don't (IE5/Win, IE6/Win)
We also use a little javascript trickery to make IE work with items 
marked with the Q element. */
q {
font-style : italic;
quotes : '\201C' '\201D' '\2018' '\2019'; /* for compliant browsers */
}
/* put nested quotes back to normal in IE */
q q {
font-style : normal;
}
/* negate above italic definition for compliant browsers */
* > q {
font-style : normal;
}
/* Mozilla doesn't properly quote nested quotes (sigh), so force it */
q > q:before {
content : "\2018";
}
q > q:after {
content : "\2019";
}
/* use curly quotes defined above around Q in compliant browsers */
q:before {
content : open-quote;
}
q:after {
content : close-quote;
}
#content, #contentwide {
top : 25px;
position : relative;
width : auto;
z-index : 3;
background-color : #fff;
padding : 1em;
}
#content {
margin : 0 175px;
}
#content a:link, #contentwide a:link {
font-style : italic;
}
#contentwide {
margin-left : 165px;
}
.copynote {
text-align : center;
clear : both;
font-size : 70%;
}
.copynote p {
margin : 0 0 10px;
}
#tagline {
text-align : center;
font-variant: small-caps;
font-style: italic;
}
#leftnav {
padding-right : 0.5em;
left : 0;
z-index : 2;
}
body > #leftnav, body > #rightnav {
width : 168px;
}
#leftnav h1, #rightnav h1 {
margin : 1em 0 0;
font-size : 1em;
padding-bottom : 0;
}
#leftnav li, #rightnav li, #topnav li {
font-weight : normal;
}
#leftnav a, #rightnav a, #topnav a {
font-weight : bold;
color : #000;
text-decoration : none;
}
#leftnav p {
text-align : center;
}
#leftnav a:hover, a:active, a:focus, 
#rightnav a:hover, a:active, a:focus, 
#topnav a:hover, a:active, a:focus {
text-decoration : underline;
}
#leftnav ul, #rightnav ul {
margin : 0 0 0 10px;
padding : 0 0 0 10px;
}
#rightnav {
padding-right : 0.5em;
right : 0;
z-index : 1;
}
#topnav {
border-bottom : 1px solid #000;
background-color : #fff;
position : absolute;
top : 0;
left : 0;
right : 0;
width : 100%;
padding : 0;
margin : 0;
}
#topnav label {
display : none;
}
#topnav form, #topnav input {
padding : 0;
margin : 0;
}
#topnav form {
border : 0;
}
#topnav ul {
padding : 0;
margin : 0;
float : left;
width : 100%;
list-style-image : none;
list-style : none;
}
#topnav li {
display : inline;
float : left;
border-right : 1px solid #000;
padding : 0.2em 0.4em;
}
#topnav h1 {
display : none;
}
.IMadeThis {
font : larger "OCR A Extended", monospace;
}
#leftnav, #rightnav {
background-color : #fff;
width : 170px;
top : 50px;
position : absolute;
/* The Infamous Box Model Hack,
http://tantek.com/CSS/Examples/boxmodelhack.html */
voice-family : "\"}\"";
voice-family : inherit;
width : 148px;
}

ol {list-style-type:decimal;}
ol li ol {list-style-type:lower-roman;}
ol li ol li ol {list-style-type:lower-alpha;}
ol li ol li ol li ol {list-style-type:upper-alpha;}
ol li ol li ol li ol li ol  {list-style-type:upper-roman;}
ol li ol li ol li ol li ol li ol li ol {list-style-type:upper-alpha;}
ol li ol li ol li ol li ol li ol li ol li ol {list-style-type:lower-roman;}
ol li ol li ol li ol li ol li ol li ol li ol li ol {list-style-type:lower-alpha;}


form.testform fieldset {
  margin-bottom: 10px;
}
form.testform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.testform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.testform fieldset ul {
  margin: 0;
  padding: 0;
}
form.testform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.testform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.testform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.testform fieldset fieldset label {
  display: block;
  width: auto;
}
form.testform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.testform label {
  width: 120px; /* Width of labels */
}
form.testform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}