/*
 *  color
 *  background: [ *-color | *-image | *-repeat | *-position ]
 *  font: [ *-style | *-variant | *-weight | *-size | *-family ]
 *  text-indent | text-align | text-decoration | letter-spacing | text-transform
 *  a | a:link | a:visited | a:active | a:hover
 *  class - id | span - div
 *  margin or padding: [ *-top | *-right | *-bottom | *-left ]
 *  border: [ *-width | *-style | *-color ] *-top-width ...
 *  width - height
 *  float: left, right or none - clear: left, right, both or none
 *  position: absolute, relative or fixed
*/
body {
  background: #eee;
  margin-left: 10px;
}
h1 {
  color: blue;
}
#subtitle {
  position: absolute;
  margin-top: -20px;
  color: blue;
  font-style: italic;
}
#menu {
  position: absolute;
  width: 200px;
  text-transform: capitalize;
  background: white;
  border:1px solid;
  /*border-radius: 10px; -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; -khtml-border-radius: 10px;
  box-shadow: 2px 2px 2px #aaa; -moz-box-shadow: 2px 2px 2px #aaa;
  -webkit-box-shadow: 2px 2px 2px #aaa; -khtml-box-shadow: 2px 2px 2px #aaa;*/
}
#menu a {
  text-decoration:none;
  color:black;
  font-weight: bold;
 }
#menu ul ul a {
  font-weight: normal; 
}
#menu ul ul { 
  list-style: square; 
  margin-left: -10px;
}
#menu a:hover {
  background-color:#eee;
  color: orange;
 } 
#menu ul { 
  list-style: none;
  margin-left: -30px;	
}
#main {
  position: absolute;
  background:white;
  border: 1px solid;
  left: 220px;
  right: 10px;
  padding: 10px 10px 10px 10px;
  /*border-radius: 15px; -moz-border-radius: 15px;
  -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  box-shadow: 2px 2px 2px #aaa; -moz-box-shadow: 2px 2px 2px #aaa;
  -webkit-box-shadow: 2px 2px 2px #aaa; -khtml-box-shadow: 2px 2px 2px #aaa;*/
}
#footer {
  text-align: right;
  margin-right: 10px;
}
#tab, #tab caption
{
  margin: auto;
}
#footer hr { color: #bbe; }