body {
background-color: #000000 ;
font-family: "Arial", "Helvetica", sans-serif ;
font-size: 13px ;
color: #000000
text-align: center ;
min-width: 800px ;
}

#centeringblock {
margin: 0 auto ;
width: 800px ;
height: 475px ;
text-align: left;
/*border: solid #1e1e1e ;*/
position: relative ;
top: 5px ;
}

h2 {
font-family: "Georgia" , "Times New Roman", serif ;
}

#header {
position: absolute ;
top: 0px ;
width: 800px ;
height: 40px ;
background-color: #0d0d54 ;
background-image: url(images/headerfade.jpg) ;
background-repeat: repeat-y ;
color: #bfbfbf ;
font-family: "Lucida Sans Unicode" , "Lucida Grande", "Arial", "Helvetica", sans-serif ;
}

#header .headline {
font-size: 30px ;
padding-left: 15px ;
font-weight: regular ;
margin-bottom: 0.1em ;
}

#header a:link {
color: #bfbfbf ;
text-decoration: none ;
}

#header a:visited {
color: #bfbfbf ;
text-decoration: none ;
}

#header a:hover {
color: #ffffff ;
text-decoration: none ;
}

#header .credits {
font-size: 12px ;
padding-left: 15px ;
font-weight: regular ;
margin-top: 0.1em
}

#mainbackground {
position: absolute ;
top: 40px ;
width: 800px ;
height: 400px ;
}

#maincontent {
position: absolute ;
left: 5px ;
overflow: auto ;
top: 17px ;
width: 760px ;
height: 85% ;
padding-left: 15px ;
line-height: 1.2em ;
}

#maincontent a:link {
color: #000000 ;
text-decoration: none ;
font-weight: bold ;
}

#maincontent a:visited {
color: #000000 ;
text-decoration: none ;
font-weight: bold ;
}

#maincontent a:hover {
color: #ffffff ;
text-decoration: none ;
font-weight: bold ;
}


#footer {
position: absolute ;
top: 440px ;
width: 800px ;
height: 28px ;
padding-top: 6px ;
background-color: #b7b7b7 ;
background-image: url(images/footerfade.png) ;
background-repeat: repeat-y ;
font-size: 18px ;
font-family: "Lucida Sans Unicode" , "Lucida Grande", "Arial", "Helvetica", sans-serif ;
}

#footer a:link {
color: #000000 ;
text-decoration: none ;
}

#footer a:visited {
color: #000000 ;
text-decoration: none ;
}

#footer a:hover {
color: #ffffff ;
text-decoration: none ;
}

#button_about {
position: absolute ;
width: 100px ;
left: 0px ;
text-align: center ;
}

#button_software {
position: absolute ;
width: 100px ;
left: 100px ;
text-align: center ;
}

#button_contribute {
position: absolute ;
width: 100px ;
left: 200px ;
text-align: center ;
}

#button_demo {
position: absolute ;
width: 100px ;
left: 300px ;
text-align: center ;
}

#button_artists {
position: absolute ;
width: 100px ;
left: 400px ;
text-align: center ;
}

#centeredmovie {
width: 320px ;
margin-left: auto ;
margin-right: auto ;
text-align: center ;
}

#subheading {
font-size: 1.1em ;
color: #ffffff ;
width: 720px ;
opacity:.50 ;
background-color: #000000 ;
text-align: center ;
padding: 5px ;
}

#subheading a:link {
color: #969696 ;
text-decoration: none ;
}

#subheading a:visited {
color: #969696 ;
text-decoration: none ;
}

#subheading a:hover {
color: #ffffff ;
text-decoration: none ;
}


.leftbox {
position: absolute ;
width: 340px ;
height: 255px ;
left: 20px ;
float: left ;
}

.rightbox {
position: relative ;
width: 340px ;
height: 260px ;
left: 350px ;
}

.leftbox200 {
position: absolute ;
width: 200px ;
height: 220px ;
left: 20px ;
float: left ;
}

.rightbox200 {
position: relative ;
width: 440px ;
height: 220px ;
left: 220px ;
}

.highlight {
background-color: grey ;
}

/*The div below styles the nested lists. It is intended to style just the list1 class. (The sublist overrides it with more specificity) I enclosed it in a div because when I specified a font-size in the list1 class then the whole "contribute" page would disappear in ie6/win! */

#ielistdiv {    
font-size: 15px ;
}

.list1 {
font-weight: bold ;
font-family: "Arial", "Helvetica", sans-serif ;
}

.list1 li {
padding-top: 15px ;
}

.sublist1 {
list-style-type: disc ;
font-size: 12px ;
font-weight: normal ;
font-family: "Arial", "Helvetica", sans-serif ;
}

.sublist1 li {
padding-top: 4px ;
}