A:link     { color:#ffff00; text-decoration: none; }
A:visited  { color:#ccff99; text-decoration: none; }
A:hover    { text-decoration: underline; }
A img      { border: none; }


body {
	background: #292929;
	padding-top: 1em;
	padding-bottom: 1em;
}

img {
	margin-bottom: 10px;
}

#doc, #doc2 {
	background: #300;
	color: #ffffff;
        border: solid 2px wheat;
        padding: .8em;
	text-align: left;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}


#ft {
    margin-top: 1em;
    border-top: 1px solid #aaa;
    font-size: 85%;
    padding-top: .5em;
}

#ft hr { 
        border: 0;
        color: #aaa; 
        background-color: #aaa; 
        height: 1px; 
        margin-top: 1em;
}



div.spacer {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
}

.textbox {
	border: 1px dashed white;
	padding: .5em;
}

#copyright {
        color: #666666;
        font-size: 77%;
}

.center {
	text-align: center;
}

.textcenter {
        text-align: center;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

p.indent {
        text-indent: 2.5em;
}

img.floatleft { 
	float: left;
	margin-right: 1em;
}

img.floatright { 
	float: right;
	margin-left: 1em;
}

br.clearboth {
	clear: both;
}

table {
	margin-top: .5em; 
	margin-bottom: .5em;
	text-align: center;
        border-collapse: collapse;
        border: 2px #ff0000 green;
	text-align: left;
}

td {
	padding: 3px; 
        border: 2px green solid;
	text-align: left;
}

th {
	text-align: center;
        border: 2px green solid;
}


.box {
	border: 1px white solid;
	padding: 5px;
}

	
/* clearfix: www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* testing stuff here -------------------------------------------------------------------------------- */

#pubquiz {
	 margin-bottom: 1em;
}

#thumbnails {
	margin: 5px auto 5px auto;
	text-align: center;
}

#thumbnails img {
	border: 2px solid green;
	width: 100px;
	height: 75px;
	margin: 5px;
}

.menucontainer {
  margin-top: 20px;
  margin-bottom: 25px;
}

.menu {
	font-size: 93%;
	display:table;         /* ignored by IE */
	padding:0; 
	list-style-type:none;
	white-space:nowrap;    /* keep text on one line */
	border:1px solid #06a; /* add a border to show size of menu */
			
}

.menu li {
	display:table-cell;    /* ignored by IE */
}

.menu a, .menu a:visited {
	display:block;         /* for all browsers except IE */
	padding:4px 8px;
	color:#000; 
	background:#d4d4d4; 
	background: wheat;
	border:1px solid #fff; /* add a 1px white border around items */ 
	text-decoration:none;
}

.menu a:hover {
	color:#fff; 
	/* background:#08c; */
	background: darkgreen;
	text-decoration: none;
}

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}