@import url(undohtml.css);
body{
font-family: Arial, Helvetica, sans-serif;
min-width: 1150px;
background-image: url(skeleton3.gif);
background-repeat: no-repeat;
background-position: top left;
font-size: .8em;
line-height: 1.9em;
}
#wrapper{ 
position: relative;
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: 100%;
}
#headmast{
background-image: url(title.jpg);
background-repeat: no-repeat;
background-position: center;
height: 160px;
margin-right: 3em;
min-width: 820px;}
#sidebar{
margin-top: -5em;
}
#main{
position: relative;
width: 100%;
}
#maincontent{
width: 85%;
}
#content{
position: relative;
border: #884D23 dashed 1px;
padding: .8em;
margin-left: 17%;
margin-right: 2%;
}
#topics{
float: left;
width: 15%;
margin-top: 15em;
display: inline;
}
#footer{
clear: both;
text-align: center;
}
h1{
visibility: hidden;
text-align: right;
color: white;
background-color: inherit;
font-size: 1px;
padding: 1.5em;
height: 130px;
}
h2{
font-family: "Comic Sans MS",Tekton, Blueprint, "Dom Casual", sans-serif;
text-align: center;
font-size: 1.6em;
font-variant: small-caps;
margin-top: .5em;
}
strong{font-weight:bold; font-size: 1.1em;}	
#content  h3{text-align: center; color: black; background: transparent;} 
#sidebar h3{text-align: center; }
h3{
background: transparent; 
color: black;
font-size: 1.2em;
}
p{margin: .6em;text-indent: 2em; }

#topics ul {
position: relative;
width: 135px; 
}
#topics ul li a{
display: block;
width: 135px;
text-decoration:none;
color: #003768;
background: url(link.gif) -156px 0 no-repeat;
font-weight: bold;
padding: 0px 0px 4px 28px;
font-size: 1em;
}
#topics ul li a:visited{
background-position: 0 0;
color: #884D23;
background-color: transparent;
}
#topics ul li a:hover{
background-position: -313px 0;
color: #884D23;
background-color: transparent;
}
#topics ul li a:active{
background-position: -313px 0;
color: #884D23;
background-color: transparent;
text-decoration: underline overline;
}
a { 
color: #003768;
font-weight: bold;
text-decoration: none; 
background: transparent 
}
a:visited  { 
color: #884D23; 
background: transparent;
text-decoration: line-through 
}
a:hover { 
color: #884D23; 
text-decoration: underline overline; 
background: #fff 
}
a:active{
color: #666;
background: #eee;
}
#navigation{
padding: 1px 1px 0 1px; 
width: 750px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
vertical-align: bottom;
}
#navigation ul{
margin-bottom: 0px;
padding: 0;
list-style-type: none;
text-align: center;
font-weight: bold;
}
#navigation ul li { display: inline; }
#navigation ul li a{
text-decoration: none;
padding:  1px 1px 0 1px;
color: #fff;
background-color: #884D23;
}
#navigation ul li a:hover
{
color: #fff;
background-color: #DDCFA8;
}
FORM {
font-family:  Arial, sans-serif; 
color: #000; 
background: #ccf; 
font-weight: bold;
border: 2px solid #884D23; 
padding: 5px;} 
/* Table Styles*/
table.sample tr td a:visited, table.header tr td a:visited, table.sample2 tr td a:visited{
text-decoration: none
}
table.sample tr td a:hover, table.header tr td a:hover, table.sample2 tr td a:hover{
text-decoration: underline overline
}
table.sample, table.reference, table.header{
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
background: transparent;
color: black;
}
table.sample, table.sample2{
width: 100%
}
table.sample2 td{
border-width: 1px;
padding: 3px;
text-align: center;
}
table.sample td{
border-width: 1px;
padding: 3px;
border-style: inset;
border-color: gray;
text-align: center;
}
table.reference{
width: 95%;
}
table.header{
width: 630px;
margin-top: 4px;
margin-bottom: 4px;
}
/*List styles*/
ol li {
margin-left: .5em;
text-align: left;
line-height: 16pt;
list-style: none;
}
.quiz{color: #c00; font-weight: bold}
* html body div#sidebar	
  {
position: absolute;
  }