:root {
  --yes: #00cc00;
  --no: #cc0000;
  --yellow: #736b68;
  --blue: #3c6cdc;
}

/* -- reset --- */ ul,ol,li,h1,h2,span,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,option { margin:0; padding:0;} ul,ol { list-style:none; } h1,h2,span,h3,h4,h5,h6,pre,code { font-size:1em; } input { background-color: #fff; } a img,:link img,:visited img, fieldset { border:none; } :link,:visited { text-decoration:none; } a:hover { text-decoration: underline; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
/* --------------------------------------- */
body,input,tr,td,table,p,li,h1,h2,h3,button,textarea
{
	font-family: Verdana,sans-serif;
	font-size:14px;
}
.standardbutton
{
	background:#666;
	color:#fff;
	text-shadow: #444444 0px 1px;
	padding:10px 20px !important;
	font-weight:bold;
	font-size:16px;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}

body { margin-top:10px; margin-bottom:10px; background:#0b7ee0;}
body, p, div, li {font-family: 'Arial Narrow', Arial, sans-serif; font-size:100%; }
p { margin-bottom:15px; }

#header { text-align:center; margin-bottom:20px; }
#logo { width:51%; margin-bottom:5px; }
#motto, #altpagetitle, #footer {font-family: 'Cinzel', 'Arial Narrow', Arial, sans-serif; width:50%; color:#fff; margin:auto; }
#altpagetitle { font-size:30px; }

#main {width:50%; margin: auto; background:#fff; padding:10px 40px 30px 40px; }
#classes { margin-top:10px;  list-style-type: circle; }
#classes li {margin-left:15px;}

#scenes {float:right;padding:20px;width:400px;}
#bookclubimg { float:right; margin:20px;width:400px;}

#footer { margin-top:20px; }