/* Global Styles */

html, body {
  background-color : #ffffff;
  color : #000000;
  margin : 0px;
  padding : 0px; 
  font-family : Arial, Helvetica, sans-serif;
  font-size : 0.9em;
  }

img {
  border : none;
  }

a {
  text-decoration : none;
  }

a:hover {
  text-decoration : underline;
  color : #0000ff;
  }

a:link {
  text-decoration : none;
  }

h2 {
  margin-top : 2px;
  margin-bottom : 5px;
  }

li {
  margin-top : 1em;
  margin-bottom : 1em;
  padding-right : 5%;
  margin-left : -1%;
  }

td.grey {
  background-color : #f3f3f3;
  color : #000000;
  }

td.green {
  background-color : #00aa00;
  color : #ffffff;
  width : 200px;
  padding-left : 5%;
  text-decoration : none;
  }
  
/* ID Styles */

#pcb {
  position : relative;
  left : 4%;
  width : 92%;
  top : 10px;
  background-color : #ffffff;
  color : #000000;
  }

#head {
  position : relative;
  bottom : 1px;
  width : 100%;
  /* height : 100px; */
  text-align : center;
  border-bottom : solid thin #aaaaff;
  }

#head img {
  left : 34%;
  }

#topmenu {
  position : relative;
  width : 100%;
  padding-top : 5px;
  padding-bottom : 6px;
  border-bottom : solid thin #aaaaff;
  }

#google {
  position : absolute;
  top : 0%;
  right : 0%;
  }

#google2 {
  position : absolute;
  top : 32px;
  right : 0%;
  }

#lefthand {
  position : relative;
  width : 200px;
  margin-top : 1%;
  float : left;
  }

#leftmenu {
  position : relative;
  width : 200px;
  height : 450px;
  margin-top : 1%;
  border : solid thin #aaaaff;
  }

#uppermenu {
  position : relative;
  width : 100%;
  padding-top : 5px;
  padding-bottom : 6px;
  border-bottom : solid thin #aaaaff;
  }

#lowermenu {
  position : relative;
  width : 100%;
  padding-top : 5px;
  padding-bottom : 6px;
  border-bottom : solid thin #aaaaff;
  }
  
#mainarea {
  position : relative;
  width : 70%;
  left : 2%;
  top : 0%;
  }

#largearea {
  position : relative;
  width : 100%;
  }

#leftside {
  position : relative; 
  width : 38%;
  float : left;
  }

#rightside {
  position : relative;
  width : 59%;
  float : right;
  }

#base {
  position : relative;
  width : 96%;
  text-align : center;
  border-top : solid thin #aaaaff;
  border-bottom : solid thin #aaaaff;
  padding-top : 15px;
  padding-bottom : 15px;
  }

#footnote {
  position : relative;
  width : 96%;
  font-size : 0.8em;
  }

#bottomenu {
  float : left;
  width : 60%;
  }

#update {
  width : 30%;
  float : right;
  }

/* Class style */

.red {
  background-color : #ff3333;
  color : #ffffff;
  padding-right : 1.5%;
  padding-left : 1.5%;
  text-decoration : none;
  }

.little {
  font-size : 0.8em;
  }

.green {
  background-color : #00aa00;
  color : #ffffff;
  padding-left : 1.5%;
  padding-right : 1.5%;
  text-decoration : none;
  }

.square {
  list-style-type : square;
  }

.blue {
  background-color : #9999ff;
  color : #ffffff;
  padding-left : 1%;
  padding-right : 1%;
  text-decoration : none;
  }

.platinum {
  position : absolute;
  top : 0px;
  right : 0px;
  font-size : 9pt;
  }