/*
reset
*/


/*
text
*/

body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0.25em;
  padding-bottom: 0.25em;
  font-size: 0.80em;
  line-height: 130%;
}

p.error {
  float:left;
  background-color: #FFE4C4;
}

p.clarification {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px dotted black;
  background-color: #F5F5F5;
}

h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-variant: small-caps;
  font-size: 1.8em;
  font-weight: normal; 
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1.5em;
  font-weight: normal; 
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1em;
  font-weight: bold; 
}

ul {
  margin-top: 5px;
}

ul li {
  margin-top: 5px;
  margin-right: 20px;
  font-size: 0.80em;
  line-height: 130%;
}

ol li {
  margin-right: 20px;
  font-size: 0.80em;
  line-height: 130%;
}

th {
  text-align:left;
}

/*
misc html
*/

hr {
  margin-left: 20px;
}

hr.s1 {
  margin-left: 120px;
  margin-right: 120px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: none;
  height: 24px;
  color: none;
  background-color: none;
  background-image: url(/images/s1.png);
  background-position: center;
  background-repeat: no-repeat;
}

/*
menu
*/

#menu, #menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu li {
  float: left;
  position: relative;
  font-size: 0.75em;
}

.mainitems {
  width: 8em;
  height: 35px;
  margin-right: 10px;
  border: none;
  line-height: 35px;
  text-decoration: none;
  background-color: #ffffdd;
}

.mainitems a:link, .mainitems a:visited {
  display: block;
  height: 35px;
  padding-left: 2em;
  color: black;
  font-weight: bold; 
  text-decoration: none;
}

.mainitems a:hover {
  display: block;
  background-color: #ffeec6; 
}

.subuls {
  display: none; 
  width: 10em;
  position: absolute;
  left: 0;
}

.subuls li {
  margin: 0;
  line-height: 35px;
  width: 100%;
  top: 0px;
  font-size: 1em;
  background-color: #ffdead;
  border-bottom: 1px solid black;
}

.subuls li a:link {
  margin: 0;
  border-right: 0;
  display: block;
  text-decoration: none;
}

.subuls li a:hover {
  margin: 0;
  background-color: #FFEEC6; 
}


#menu li>ul { /* browsers other than IE */
  top: auto;
  left: auto;
}

#menu li:hover ul, li.over ul { /* lists nested under hovered list items */
  display: block;
}


#restofcontent { /*wrap content of the page inside this div */
  clear: left;
}

/* 
layout 
*/

#container {
  margin:auto; 
  width: 928px;
  background-color: #f5f5dc; /* #eeeee0; */
  border: none;
}
		
#masthead {
  width: auto;
  height: 115px;
  border: none;
  background-image: url(/images/masthead.png);
}

#breadcrumbs {
  margin-top: 2px;
  margin-bottom: 2px;
}

#page {
  width: auto;
  border: none;
}

/* 
home 
*/

#htop {
  float: left; 
  margin-bottom: 10px;
  border: none;
}

#htleft {
  float: left; 
  width: 48%; 
  border: none;
}

#htright {
  float: right;
  width: 48%; 
  border: none;
}

#hmid {
  float: left; 
  margin-bottom: 10px;
  border: none;
}

#hmleft {
  float: left; 
  width: 32%; 
  margin-top: 5px; 
  border: none;
}

#hmmid {
  float: left;
  width: 32%;
  margin-top:  5px;
  margin-left: 5px; 
  border: none;
}

#hmright {
  float: right;
  width: 32%; 
  margin-top: 5px; 
  border: none;
}

#signup {
  clear: both; 
  margin-bottom: 5px; 
  border: 1px dotted black;
}

#hbottom {
  float: left;
  width: auto;
  margin-bottom: 10px;
  border: none ;
}

#hcol1 {
  float: left;
  width: 48%;
  margin-left: 10px;
  margin-right: 1px;
  border: none;
  background-color: #f5f5dc;
  /* 
  background-image: url(/images/panel.png); 
  background-position: bottom right;
  background-repeat: no-repeat;
  */
}

#hcol2 {
  float: right;
  width: 48%;
  margin-left: 1px;
  margin-right: 10px;
  border: none;
  background-color: #f5f5dc;
  /*
  background-image: url(/images/panel.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  */
}


#promo {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background-color: #FAF0E6;
  border: 1px solid black;
}

#prcol1 {
  float: left;
  width: 48%;
  margin-left: 10px;
  margin-right: 1px;
  border: none;
  background-color: #FAF0E6;
}

#prcol2 {
  float: right;
  width: 48%;
  margin-left: 1px;
  margin-right: 10px;
  border: none;
  background-color: #FAF0E6;
}

/* 
course page 
*/

.topic
{
  margin-left: 50px;
  font-size: 0.90em;
  font-weight: bold;

}

.lesson {
  margin-left: 70px;
  margin-top: 5px;
}

.topictable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.topictable tr.hdr {
  background-color: #ffdead;
}
.topictable tr.even {
  background-color: #F5F5F5;
}

.topictable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding-left: 0;
}

.topictable td a:link, .topictable td a:visited
{
  display: block;
  color: black;
  text-decoration: none;
  line-height: 1.5;
  padding: 5px;
}

.topictable td a:hover {
  background-color: white;
}

/* 
tutepage 
*/

#tptop {
  width: auto;
  margin-bottom: 5px;
}

#tptopl {
  float: left; 
  width: 49%;
  margin-bottom: 1px;
}

#tptopr {
  width: 49%; 
  float: right; 
  margin-bottom: 5px;
}

#pleft {
  float: left; 
  width: 49%;
  margin-bottom: 5px;
}

