* {
margin: 0;
padding: 0;
}

body {
background-color: #601020;
min-width: 500px;
width: 95%;
margin: auto;
margin-top: 16px;
font-family: Arial, Helvetica;
color:#ffffcf;
z-index: 1;
}

h1{
text-align: center;
height: 44px;
}

h3{
margin-left: 40px;
margin-top: 8px;
margin-bottom: 20px;
}

h4{
margin-left: 0px;
margin-top: 10px;
margin-bottom: 0px;
}

p{
margin-bottom: 16px;
}

.main_text,
.lower_text{
position: relative;
width: 90%;
margin: auto;
font-size: 18px;
}

.lower_text{
font-size: 12px;
}

.links,
.links_w3c,
.links_left,
.links_right{
position: relative;
display: inline;
float: left;
background: url(link.png) no-repeat;
height: 32px;
width: 160px;
margin-top: 4px;
margin-left: 16px;
margin-right: -160px;
padding-top: 8px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: black;
outline: none;
}

.links_w3c{
float: right;
background: url(http://www.w3.org/Icons/valid-html401) no-repeat;
width: 100px;
margin-right: 0px;
}

.links_left{
float: left;
margin-right: 0px;
}

.links_right{
float: right;
margin-right: 0px;
}

.links:hover,
.links_left:hover,
.links_right:hover{
background: url(link_hover.png) no-repeat;
}

.links span,
.links_w3c span,
.links_left span,
.links_right span{
display: none;
}

.graphic_frame,
.graphic_front_frame{
position: relative;
margin-bottom:20px;
margin-left: auto;
margin-right: auto;
}

.graphic_front_frame{
width: 840px;
}

.graphic_frame{
width: 980px;
}

ul.graphic_list_front,
ul.graphic_list{
list-style-type: none;
}

ul.graphic_list_front li,
ul.graphic_list li{
position: relative;
float: left;
height: 100px;
}

ul.graphic_list_front li{
height: 80px;
}

.graphic_front,
.graphic_title{
position: relative;
float: left;
background: url(title.png) no-repeat;
margin-left: 32px;
margin-right: 4px;
margin-bottom: 28px;
height: 32px;
width: 320px;
font-size: 12px;
}

.graphic_title{
margin-bottom: 60px;
}

.graphic_front span,
.graphic_title span{
display: none;
position: relative;
top: 18px;
width: 364px;
line-height: 13px;
color: #3fdfff;
z-index: 2;
}

.graphic_title span{
width: 438px;
}

.graphic_front:hover span,
.graphic_title:hover span{
display: block
}

.graphic_text{
position: relative;
top: 8px;
font-weight: bold;
line-height: 14px;
text-align: center;
color: black;
}

ul.graphic_list_front li a,
ul.graphic_list li a{
outline: none;
text-decoration: none;
}

ul.graphic_list_front li a.goto,
ul.graphic_list li a.download_ogg,
ul.graphic_list li a.download_mp3{
position: relative;
float: left;
margin-left: 4px;
margin-right: 4px;
height: 32px;
width: 32px;
}

ul.graphic_list_front li a.goto{
background: url(go.png) no-repeat;
}

ul.graphic_list li a.download_ogg,
ul.graphic_list li a.download_mp3{
background: url(fetch.png) no-repeat;
}

ul.graphic_list_front li a.goto:hover{
background: url(go_hover.png) no-repeat;
}

ul.graphic_list li a.download_ogg:hover{
background: url(fetchogg.png) no-repeat;
}

ul.graphic_list li a.download_mp3:hover{
background: url(fetchmp3.png) no-repeat;
}

ul.graphic_list_front li a.goto span,
ul.graphic_list li a.download_ogg span,
ul.graphic_list li a.download_mp3 span{
display: none
}