a:link {color: #a5d8f6}
a:visited {color: #bee0df}
a:focus {color: white}
a:hover {color: white}
a {border: none}
p {font-family: "century gothic", arial, sans-serif; color:#6fc3c1; font-size: 14px;}
h1 {font-family: "century gothic", arial, sans-serif;  font-size: 28px; color: white; margin-left: 20px}
h2 {font-family: "century gothic", arial, sans-serif; font-size:22px; color: #bee0df; margin-left: 30px;}

#main {background-image: url(gray_pattern.gif); background-repeat: repeat; padding: 11px;}
div#header img {float: left; padding: 0 15px 15px 0;}
#box {height: 1200px; background: #363636; padding: 12px; margin: auto;
	border-style: solid; border-width: 7px; border-color: black;}
#header {width: 97%; height: 150px; padding: 20px 0 0 20px; background:black; margin: auto;}
div#header img {padding: 0 20px 20px 0}
div#name img {width: 325px; float: right; position: relative; top: 20px}  /*weltschweb horizontal text logo - smaller version*/
#bar {height: 20px; width: 75%; background-color: #005073; clear: right; float: right; position: relative; top: 4px; padding: 2px;}

#box2 {height: 125px; background: #363636; padding: 12px; margin: auto;
	border-style: solid; border-width: 7px; border-color: black;}

#navbuttons {font-family:"arial black", sans-serif; font-size: 75%; text-align: right; margin-right: 20px; color: yellow;}

.category_box {width: 97%; height: 300px; background: #7d7d7d; margin: auto; padding: 5px; margin-right: 10px;}
.subhead {position: relative;}
div.subhead p {text-align: left; color: #bedfc4; position: absolute; left: 225px; top: -15px;}
.artwork {width: 95%; height: 110px; background-image: url(grayblue_pattern.gif); margin-right: 20px; padding: 8px; border-left: 2px dotted white; border-spacing: 25px; float: right;}
div.artwork a {border: none}

.footer {text-align: center; font-family: "gill sans", "arial bold", sans serif; color:white; font-size: 12px;}