/** floating footer tricks **/

html, body, #holder { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #holder { height: auto;}
body { margin: 0; padding:0; }
#holder { position: absolute; top: 0; left: 0;}
#footer {clear: both;  bottom: 0; left: 0; width: 100%;}
/* hide from Mac IE5 */
/* \*/
#footer {position: absolute; }
/* */
/* Change in Opera 5+ (and some others) */
html>body div#fooborder-top: 1px solid black;ter {
    position: static;
}
/* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
/* \*/
head:first-child+body div#footer {
    position: absolute;
}
/* */

/** body/content **/

.hide-left #right {margin-left: 0;}
.hide-left #left {display: none;}
body {background: white; color: black;}
body, p, a {font: 10pt Verdana, sans-serif;}
#content {
   background: white url(/css/white-shade-top.png) repeat-x 0px -3px;
   padding: 0.5em 0.5em 0.5em 0.8em;
   margin-bottom: 66px;
}
#right {
   padding: 1em;
   margin-left: 13em; /* #left width + padding */
   max-width: 50em;
}
#left {
   float: left;
   width: 11em;
   border: 1px dotted silver;
   margin-top: 1em;
   padding: .75em;
   background: #eee;
}
#left h3, #left h3 a {
  color: #900;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  margin-top: .5em;
  font-size: 10pt;
} 
h3 {
	border-bottom: 1px solid #ddd;	
}	
	
/** header **/

#header {
    background: url(/css/bg-top.png);
    border-bottom: 3px solid black;
}
#riseup {
	background: url(/css/riseup-8.png) no-repeat;
	height: 43px;
	width: 183px;
}
#toplinks {
	float: right;
	margin-top: -1.3em;
	margin-bottom: -1.3em;
	padding-right: 0.5em;
}
#toplinks a {
	color: white;
	text-decoration: none;
	padding: 2px;
}
#toplinks a:hover {
    color: black;
}

/** footer **/

/* .clear {
  clear: both;
}  */
#bottomshadow {
   background: url(/css/white-shade-bottom.png) repeat-x bottom left;
   height: 24px;
}
#footerbg {
  border-top: 3px solid black;
  background: url(/css/bg-bottom.png) repeat-x;
  height: 44px;
}
#lang {float: left; padding: 6px;}
#lang select {font-size: 8pt;}
#star {
  float: right;
  background: url(/css/star-8.png) no-repeat bottom left;
  width: 40px;
  height: 44px;
}
#motto {font-style: italic; text-align: center; padding: 4px; color: white;}

/** navigation **/

#navroot a {
  display: block;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  font-weight: bold;
  color: #900;
}
#navlist a {
  display: block;
  text-decoration: none;
  margin: 0 -.75em;
  padding: 0 .75em;
}

#navlist a:hover {background: #ddd;}
#navlist a.selected {font-weight: bold; background:white;}


#left ol {list-style-type: none; margin: 0; padding: 0;}
#left li {margin: 0; padding: 0;}
#navlist {padding: 1em 0em;}
#navlist a.first    {border-top: 0;}
#navlist ol a       {padding-left: 0.75em;}
#navlist ol ol a    {padding-left: 1.5em;}
#navlist ol ol ol a {padding-left: 2.25em;}

#tabs .gap {
  border-bottom: 1px solid #999;
  padding: 0.3em .5em;
  font-size: 80%;
}
#tabs {
  padding-top: 3px;
  text-align: center;
}
#tabs a {
  font-weight: bold;
  font-size: 80%;
  padding: .3em .6em;
  text-decoration: none;
  background: #eee;
  border: 1px solid #aaa;
  border-bottom: 1px solid #999;
}
#tabs a.selected {
  background: #fff;
  color: #900;
  border: 1px solid #999;
  border-bottom: 1px solid #fff;
}
#tabs a:hover {background: #fff;}
 
#controls {display: none;}

.first { margin-top:0;}