body {
text-align: center;
font-family: verdana, helvetica, sans;
color: #fff;
background: #000 url(images/bghead.jpg) no-repeat fixed bottom right;
margin: 0px;
padding: 0px 0px 200px 0px;
}

body#intro, body#archive,body#submission {
background: #333 none;
padding: 0px 0px 100px 0px;
}

div#navmenu {
text-align: left;
color: #000;
background-color: #fff;
height: 18px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 5px 100px;
}

div#navmenu a {
font-family: verdana, helvetica, sans;
font-size: 12px;
color: #333;
text-decoration: none;
}

div#content {
text-align: left;
width: 650px;
margin-left: 100px; 
margin-right: auto;
}

body#intro div#content, body#intro div#navmenu span, body#archive div#content {
width: 800px;
}

span#header h1 { width: 441px; height: 50px; margin-left: -5px; }
span#header h1 { background: url(images/familyportrait_logo2.gif) no-repeat top left; }
body#intro span#header h1,body#submission span#header h1,body#archive span#header h1,body.book span#header h1 { background: url(images/familyportrait_logo.gif) no-repeat top left; }
body.book span#header h1 { margin-left: 90px; }

span#header h1 span { visibility: hidden; }

/*
span#header h1, span#header h2 {
display: inline;
}
*/

h1 {
font-style: normal;
font-size: 24px;
color: #eee;
margin: 30px 0px 10px 0px;
}

h2 {
margin-top: 0px;
text-transform: capitalize;
font-style: normal;
font-size: 16px;
color: #999;
width: 460px;
}

h2 span {
font-style: bold;
color: #fff;
}

a, a:visited {
text-decoration: underline;
color: #fff;
}

a:hover, a:active {
text-decoration: none;
color: #999;
}

h3, h3 a, h3 a:visited {
font-style: normal;
font-size: 18px;
text-decoration: none;
color: #ccc;
width: 460px;
margin-bottom: 30px;
}

#submission h4 { font-style: normal; font-size: 14px; }

p {
font-family: arial, helvetica, sans;
font-size: 12px;
line-height: 20px;
margin: 10px 20px 35px 0px;
}

body#intro p {
font-size: 12px;
line-height: 18px;
margin-bottom: 25px;
}

p.first {
margin-top: 40px;
}

div.description p {
margin-bottom: 5px;
}

div.description {
width: 500px;
margin-bottom: 20px;
}

div#footer {
margin: 30px 20px 20px 70px;
}

div#footer input#votebutton {
font-size: 20px;
}

div#footer p#viewresults {
margin-left: 30px;
}

div.imgoption, div.result {
margin: 0px 0px 25px 0px; 
}

img.resultbar {
border-color: #666;
border-style: solid;
border-width: 2px 0px 2px 0px;
}

img.optionimg, img.resultimg {
border: 2px solid #666;
}

div#logo {
width: 150px;
height: 150px;
background: transparent url(images/livearts.gif) no-repeat scroll top right;
float: right;
margin: 0px 0px 20px 20px;
}

div#logo span {
display: none;
}

div#portraitdiv {
font-size: 24px;
font-weight: bold;
float: left;
}

div#portraitdiv img {
background-color: #fff;
padding: 2px;
margin: 0px 20px 10px -7px;
border: 5px solid #000;
}

p#viewresults a, p.comments a, div#portraitdiv a {
font-size: 16px;
}

body#archive div#content div.result {
float: left;
margin: 0px 0px 7px 0px;
}

span.note {
font-size: 10px;
font-weight: normal;
text-transform: none;
margin: 0px 0px 0px 10px;

}
