html,body {
	font-size: 100%;
	background: #88F;
	color: #111;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
*>* html,body {
	background: #88F; /* non-IE hack to make the background look good */
}

a:link { color: blue; }
a:visited { color: purple; }
a:active { color: red; }
a:hover { color: red; }

#menu,#banner,#extra a:link { color: aqua; }
#menu,#banner,#extra a:visited { color: lime; }
#menu,#banner,#extra a:active { color: yellow; }
#menu,#banner,#extra a:hover { color: yellow; }

acronym { border-bottom: 0.1em dotted #333; }

.entry {
	margin: 0.5em;
 	padding: 0.5em;
}

.hide { display: none; }

img { border: 0;}

h1 { font:1.7em Garamond,Century,Times,"Times New Roman",Serif; }

#banner {
 background: #111;
 color: #FEE;
 border-top: 10px solid #88F;
 border-left: 10px solid #88F;
 border-bottom: 0;
 border-right: 10px solid #88F;
 text-align: center;
 height: 40px;
 top: 0;
 left: 0;
 right: 0;
}
  
#banner h1 {
 font: 1.7em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
 margin: 0;
 padding: 5px 5px 0 5px;
}
 
#main {
 font: 0.9em Century,Times,"Times New Roman",Serif;
 background: #FEE;
 color: #111;
 border: 1px solid #111;
 margin-left: 121px;
 margin-bottom: -10px;
 margin-right: 110px;
}
html>body #main {
 margin-left: 110px;
}

#main h1,h2,h3,h4,h5,h6,address,p {
 margin: 5px;
 padding: 5px;
}

#main ul,ol { margin-right: 10px; }

#menu {
 font: 0.4em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
 background: #111;
 color: #FEE;
 border-top: 0;
 border-left: 1px solid #111;
 border-bottom: 0;
 border-right: 10px solid #88F;
 position: absolute;
 top: 50px;
 bottom:0;
 right: 0;
 width: 100px;
}

#menu h1 {
 font: 6em Garamond,Century,Times,"Times New Roman",Serif;
 margin-top: -1.3em;
 margin-bottom: -0.2em;
 padding: 5px;
 text-align: center;
}

#menu p {
 font-size: 1.6em;
 margin-top: 11px;
 margin-left: 2px;
 margin-right: 2px;
 padding: 0 1px 1px;
}

#menu #navlist
{
 font: 1.8em Verdana, sans-serif;
 margin-left: -1px;
 margin-right: -1px;
 padding: 0 1px 1px;
 width: 100px;
}

#menu #navlist li
{
 list-style: none;
 margin: 0;
 margin-bottom: -1px;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
 border-right: 1px solid #111;
 text-align: left;
}

#menu #navlist li a
{
 display: block;
 padding: 0.25em 0.5em 0.25em 0.75em;
 border-left: 1em solid #AAB;
 background: #CCD;
 text-decoration: none;
}

#menu #navlist li a:link { color: #448; }
#menu #navlist li a:visited { color: #667; }

#menu #navlist li a:hover
{
 border-color: #FB3;
 color: #FEE;
 background: #332;
}

#menu #w3checks {
 padding: 0 1px 1px;
 margin-top: -3px;
 margin-left: 3px;
 margin-right: 3px;
}

#menu #w3checks a:link { color: #111; }
#menu #w3checks a:visited { color: #111; }

#menu #w3checks li {
 font-size: 1.5em;
 background: #FC6;
 color: #111;
 text-align: center;
 margin: 0;
 padding: 1px;
 display: inline;
 list-style-type: none;
}
html>body #menu #w3checks li {
 border: outset #C90 2px;
 padding: 0;
}

#extra {
 font: 0.7em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
 background: #111;
 color: #FEE;
 border-top: 0;
 border-left: 10px solid #88F;
 border-bottom: 0;
 border-right: 1px solid #111;
 position: absolute;
 top: 50px;
 left: 0;
 width: 100px;
}

#extra ul {
	width:80px;
	list-style:none;
	margin:10px;
	padding:0;
}

#extra label.select {
	margin:10px;
}

#extra .open {
	display: block;
	}
#extra .closed {
	display: none;
	}
#extra li {
	list-style-type: none;
	padding-top: .2em;
	padding-bottom: .2em;
	}
.artist {
	text-decoration:none;
	font-weight:bold;
}

        
#extra li img {
	vertical-align: middle;
	}

#extra .flickrimg {
	margin-left: 2px;
	margin-bottom: 3px;
	border: outset #FB3 2px;
}

#extra #flickrimg4,#flickrimg5 { display: none; }

#last {
 font: 0.9em Georgia,Century,Times,"Times New Roman",Serif;
 background: #FEE;
 color: #111;
 border-left: 1px solid #111;
 border-bottom: 1px solid #111;
 border-right: 1px solid #111;
 text-align: center;
 height: 40px;
 margin-left: 121px;
 margin-right: 110px;
}
html>body #last {
	margin-left: 110px;
}