@import url(undohtml.css);

body {
background-color: #111;
text-align: center;
}

p, h1, h2, h3, h4, th, td, li, span {
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #777;
text-align: left;
}

h1 {
margin: 25px 0 10px 0;
font-size: 16px;
font-weight: bold;
color: #CCC;
}
h2 {
margin: 20px 0 5px 0;
font-size: 14px;
color: #CCC;
}
h3 {
font-size: 14px;
color: #CCC;
}
h4 {
color: #999;
}
h3 a, h3 a:hover, h4 a, h4 a:hover, li a{
color: inherit;
}

a {
color: #FBE1AC;
}
a:hover {
color: #F9D180;
}

hr {
height: 15px;
background: url(../images/hr.gif) center no-repeat;
border: none;
}

.clear {
clear: both;
}
.hidden {
display: none;
}
.left {
float: left;
}
.right {
float: right;
}
.left-align {
text-align: left;
}
.right-align {
text-align: right;
}

#wrapper {
position: relative;
width: 1060px;
margin: auto;
}

#wrapper #title {
position: absolute;
top: 2px;
left: -50px;
bottom: 2px;
width: 50px;
}
#wrapper #frame {
margin: 0 5px;
height: 100%;
overflow: hidden;
}

#wrapper #frame img.bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}

#wrapper #frame #content {
position: absolute;
top: 5%;
left: 5%;
bottom: 5%;
width: 45%;
overflow: hidden;
}
* html #wrapper #frame #content {
height: 82%;
}
#wrapper #frame #content.right {
left: auto;
right: 5%;
}
#wrapper #frame #content.wide {
right: 4%;
width: 92%;
}
#wrapper #frame #content #scrolls.small {
padding: 20px;
background-color: #111;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

#wrapper #frame #content p {
margin-bottom: 10px;
line-height: 150%;
}

#preload {
display: none;
background: url(../images/susan1.png);
}

a.up {
position: absolute;
top: 1%;
right: -20px;
display: block;
width: 14px;
height: 12px;
background: url(../images/scroll_up.gif) no-repeat top;
}
a.down {
position: absolute;
bottom: 1%;
right: -20px;
display: block;
width: 14px;
height: 12px;
background: url(../images/scroll_down.gif) no-repeat top;
}
a.up:hover, a.down:hover {
background-position: bottom;
}

#menu {
position: relative;
height: 24px;
text-align: right;
}
#menu a {
display: inline-block;
height: 24px;
margin-right: 10px;
background-position: top;
background-repeat: no-repeat;
}
#menu a:hover, #menu a.active {
background-position: bottom;
}

#menu a.bio {
width: 37px;
background-image: url(../images/bio.gif);
}
#menu a.classes {
width: 75px;
background-image: url(../images/classes.gif);
}
#menu a.contact {
width: 87px;
background-image: url(../images/contact.gif);
}
#menu a.gallery_link {
width: 91px;
background-image: url(../images/gallery.gif);
}
#menu a.links {
width: 54px;
background-image: url(../images/links.gif);
}
#menu a.news {
width: 58px;
background-image: url(../images/news.gif);
}