body { 
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  font-family: sans-serif;
}

p, li, h1, h2, h3, h4 { 
  padding: 2px 2% 0px 2%;
  margin: 0px;
}

h1 {
  font-size: 12pt;
  color: rgb(100, 120, 100);
}

h2 { 
  font-size: 12pt;
  font-weight: 800;
  color: rgb(80, 95, 95);
}

h3 { 
  font-size: 10pt;
  color: rgb(120, 111, 76);
}

h4 { 
  font-size: 9pt;
  font-weight: 600;
  color: rgb(150, 150, 130);
}

a, a:link, a:active, a:visited { 
  color: rgb(255, 0, 0);
}

li a { 
  text-decoration: none;
}

ul { 
  margin: 0px;
}

span.validation {
  display: none;
}

#header { 
  color: rgb(0, 0, 0);
  width: 100%;
  height: 82px;
  top: 0px;
  padding: 0px;
  margin: 0px 0px 5px;
  border-style: none none solid;
  border-width: 1px;
  border-color: rgb(150, 150, 150);
  background-image: url(../images/grad.jpg);
  background-repeat: repeat;
}

#header #logo { 
  margin: 3px 0px -7px  3px;
  padding: 0px;
  float: left;
}

#header p {
  text-align: right;
}

#workingArea { 
  padding: 0px;
  margin: 0px;
}

#leftBar { 
  width: 32%;
  position: relative;
  font-family: Tahoma, Georgia, sans-serif;
  top: 0px;
  left: 0px;
  clear: left;
  float: left;
  margin: 0px 0px 1em 2px;
  border-style: solid;
  border-width: 1px 1px 2px 2px;
  border-color: rgb(235, 235, 235) rgb(235, 235, 235) rgb(100, 100, 100) rgb(100, 100, 100);
  text-indent: 0px;
}

#leftBar img {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#leftBar ul.links { 
  width: 100%;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}


#leftBar ul.links li { 
  color: rgb(50, 65, 105);
  font-size: 10pt;
  width: 98%;
  padding: 0px 0px 0px 2%;
  margin: 0px;
}

#leftBar ul.links li img {
  width: 70px;
 
  margin: .5px;
  padding: .5px;
  border: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
}

#leftBar ul.links li a { 
  background-color: rgb(255, 255, 255);
  color: rgb(50, 65, 105);
}

#leftBar ul.links li a:visited, #leftBar ul.links li a:link { 
  color: rgb(50, 65, 105);
}

#leftBar ul.links li a:hover { 
  background-color: rgb(245, 245, 245);
}

#leftBar ul.links li a:hover img {
  border-color: rgb(205, 205, 205);
}

#leftBar ul.links li ul { 
  background-color: rgb(255, 255, 255);
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
  color: rgb(0, 30, 85);
  border: none;
}

#leftBar ul.links li ul li { 
  font-weight: 600;
  width: 95%;
  padding: 0px 0px 0px 5%;
  margin: 0px;
  border: none;
  border-color: rgb(235, 235, 235);
  list-style-type: none;
}

#leftBar ul.links li ul li a { 
  font-weight: 400;
}

#leftBar ul.links li.selected ul {
  width: 100%;
}

#leftBar ul.links li.selected ul, #leftBar ul.links li.selected ul li a { 

}

#mainContent { 
  color: rgb(0, 0, 0);
  float: right;
  width: 64.5%;
  padding: 0px;
  margin: 0px 1%;
}

#mainContent div.mainItem {
  border: solid;
  border-width: 1pt;
  border-color: rgb(235, 235, 235);
  margin: 0% 0% 1em;
  background-color:  rgb(250, 250, 250);
}

#mainContent div.mainItem p { 
  text-indent: 3%;
}

div.mainItem h1, div.mainItem h2, div.mainItem h3, div.mainItem h4, div.mainItem p.L1 {
  margin: .5em 0px 0px 0px;
}

#mainContent div.mainItem p.L1, #mainContent div.mainItem span.L1 { 
  font-weight: 600;
  text-indent: 0px;
}

#mainContent div.mainItem p.tip { 
  font-size: 8pt;
  color: rgb(25, 25, 255);
}

#mainContent div.mainItem a.L1 { 
  font-size: 10pt;
  font-weight: 400;
  text-align: left;
  text-indent: 0px;
  width: 90%;
  margin: 0px 0px 0px 3%;
  padding: 0px;
  display: block;
}

#mainContent div.mainItem ul, #mainContent div.mainItem ol { 
  list-style-position: outside;
  margin: 0px 2% .5em 4%;
  padding: 0px;
}

#mainContent div.mainItem ul { 
  list-style-type: disc;
}

#mainContent div.mainItem li { 
  margin: .25em 0px 0px 40px; 
  padding: 0px 0px 0px 0px;
}

#mainContent div.mainItem li p.L1 { 
  padding: 0px;
}

#mainContent div.mainItem a:hover { 
  background-color: rgb(244, 230, 230);
}

#mainContent div.mainItem h1 { 
  font-size: 12pt;
  font-weight: 800;
  color: rgb(110, 20, 20);
  background-color: rgb(220, 237, 254);
  width: 100%;
  padding: .5% 0px;
  margin: 0px;
  border-style: none none solid;
  border-width: 1pt;
  border-color: rgb(235, 235, 235);
  text-indent: 1ex;
}

#mainContent div.mainItem form { 
  font-size: 10pt;
  width: 100%;
  margin: 2%;
}

#mainContent div.mainItem form div { 
  width: 90%;
  height: 3em;
  margin: 1%;
  border: solid;
  border-width: 1pt;
  border-color: rgb(255, 255, 255);
}

#mainContent div.mainItem form div label { 
  text-align: right;
  float: left;
  width: 45%;
  margin: 1%;
}

#mainContent div.mainItem form div input { 
  width: 45%;
  margin: 1%;
}

#mainContent div.mainItem form div input.submit { 
  float: right;
  width: 20ex;
  max-width: 20em;
  margin: 1% 5% 1% 1%;
}

#mainContent div.mainItem img {
  margin: 2%;
  max-width: 95%;
}

img.full {
  width: 95%;
}

#mainContent div.mainItem img.left {
  float: left;
  padding: 1%;
}

#mainContent div.mainItem p.photoCredit {
  font-size: 7pt;
  text-align: left;
  clear: left;
  float: left;
  padding: 0px;
  margin: -2% 0px 0px 1%;
}

#bottomBar { 
  margin: 0px;
  padding: 0px;
  font-size: 8pt;
  text-align: center;
  color: rgb(0, 0, 0);
  background-color: rgb(230, 240, 240);
  clear: both;
  width: 100%;
  height: 3em;
}