body {
  background-color: #999999;
  background-image: url(images/pagebg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  font-size: 90%;
  color:black;  
  margin:0px;
  font-family: palatino, garamond, serif;
}

#content { 	
  position: absolute;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  text-align: justify;
  background-color: white;
}

#navbar {
display: block;
position: absolute;
left: 50%;
margin-left: -400px;
top: 300px;
width: 200px;
}

#textlinks {
margin-top: 5px;
}

#textlinks a {
color: black;
padding: 5px 0 0px 10px;
text-decoration: none;
display: block;
font-size: 150%;
letter-spacing: -0.05em;
font-weight: bold;
background-color: white;
backgorund-position: top;
background-repeat: repeat-x;
}

#textlinks a:link, #textlinks a:visited, #textlinks a:active {
background-image: url(images/shadowlight.jpg);
}

#textlinks a:hover {
background-image: url(images/shadowdark.jpg);
}

a#orderover  {
display: block;
width: 200px;
height: 165px;
background: url("images/mitoxorder2.jpg") 0 0 no-repeat;
}

a:hover#orderover {
background-position: -200px 0;
}

a#orderboth  {
display: block;
width: 200px;
height: 165px;
background: url("images/orderboth.jpg") 0 0 no-repeat;
}

a:hover#orderboth {
background-position: -200px 0;
}

#text {
display: block;
margin-left: 200px;
border-left: 1px dashed #999999;
padding: 0 20px 0 20px;
}

a:link.clickme, a:visited.clickme, a:active.clickme {
color: #333;
}

a:hover.clickme {
color: black;
}

a.clickme {
text-decoration: none;
display: block;
border: 1px dashed #555;
font-size: 80%;
padding: 4px;
margin-top: 5px;
background-color: #e6e6e6;
backgorund-position: top;
background-repeat: repeat-x;
background-image: url(images/shadowmid.jpg);
}

h2 {
margin-bottom: -0.6em;
letter-spacing: -0.05em;
line-height: 1em;
padding: 0px;
margin: 0.5em 0 0 0;
}

h1 {
font-size: 2.5em;
letter-spacing: -0.05em;
line-height: 1em;
padding: 0px;
margin: 0px;
}

i {
letter-spacing: -0.05em;
font-size: 2em;
}

p {
padding: 0px;
margin: 1em 0 1em 0;
}

form {
padding: 10px 0 0 0;
}

.formtitle {
text-align: right;
float: left;
width: 200px;
}

.button {
float: right;
}



.runes {
height: 70px;
width: 100%;
text-align: center;}

#inset {
float: left;
margin-right: 10px;
}




#content2 { 	
  text-align: justify;
  vertical-align: middle;	
  margin: 5px auto 0px auto;
  padding: 10px;
  width: 590px;
  background-color: white;
  border: 1px dashed  black;
}

.quote {
text-align: center;
margin: 15px 0 15px 0;
padding: 15px;
border: 1px dashed #555;
background-color: #e6e6e6;
backgorund-position: top;
background-repeat: repeat-x;
background-image: url(images/shadowmid.jpg);
}

.quote a:link, .quote a:active, .quote a:visited {
color: #555;
}

.quote a:hover {
color: black;
}

.effect {
margin: 5px 0 5px 0;
padding: 10px 10px 5px 10px;
border: 1px dashed #555;
background-color: #e6e6e6;
backgorund-position: top;
background-repeat: repeat-x;
background-image: url(images/shadowmid.jpg);
}

.effect a:link, .effect a:active, .effect a:visited {
color: #555;
}

.effect a:hover {
color: black;
}