/* general settings */

body {
  text-align: center;
  background-color: #9a9;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  color: #030;
  margin: 0;
  padding: 0;
}
a { text-decoration: underline; color: #060; }
img { border: 0; background-color: transparent; }

	/* page layout */

#pagewrapper {
  width: 700px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  background-color: #fff;
  background-image: url(/images/page-gradient.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 30px 10px 10px 30px;
}
#main {
  float: left;
  width: 470px;
  margin: 0;
  padding: 0;
}
#sidebar {
  float: right;
  width: 200px;
  margin: 0;
  padding: 0;
}
.sidebar-item {
  background-image: url(/images/sidebar-gradient.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 20px 10px 10px 20px;
  margin: 0;
}
#footer {
  clear: both;
  margin: 1.5em 0 0;
  padding: .5em 0;
  border-top: 1px solid #6a6;
  font-size: 8pt;
  text-align: center;
}

	/* text and header styles */

h1 {
  font-size: 15pt;
  font-weight: bold;
  margin: 0 0 2px 0;
  padding: 0 0 12px 105px;
  border-bottom: 1px solid #6a6;
  color: #ff6;
  background-image: url(/images/logo.png);
  background-position: top left;
  background-repeat: no-repeat;
}
h1 a {
  color: #ff6;
  text-decoration: none;
}
h1 a:hover {
  color: #ff6;
  text-decoration: none;
}
#main #breadcrumbs {
  text-align: right;
  font-size: 8pt;
  color: #666;
  padding: 2px 0;
  margin: 0;
}
#main #breadcrumbs a, #main #breadcrumbs a:link, #main #breadcrumbs a:visited, #main #breadcrumbs a:active { color: #666; text-decoration: none; }
#main #breadcrumbs a:hover { color: #060; text-decoration: underline; }
#main h2 {
  font-size: 12.5pt;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 1em 0 .5em;
  padding: 0;
  color: #666;
  border-bottom: 1px dashed #ccc;
}
.sidebar-item h2 {
  font-size: 11pt;
  font-weight: bold;
  margin: 0 0 2px 0;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #6a6;
  color: #ff6;
}
h3 {
  font-size: 10pt;
  font-weight: bold;
  margin: 1.5em 0 .5em;
  padding: 0;
}
p {
  margin: .5em 0;
  padding: 0;
}
.sidebar-item p {
  font-size: 8pt;
}

	/* lists */

ul {
  margin: 1em 0 0 0;
  padding: 0;
  list-style: square outside url(/images/small-gradient.gif);
}
ul li {
  margin: 0 0 1em 20px;
  padding: 0;
  vertical-align: top;
}

	/* navbar */

ul#navbar {
  margin: 0;
  padding: 0;
}
ul#navbar li {
  display: inline;
  padding: 0 4px 0 0;
  margin: 0;
  border-right: 1px solid #060;
  text-transform: uppercase;
}
ul#navbar li#last {
  border-right: none;
}
ul#navbar li a {
  font-size: 8pt;
  font-weight: bold;
  color: #060;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
ul#navbar li a:hover {
  font-weight: bold;
  color: #060;
  text-decoration: underline;
}

	/* misc */

.attrib {
  text-align: right;
  font-style: italic;
  margin: -.5em 0 .5em 40px;
}