/**************** Page and tag styles ****************/

body
  {
  margin:0; 
  padding:0; 
  color:#303030; 
  background:#fafafa url(img/bodybg.gif) top left repeat-y; 
  font:76% Verdana,Tahoma,sans-serif;
  }


ul
  {
  list-style:circle; 
  margin:15px 0 20px 0; 
  font-size:0.9em;
  }


li
  {
  margin:0 0 8px 25px;
  }


a
  {
  color:#339933; 
  font-weight:bold; 
  text-decoration:none;
  }


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


img
  {
  float:left; 
  margin:0 15px 15px 0; 
  padding:1px; 
  background:#ffffff; 
  border:1px solid #663366;
  }


img:hover
  {
  border-color:#cc9966;
  }


a img
  {
  border-color:#99cc99;
  }


a img:hover
  {
  background:#ffffff; 
  border-color:#9966cc;
  }

.indented
  {
  padding-left: 40pt;
  padding-right: 70pt;
  }



/**************** Sidebar area styles ****************/

#sidebar
  {
  position:absolute; 
  top:0; left:0; 
  width:220px; 
  height:100%; 
  overflow:auto; 
  background:#e0e0e0 url(img/sidebanner1.jpg) top right repeat-y; 
  text-align:right;
  }


body > #sidebar
  {
  position:fixed;
  }


#sidebar h1
  {
  margin:20px 18px 0 5px; 
  color:#339933; 
  font-size:1.6em; 
  letter-spacing:-2px; 
  text-align:right;
  }


#sidebar h2, #sidebar h3
  {
  margin:0 20px 18px 5px; 
  color:#808080; 
  font-size:1.1em; 
  font-weight:bold; 
  letter-spacing:-1px; 
  text-align:right;
  }


#sidebar h3
  {
  margin:20px 18px 4px 5px; 
  color:#606060;
  }


#sidebar  p
  {
  margin:0 20px 18px 5px; 
  color:#606060; 
  font-size:0.8em;
  }


#sidebar a
  {
  color:#808080
  }


/**************** Navigation menu styles ****************/

#menu a
  {
  display:block; 
  width:202px; 
  padding:5px 18px 5px 0; 
  color:#606060; 
  font-size:1.8em; 
  font-weight:normal; 
  text-decoration:none; 
  letter-spacing:-2px;
  background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; 
  }


#menu a.inactive
  {
  opacity:0.85;
  filter:alpha(opacity=85));
  }


#menu a.inactive:hover 
  {
  color:#009933; 
  background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;
  opacity:0.9;
  filter:alpha(opacity=90));
  }


#menu a.active
  {
  padding:5px 18px 5px 0; 
  background:#fafafa; 
  border-top:2px solid #c0c0c0; 
  border-bottom:2px solid #c0c0c0; 
  font-weight:bold; 
  }


#menu a.active:hover
  {
  color:#505050; 
  background:#fafafa;
  }


/**************** Content area styles ****************/

#content
  {
  width:520px; 
  margin:0 0 0 240px; 
  padding:20px 0; 
  background:#fafafa;
  }


#content p
  {
  margin:0 0 20px 0; 
  line-height:1.5em;
  }


#content h1
  {
  margin:0; 
  color:#33cc33; 
  font-size:4em; 
  letter-spacing:-5px; 
  font-weight:normal; 
  text-align:center;
  }


#content h2
  {
  margin:0; 
  color:#339999; 
  font-weight:normal; 
  font-size:2.5em; 
  letter-spacing:-2px; 
  text-align:center;
  }


#content h3
  {
  clear:both; 
  margin:30px 0 10px 0; 
  color:#6699cc; 
  font-weight:normal; 
  font-size: 2em; 
  letter-spacing:-2px;
  }


/**************** Opacity Boxes ****************/

div.transbox
  {
  width:200px;
  height:100px;
  margin:8px 10px;
  background-color:#ffffff;
  border:1px solid black;
  filter:alpha(opacity=85);
  opacity:0.85;
  }


div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }


div.transboxdate
  {
  width:150px;
  height:70px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  filter:alpha(opacity=85);
  opacity:0.85;
  }


div.transboxdate p
  {
  margin:3px 4px;
  font-weight:bold;
  color:#000000;
  }