body
{
  font-size: 70%;
  width: 100%;
  color: #000000;
  background-color: white; /* #f1f1f1; */
  margin: 0px;
  padding: 0px;
  height: 100%;
}


html {
  margin: 0px;
  padding: 0px;
}


hr {
  color: black;
  height: 1px;
}


body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
font-family: verdana, helvetica, arial, sans-serif;
}

p {
  font-size: 110%;
}

td.template {
  font-size: 110%;
}

h1 {
  font-size: 160%;
  color: black;
}

h2 {
  font-size: 120%; 
  margin-top: 10px; 
  margin-bottom: 10px;
}

h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

pre
{
font-family: "Courier New", monospace;
font-size: 110%;
margin-left: 0;
margin-bottom: 0;
}


A:link { color: #336699 }
A:visited { color: #336699 }
A:active { color: #8B0000 }
A:hover   { color: #8B0000 }




#rootsection {
}



#topsection {

  width: 100%;
  padding: 0px;
  margin-bottom: 10px;
  border: 0px solid black;
  
}	


#logo {
  width: 200px;
/*  height: 100px; */
  margin: 0px;
  padding: 0px;
  background-color: #336699;
}


#signinmenu {
  width: 100%;
  color: white;
  margin: 0px;
  padding-left: 0px;
/*  background-color: #336699; */
  font-size: x-small;
  padding: 4px;

}


#adbanner {
  width: 470px;
  height: 50px;
  border: 1px outset;
  margin-left: 8px;
}


#search {
  width: 200px;
  height: 100px;
  right: 0px;
  top: 24px;
}

#mainmenu {
  width: 672px;
  height: 56px;
  left:144px;
  top: 84px;
  
  font-family: verdana,helvetica,arial,sans-serif;
  color: white;
  background-color: #336699;
  text-align: center;
  font-size: x-small;
  padding: 2px;
}

.menurow {
  border-bottom: 1px solid; 
  border-color: #114477;
  background-color: #336699;
  padding: 2px;
}

/* -----------------------------------------------------------------*/


#mainsection {

  width: 99%;
  height: 100%;
  padding: 0px;
}	


#leftsection {
  width: 160px;
  height: 620px;
  height: 100%;
  padding: 0px;
  margin: 0px;
  margin-left: 8px;
  margin-top: 11px;
}

#contentsection {
  margin-left: 11px;
  margin-top: 10px;
  margin-right: 50px;
}

#rightsection {
  width: 170px;
  height: 100%;
  margin: 0px;
  margin-top: 11px;
  padding: 0px;
}


#worksheetcontent {
  height: 90%;
}

.worksheetnav {
  font-size: x-small;
}

.worksheetparameterheader {
  font-size: 110%;
  color: #114477;
  font-weight: bold;
  
}


.worksheetparameterbox {
  border-top: 0px solid #336699;
  border-bottom: 1px solid #336699;
  
  padding: 2px;
  padding-bottom: 10px;
/*  background-color: #99CCFF;
  color: #114477;  */
  
  margin-bottom: 10px;
}


.searchimage {
  border: 0px;
}



.headline1 { font-family: times,serif; font-size: 22px; font-weight: bold; text-decoration:none;}


.errortext {
  font-family: verdana,helvetica,arial,sans-serif;
  text-decoration:none;
  color: red;
  padding-top:6px;
  padding:6px;
}

.errorframe {
  color: red;
  border: outset 1px red;
  padding: 2px;
  background-color: #ffdcdc;
}

.successframe {
  color: green;
  border: outset 1px green;
  padding: 2px;
  padding-left: 6px;
  background-color: #dcffdc;
}

.sectionheader1 {
  font-family: verdana,helvetica,arial,sans-serif;
  color: white;
/*  background-color: #336699; */
  text-align: left;
  font-size: x-small;
  padding-bottom: 2px;
}

.sectionheader2 {
  font-family: verdana,helvetica,arial,sans-serif;
  color: white;
  background-color: #336699;
  text-align: right;
  font-size: x-small;
  padding-bottom: 2px;
}

A.sectionheader1:link { color: white; }
A.sectionheader1:visited { color: white; }
A.sectionheader1:active { color: yellow; }
A.sectionheader1:hover   { color: yellow; }

A.sectionheader2:link { color: white; }
A.sectionheader2:visited { color: white; }
A.sectionheader2:active { color: yellow; }
A.sectionheader2:hover   { color: yellow; }


.menu1 {
  font-family: verdana,helvetica,arial,sans-serif;
  color: white;
  background-color: #336699;
  text-align: center;
  font-size: x-small;
  padding: 2px;
  text-decoration: none;
}

A.menu1:link { color: white; }
A.menu1:visited { color: white; }
A.menu1:active { color: yellow; }
A.menu1:hover   { color: yellow; }


.maincolor {

  color: #336699;
}

.copyright {
  text-align: center;
  font-family: verdana,helvetica,arial,sans-serif;
  color: #336699;
  font-size: xx-small;
}




.header1 {
  font-family: verdana,helvetica,arial,sans-serif;
  color: #336699;
  text-align: left;
  font-size: 160%;
  padding-bottom: 1px;
  font-weight: bold;
}


.menuheader {
  font-family: verdana,helvetica,arial,sans-serif;
  color: #336699;
  text-align: left;
  font-size: 110%;
  padding-top: 8px;
  padding-left: 8px;
  padding-bottom: 1px;
  font-weight: bold;
}

.menuitem {
  font-family: verdana,helvetica,arial,sans-serif;
  color: #336699;
  text-align: left;
  font-size: 100%;
  padding-left: 16px;
  padding-bottom: 1px;
}