body {
  font-family: "Trebuchet MS", Arial, sans-serif;
  background: url(images/base.png) repeat-x #8b8b8b;
  color: #333; margin: 30px 10px;
}

#header {
  width: 900px; margin: auto; height: 52px;
  font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 80%;
  color: #f7f7f7; background: url(images/top.png) 0 100% no-repeat;
}

#logo {float: left;}

#menu {float: right; position: relative; top: 20px; margin-right: 15px;}
#menu a:link, #menu a:active, #menu a:visited {color: #eee;}
#menu a:hover {color: #fff;}

#footer {
  width: 900px; margin: auto; height: 50px; line-height: 40px;
  font-family: Arial, sans-serif; font-weight: bold; font-size: 70%;
  color: #555; background: url(images/bottom.png) no-repeat;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover
  {color: #555; text-decoration: none;}

#copyright {float: left; margin-left: 12px;}

#terms {float: right; margin-right: 12px;}

#page {
  width: 900px; margin: auto; overflow: hidden;
  background: url(images/vasco.png) repeat-y #ddd -45px -10px;
  font-size: 80%;
}

#content {
  width: 630px; min-height: 30em; float: left; padding: 30px 35px;
  background: url(images/planet.png) repeat-y #fefdfa;
}

#panel {
  width: 130px; float: right; padding: 30px 35px;
  background: url(images/planet.png) no-repeat 10px -170px;
}

h1 {
  font-family: Arial, sans-serif;
  font-size: 205%; font-weight: normal; text-transform: uppercase; color: #aaa;
  margin-top: 0;
}
h2 {font-size: 190%; color: #555; margin-top: 0; margin-bottom: 0.7em;}
h3 {font-size: 150%; color: #444; clear: both; margin-top: 0; margin-bottom: 0.7em;}
h4 {font-size: 150%; color: #999; font-weight: normal; letter-spacing: 15px; margin-top: 1em; margin-bottom: -3px;}
h5 {font-size: 140%; color: #999; font-weight: normal; letter-spacing: 2px; margin-top: 0; margin-bottom: 1em;}

a:link, a:visited {color: #854; text-decoration: none; font-weight: bold;}
a:active, a:hover {color: #854; text-decoration: underline;}

b {color: #555;}
img {border: 0;}
hr {border: none; border-bottom: solid 1px #888; height: 0; padding-top: 1em;}
ul {margin-left: 0.9em; padding: 0;}
ol li {margin: 1em 0;}
table {border-collapse: collapse; font-size: 100%;}
td {padding: 0.1em 1.5em 0.1em 0.5em;}
.shade {background-color: #e5e5e5; padding-left: 0.5em;}

.block {font-family: Arial, sans-serif; font-size: 95%; margin-top: 0;}
.block img {border: solid 1px #333; width: 110px; height: 110px; margin: 9px 9px 0 0;}

#box {height: 200px; overflow: hidden;}
#boxed {
  position: relative; width: 600px; height: 0; max-height: 0; top: 108px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 90px; letter-spacing: 65px; color: #eee;
}
#boxedsmaller {
  position: relative; width: 600px; height: 0; max-height: 0; top: 115px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 80px; letter-spacing: 40px; color: #eee;
}

#scroller {font-family: Arial, sans-serif; text-align: center; margin: 2em 0 0 -2em;}
#scroller a, #scroller b {padding: 2px 7px 3px;}
#scroller a:link, #scroller a:active, #scroller a:visited
  {color: #666; font-weight: normal; text-decoration: none;}
#scroller a:hover {background-color: #777; color: #eee;}

#feedback {
  display: none;
  background: url(images/planet.png) repeat-x #ddd 450px -200px;
  margin: 2em -35px; padding: 0.5em 1em 0.5em 3em;
  font-family: Arial, sans-serif; font-size: 95%;
}
#feedback td {padding: 0.3em 2em 0.3em 0.7em;}
input, select, textarea {font-family: Arial, sans-serif; font-size: 95%;}

.links {font-family: Arial, sans-serif; font-size: 85%; margin-left: -1em;}
.links a:link {color: #888; font-weight: normal; text-decoration: none;}
.links a:active, .links a:hover {color: #666;}
.links a:visited {color: #777; font-weight: bold; text-decoration: none;}

.links a, #menu a {padding-left: 17px; text-decoration: none;}
.links a:hover, #menu a:hover {background: url(images/point.png) left center no-repeat;}