/* CSS Document */

html,body {
height: 100%;
width: 100%;
background-color: #212121;
}

body { 
margin: 0px;
padding: 0px;
background-color: #212121;
}

body, tr, td, li, ul, ol, div, p, span {
font: normal normal normal 10px "Trebuchet MS", Verdana, Arial, sans-serif; 
color: #fff;
text-decoration: none;
padding: 0px;
}

img { 
border: none; 
}

.artwork {
border: solid 5px #fff;
margin-right: 12px;
margin-left: 12px;
float: right;
}

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

input, textarea {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#header {
width: 100%;
height: 80px;
background-color: #212121;
}

#body  {
width: 100%;
height: 100%;
background-color: #212121;
}

#logobox {
width: 160px;
height: 80px;
border-bottom: 5px solid #fff;
}

#headerfiller {
width: 100%;
height: 15px;
border-bottom: 5px solid #fff;
position: absolute;
top: 65px;
right: 0px;
z-index: 1;
padding-right: 4px;
}

#topbutton1 a, topbutton1 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 160px; z-index: 2;}
#topbutton2 a, topbutton2 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 220px; z-index: 2;}
#topbutton3 a, topbutton3 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 280px; z-index: 2;}
#topbutton4 a, topbutton4 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 340px; z-index: 2;}
#topbutton5 a, topbutton5 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 400px; z-index: 2;}
#topbutton6 a, topbutton6 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 460px; z-index: 2;}
#topbutton7 a, topbutton7 a:visited {width: 60px; height: 15px; border-bottom: 5px solid #fff; text-align: center; position: absolute; top: 65px; left: 520px; z-index: 2;}

#topbutton1 a:hover {border-bottom: 5px solid #090;}
#topbutton2 a:hover {border-bottom: 5px solid #090;}
#topbutton3 a:hover {border-bottom: 5px solid #090;}
#topbutton4 a:hover {border-bottom: 5px solid #090;}
#topbutton5 a:hover {border-bottom: 5px solid #090;}
#topbutton6 a:hover {border-bottom: 5px solid #090;}
#topbutton7 a:hover {border-bottom: 5px solid #090;}


#leftmenutitle {
width: 140px;
height: 32px;
font-size: 17px;
font-weight: bold;
background-color: #333;
border-right: 5px solid #212121;
position: absolute;
top: 85px;
left: 0px;
padding: 4px;
z-index: 1;
}

#leftmenufiller {
width: 148px;
height: 135%;
background-color: #333;
float: left;
z-index: 0;
}

.leftbutton1 a, leftbutton1 a:visited {width: 140px; background-color: #333; border-right: 5px solid #212121; position: absolute; top: 125px; left: 0px; padding: 4px; z-index: 1;}
.leftbutton2 a, leftbutton2 a:visited {width: 140px; background-color: #333; border-right: 5px solid #212121; position: absolute; top: 148px; left: 0px; padding: 4px; z-index: 1;}
.leftbutton3 a, leftbutton3 a:visited {width: 140px; background-color: #333; border-right: 5px solid #212121; position: absolute; top: 171px; left: 0px; padding: 4px; z-index: 1;}
.leftbutton4 a, leftbutton4 a:visited {width: 140px; background-color: #333; border-right: 5px solid #212121; position: absolute; top: 194px; left: 0px; padding: 4px; z-index: 1;}
.leftbutton5 a, leftbutton5 a:visited {width: 140px; background-color: #333; border-right: 5px solid #212121; position: absolute; top: 217px; left: 0px; padding: 4px; z-index: 1;}

.leftbutton1 a:hover {border-right: 5px solid #090;}
.leftbutton2 a:hover {border-right: 5px solid #090;}
.leftbutton3 a:hover {border-right: 5px solid #090;}
.leftbutton4 a:hover {border-right: 5px solid #090;}
.leftbutton5 a:hover {border-right: 5px solid #090;}

#content {
background-color: #212121;
position: absolute;
top: 85px;
}

#textbox1, #textbox2, #textbox3, #textbox4, #textbox5 {
background-color: #212121;
border-left: 5px solid #333;
padding: 12px;
position: absolute;
left: 160px;
margin-top: 12px;
}

.column {
float: left;
margin: 0 50px 0 0;
}

#infobox {
background-color: #333;
padding: 6px;
float: right;
}

#iconbox {
background-color: #212121;
float: right;
padding-left: 6px;
padding-right: 6px;
}

h1 {
font-size: 17px;
}

a.download:link {color: #999; text-decoration: none;}
a.download:visited {color: #999; text-decoration: none;}
a.download:hover {color: #333; text-decoration: none; background-color:#fff;}

.hspacer {
width: 90%;
height: 2px;
background-color: #333;
}