/*beth's awesome stylesheet */

/* hide from ie on mac \*/
html {
height: 100%;
}
	
#flashcontent {
height: 100%;
}
/* end hide */

#flashcontent {
background-color: black;
}

body {
height: 100%;
padding: 0;
margin: 0;
background-color: #000;
color:#fff;
text-align: center;
}

a {
text-decoration: none;
color: #aaaaaa;
}

h1 {
font-family: futura, arial, sans-serif;
line-height: 200%;
font-size: 150%;
font-variant: small-caps;
letter-spacing: 5px;
color: #667;
text-align: left;
margin-left: 30px;
}

#header{
background-image: url('http://www.bethdennison.com/includes/images/header.jpg');
background-repeat: repeat-x;
text-align: center;
margin: auto;
width: 100%;
height: 132px;
border-bottom: 2px solid #335;
}

#bigbox {
position: absolute;
top: 156px;
left: 0px;
background-color: #23232a;
width: 100%;
text-align: center;
border-top: 2px solid #335;
}

#contents {
margin: auto;
width: 90%;
padding: 12px;
}


#contents table{
margin: auto;
width: 95%;
padding: 12px;
}

#viewer {
width: 90%;
height: 600px;
margin: 12px auto 12px auto;
background-color: black;
padding: 12px;
}


p {
font-family: futura, arial, sans-serif;
line-height: 150%;
font-size: 86%;
margin: 30px;
text-align: justify;
}

img {

}

img.right {
float: right;
margin: 10px 30px 10px 30px;
}

img.left {
float: left;
margin: 10px 30px 10px 30px;
}

img.lolcat {
clear: both;
display: block;
margin: 150px auto;
}

table img { 
border: 1px solid #335;
}

#menu {
margin: auto;
}

#gallery {
text-align: center;
background-color: black;
border: 1px solid #335;
}

#buttonbox {
float: right;
padding: 8px;
margin: 20px 0px 10px 20px;
background-color: black;
border: 1px solid #335;
}

#buttonbox p {
padding: 8px 4px 8px 4px;
margin: 4px;
}

#nav, #nav ul {
padding: 0px;
margin: 0;
list-style: none;
font-size: 12px;
text-transform: uppercase;
font-family: futura, arial, sans-serif;
letter-spacing: 3px;
z-index: 100;
text-align: center;
}

#nav a {
display: block;
height: 18px;
width: 13em;
background-color: #000;
}

#nav li {
float: left;
width: 11em;
}

#nav li ul {
position: absolute;
width: 11em;
left: -999em;
}

#nav li ul a{
display: block;
border-top: none;
border: 1px solid #335;
width: 11em;
}

#nav li:hover ul, #nav li.sfhover ul{
display: block;
left: auto;
position: relative;
}

#nav a:hover, #nav a.sfhover {
color: #ddd;
display: block;
}