body{
background-image: url('http://www.timhuling.com/complab/complab.jpg');
background-repeat: no-repeat;
background-color: rgb(254,254,241);
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}


.quotes {
font-size: .8em;
font-style:italic;
color: rgb(70,70,70);
}

.listsub {
font-weight: normal;
font-style: italic;
}

.tagline{
position: absolute; 
width: 550px;
left: 330px;
top: 80px;
font-style:italic;
font-size: .9em;
background-color: rgb(150,0,0);
color: white;
padding: 8px;
}


.news {
color: white;
position: absolute;
left: 670px;
top: 160px;
width: 210px;
padding: 8px;

}

.listen {
color: white;
position: absolute;

top: 540px;
width: 210px;

padding: 8px;

}



.tagline2{
position: relative; 
font-style:italic;
font-size: .9em;
}
.link1 {
font-size: .8em;
position: absolute;
top: 200px;


}
.link2 {
font-size: .8em;
position: absolute;
top: 280px;
width: 300px;
}
.link3 {
font-size: .8em;
position: absolute;
top: 360px;
width: 300px;
}
.link4 {
font-size: .8em;
position: absolute;
top: 440px;
width: 300px;

}

.link5 {
font-size: .8em;
position: absolute;
top: 480px;
width: 300px;

}



.info{
font-size: .8em;
background-color: rgb(200,180,180);
padding: 10px 10px 2px 10px;
z-index: 1;
}


.infolist{
font-size: .9em;
font-weight: bold; 
background-color: rgb(200,180,180);
padding: 0px 10px 10px 10px;
}



.info2{
font-size: .8em;
background-color: rgb(180,180,200);
padding: 10px 10px 8px 10px;
z-index: 1;
}

.infolist2{
font-size: .9em;
font-weight: bold; 
background-color: rgb(180,180,200);
padding: 0px 10px 10px 10px;
}



.info3{
font-size: .8em;
background-color: rgb(180,200,200);
padding: 10px 10px 8px 10px;
z-index: 1;
}

.infolist3{
font-size: .9em;
font-weight: bold; 
background-color: rgb(180,200,200);
padding: 0px 10px 10px 10px;
}

.info4{
font-size: .8em;
background-color: rgb(200,200,200);
padding: 10px 10px 8px 10px;
z-index: 1;
}

a.button:link {
display:block;
padding: 5px;
width:200px;
height: 60px;
color: black;
text-decoration: none;

}



a.button:visited {
display:block;
padding: 5px;
width: 200px;
height: 60px;
color: black;
text-decoration: none;

}


a.button:hover {
display:block;
padding: 5px;

height: 60px;
color: rgb(120,0,0);
text-decoration: none;
background-color: rgb(200,180,180);

}


a.button:active {
display:block;
padding: 5px;

height: 60px;
text-decoration: none;
color: black;
}

a.button2:link {
display:block;
padding: 5px;
width: 200px;
height: 50px;
color: black;
text-decoration: none;
}



a.button2:visited {
display:block;
padding: 5px;
width: 200px;
height: 50px;
color: black;
text-decoration: none;

}


a.button2:hover {
display:block;
padding: 5px;
height: 50px;
color: rgb(120,0,0);
text-decoration: none;
background-color: rgb(180,180,200);

}


a.button2:active {
display:block;
padding: 5px;
height: 50px;
text-decoration: none;
color: black;
}

a.button3:link {
display:block;
padding: 5px;
width: 200px;
height: 50px;
color: black;
text-decoration: none;
}



a.button3:visited {
display:block;
padding: 5px;
width: 200px;
height: 50px;
color: black;
text-decoration: none;

}


a.button3:hover {
display:block;
padding: 5px;
height: 50px;
color: rgb(120,0,0);
text-decoration: none;
background-color: rgb(180,200,200);

}


a.button3:active {
display:block;
padding: 5px;
height: 50px;
text-decoration: none;
color: black;
}

a.button4:link {
display:block;
padding: 5px;
width: 200px;
height: 20px;
color: black;
text-decoration: none;
}



a.button4:visited {
display:block;
padding: 5px;
width: 200px;
height: 20px;
color: black;
text-decoration: none;

}


a.button4:hover {
display:block;
padding: 5px;
height: 20px;
color: rgb(120,0,0);
text-decoration: none;
background-color: rgb(200,200,200);

}


a.button4:active {
display:block;
padding: 5px;
height: 20px;
text-decoration: none;
color: black;
}

a.buylink:link {
font-weight: bold;
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 140px;
background-repeat: no-repeat;
background-position:-11px -5px;
background-image: url(http://www.timhuling.com/complab/button-new-rev.jpg);
}

a.buylink:visited {
font-weight: bold;
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 140px;
background-repeat: no-repeat;
background-position:-11px -5px;
background-image: url(http://www.timhuling.com/complab/button-new-rev.jpg);
}


a.buylink:hover {
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 140px;
background-image: url(http://www.timhuling.com/complab/button-new-rev.jpg);
background-position: -11px -47px;
}

a.buylink:active {
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 140px;
background-image: url(http://www.timhuling.com/complab/button-new-rev.jpg);
background-position:-11px -5px;
}

a.newslink:link {
font-weight: bold;
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 101px;
background-repeat: no-repeat;
background-position:-11px -5px;
background-image: url(http://www.timhuling.com/complab/button-news-rev.jpg);
}

a.newslink:visited {
font-weight: bold;
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 101px;
background-repeat: no-repeat;
background-position:-11px -5px;
background-image: url(http://www.timhuling.com/complab/button-news-rev.jpg);
}


a.newslink:hover {
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 101px;
background-image: url(http://www.timhuling.com/complab/button-news-rev.jpg);
background-position: -11px -47px;
}

a.newslink:active {
letter-spacing: .3em;
font-size: .8em;
text-decoration: none;
color: white;
display: block;
height: 42px; 
width: 101px;
background-image: url(http://www.timhuling.com/complab/button-news-rev.jpg);
background-position:-11px -5px;
}