html {
  overflow-x: hidden;
}

body {
  background: #ffffff url(/images/background.jpg) repeat-y;
  font-family: serif;
  font-size: 100%;
  margin: 0px; 
}

.leftmenu {
  position: absolute;
  top: 155px;
  left: 5px;
  width: 185px;
  height: auto;
  font-family: serif;
  line-height: 110%;
}

.navbox {
  font-size: medium;
  font-family: serif;
  background: #ffffff;
  color: #777777;
  border: 2px groove #000000;
  padding: 5px 15px 5px 5px;
  margin: 5px 0px 5px 5px;
}

.navbox a {
  font-weight: bold;
  text-decoration: none;
}

.navbox ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

.leftcontent {
  font-size: small;
  font-family: serif;
  line-height: 90%;
  background: #000000;
  color: #ffffff;
  border: 2px solid #000000;
  padding: 2px;
  margin: 5px;
}

.subnav {
  font-size: small;
  font-family: serif;
  line-height: 90%;
  padding-left: 15%;
  background: #ffffff;
  color: #777777;
}

.content {
  background: #ffffff;
  color: #000000;
  margin-left: 210px;
  margin-right: 20px;
  padding: 80px 5px 0px 20px;
  font-family: serif;
  font-size: 0.875em;
  line-height: 1.125em;
  width: auto;
}

.content .zodiac_content {
  min-height: 350px;
  padding: 0px 10px;
}

.content .portfolio_item {
  margin-top: 40px;
}

.content .midi {
   text-align: center;
}

.content .midi embed {
   height: 75px;
}

.content .midi object {
   height: 45px;
}

.content dl {
   margin: auto 50px;
}

.brochure {
  background: #ffffff url(/images/parchment.gif) repeat;
  color: #000000;
  margin-left: 210px;
  margin-right: 10px;
  margin-top: 60px;
  padding: 10px 5px 0px 20px;
  font-family: serif;
  font-size: 0.875em;
  line-height: 1.125em;
  width: auto;
}

.header {
  margin-top: 10px;
  margin-left: 160px;
  text-align: center;
}

.masthead {
  margin-top: 10px;
  margin-left: 160px;
  text-align: center;
}

.footer {
  background: none;
  color: black;
  font-family: serif;
  text-align: center;
  padding: 2px;
  margin: 40px auto 20px auto;
  width: 80%;
  border: 2px solid #777777;
}

.footer p {
  font-size: small;
  line-height: 100%;
  margin: 5px auto;
}

.footer span.grey {
  color: #777777;
}

.footnote {
  background: #ffffff;
  color: black;
  font-family: serif;
  font-size: small;
}

.ack {
  background: none;
  color: black;
  font-family: serif;
  font-size: small;
  font-style: italic;
}

.map {
  background: #ffffff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin-bottom: 20px;
}

.starmap {
  background: #000000;
  color: #ffffff;
  text-align: center;
  padding: 10px 10px 75px 10px;
  margin-bottom: 30px;
}

.picture {
  background: none;
  text-align: center;
}

a {
  font-weight: normal;
  text-decoration: underline;
}

a:link {
  color: #0000bb;
}

a:visited {
  color: #000077;
}

a:hover {
  color: red;
}

h1 {
  text-align: center;
  font-size: x-large;
  font-family: sans-serif;
  font-weight: normal;
  line-height: 125%;
}

h2 {
  text-align: center;
  font-size: large;
  font-family: sans-serif;
  font-weight: normal;
}

h3 {
  text-align: center;
  font-size: medium;
  font-family: serif;
  font-style: italic;
  font-weight: normal;
}

h4 {
   text-align: center;
   font-size: small;
   font-family: serif;
   font-weight: normal;
   color: #777777;
}

h4 strong {
   color: #000000;
   font-weight: bold;
}

table {
   margin: auto;
}

p {
  font-size: 1.125em;
  line-height: 1.25em;
}

p span.red {
  color: red;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}

.wrap1 {
  float:left;
  background:url(/images/shadow.gif) right bottom no-repeat;
  margin: 0px 10px 0px 0px;
}

.wrap2 {
  background:url(/images/corner_bl.gif) left bottom no-repeat;
}

.wrap3 {
  padding:0 8px 8px 0;
  background:url(/images/corner_tr.gif) right top no-repeat;
}

.wrap3 img {
  display:block;
  border:1px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
}

.screenshot_left {
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  border:2px groove #ccc;
  border-color:#efefef #ccc #ccc #efefef;
}

.screenshot_right {
  float:right;
  margin-left:20px;
  margin-bottom:20px;
  border:2px groove #ccc;
  border-color:#efefef #ccc #ccc #efefef;
}

#topnav {
  margin-left: 200px;
  float:left;
  width:100%;
  background:#FFFFFF url("./images/tab_bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
}

#topnav ul {
  margin:0;
  padding:20px 10px 0;
  list-style:none;
}

#topnav li {
  float:left;
  background:url("./images/tab_left_off.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}

#topnav a {
  float:left;
  display:block;
  background:url("./images/tab_right_off.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#0000bb;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {
  color:red;
}

#topnav #current {
  background-image:url("./images/tab_left_on.gif");
}

#topnav #current a {
  background-image:url("./images/tab_right_on.gif");
  color:#333;
  padding-bottom:5px;
}

div.error {
   background: url(/images/errormsg-icon.gif) #cc0000 left no-repeat;
   border: solid 1px #990000;
   font-size: medium;
   color: #ffffff;
   padding: 5px 5px 5px 27px;
   margin: 4px 0 4px 0;
}

div.feature_list {
   padding-bottom: 20px;
}

span.blue {
   color: blue;
}