#pright {
  width: 49%; 
  float: right; 
  margin-bottom: 5px;
}

#pbleft {
  float: left; 
  width: 49%;
  margin-bottom: 5px;
}

#pbright {
  width: 49%; 
  float: right; 
  margin-bottom: 5px;
}

p.ex a:link, p.ex a:visited
{
  /*display: block; */
  color: black;
  text-decoration: none;
  /*line-height: 1.5; */
  /* padding: 5px; */
}

p.ex a:hover {
  background-color: white;
}

/*
ex page
*/

.ix a:link, p.ex a:visited
{
  /*display: block; */
  color: black;
  text-decoration: none;
  /*line-height: 1.5; */
  /* padding: 5px; */
}

.ix a:hover {
  background-color: white;
}

/*
about 
*/

#abtop {
  float: left; 
  margin-bottom: 5px;
  background-color: #ffffdd;
  border: 1px dotted green;
}

#abpleft {
  float: left; 
  width: 32%; 
  margin-top: 5px; 
  border: 1px dotted black;
}

#abpmid {
  float: left;
  width: 34%;
  margin-top:  5px;
  margin-left: 5px; 
  border: 1px dotted black;
}

#abpright {
  float: right;
  width: 32%; 
  margin-top: 5px; 
  border: 1px dotted black;
}

#absignup {
  clear: both; 
  margin-bottom: 5px; 
  border: 1px dotted black;
}

#abbottom {
  float: left;
  margin-top: 5px;
  width: auto;
  border: 1px dotted red;
  background-color: #ffffdd;
}

#abcol1 {
  width: 48%;
  float: left;
  border: none;
  background-color: #ffffdd;
}

#abcol2 {
  float: right;
  width: 28em;
  border: none;
  background-color: #ffffdd;
}

/* 
contact 
*/

#cutop {
  float: left; 
  margin-bottom: 5px;
}

#cutcol1 {
  width: 46%; 
  float: left; 
  margin-bottom: 5px;
}

#cutcol2 {
  width: 52%; 
  float: right;
  margin-bottom: 5px;
}

#cubottom {
  float: left; 
  width: 100%;
  margin-bottom: 5px;
}

/* 
pubfooter 
*/

#pubfooter {
  clear: both;
  padding-left: 0;
  width: auto;
  background-color:silver;
  color:black;
  border-top: 1px solid red; 
  border-bottom: 1px solid black;
}

#pfleft {
  float: left; 
  margin-top: 5px; 
  border: none;
}

#pfmid {
  float: left;
  margin-top:  5px;
  margin-left: 5px; 
  border: none;
}

#pfright {
  float: left;
  margin-top: 5px; 
  border: none;
}

.pftrpanelhdr
{
  border-bottom: 2px solid #ED564B;
}

.pftrcontactbody
{
  border-bottom: 1px solid;
}

.pflink
{
  border-bottom: 1px solid;
}

.pflink a {
  text-decoration: none;
  color: white;
  background-color: silver;
}

.pflink a:hover {
  text-decoration: none;
  color:green;
  background-color:silver;
}

/* 
footer 
*/

#footer {
  clear: both;
  padding-left: 0;
  width: auto;
  background-color: #ffcc33;
  border-top: none; 
  border-bottom: 1px solid black;
}

#infonav {
  color: black;
  padding-top: 0.25em;
  padding-left: 0;
  padding-bottom: 0.25em;
  padding-right: 0.25em;
  width: auto;
  font-size: 1em;
  background-color: silver;
}

#infonav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#infonav ul li {
  margin: 1em ;
}

#infonav ul li a {
  text-decoration: underline;
  padding: 0.2em 1em;
  color: black;
  background-color: silver;
}

#infonav ul li a:hover {
  color: black;
  background-color: white;
}

#infonav li.here a {
  background-color: #ffffcc;
  color: black;
}

/* 
misc ui elements
*/

.more {
  width: 6em;
  color: blue;
}

.logintable {
  border-collapse: collapse;
  margin-left: 300px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.logintable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding: 1em;
}

.sublog
{
  width: 8em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: black;
}

.actiontable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px dotted black;
}

.actiontable tr.hdr {
  background-color: #ffdead;
}
.actiontable tr.even {
  background-color: #F5F5F5;
}

.actiontable td {
  border: 1px dotted black;
  margin-left: 20px;
  line-height: 2;
  text-align: center;
}

.cutable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.cutable tr.hdr {
  background-color: #ffdead;
}
.cutable tr.even {
  background-color: #F5F5F5;
}

.cutable td {
  border: 1px dotted black;
  margin-left: 20px;
  line-height: 2;
  padding: 0.5em;
}

.infotable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.infotable tr.hdr {
  background-color: #ffdead;
}
.infotable tr.even {
  background-color: #F5F5F5;
}

.infotable td {
  border: 1px dotted black;
  margin-left: 20px;
  line-height: 2;
  padding: 0px;
}

.infotable td a:link, .infotable td a:visited
{
  display: block;
  color: black;
  text-decoration: none;
  line-height: 2;
  padding: 0;
}

.infotable td a:hover {
  background-color: white;
}

.goal {
  display: block;
  width: 9em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  border: 1px solid black;
  background-color: #FFA07A;
  color: black;
}

.topiclisttable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.topiclisttable tr.hdr {
  background-color: #ffdead;
}
.topictable tr.even {
  background-color: #F5F5F5;
}

.topiclisttable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding: 5px;
}

.reftable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.reftable tr.hdr {
  background-color: #ffdead;
}
.reftable tr.even {
  background-color: #F5F5F5;
}

.reftable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding: 5px;
}