/* general */

body, html { margin: 25px 0px 0px 0px; padding: 0px; }
body { background: url(/images/splasher.jpg) left top repeat;  text-align: center; font-family: Arial; font-size: 75%; }

a { text-decoration: none; color: #ccc; }
a img { border: 0px; }

td, th { vertical-align: top; }
th { text-align: left; }

div.hidden { display: none; }
div.clearing { clear: both; }

/* site specific */

#header {  }
#header h1 {text-align: center; color: #fff; font: 17pt georgia; margin: 20px 0px;}
#page { width: 900px; height: 506px; margin: auto; border: 1px solid #232323; background: #0b0b0b; }
	div.page { padding: 5px; }

	#content { float: left; width: 610px; height: 475px; background: #111; text-align: left; color: #fff; padding: 10px 20px; overflow: auto; position: relative; }

	#navi { width: 235px; height: 496px; float: right; background: url(/images/bg-menuframe.jpg) left top repeat-x; text-align: left; }
		#navi p { margin: 3px 20px 0px 15px; padding: 2px 2px; background: transparent; text-align: center; }
		#navi p a { display: block; padding: 5px 2px; }
	
	
		#subnavi  { margin: 3px 20px 0px 15px; padding: 5px; border: 1px solid #0c0c0c; background: #111; text-align: center; font: 8pt arial; }
		#subnavi  a { padding: 2px 2px; display: block; }
		#subnavi p a:hover { background: #0c0c0c; }
		#subnavi p a:active { background: #232323; }
		
		input, textarea,select { width: 350px; padding: 3px; }
		textarea {height: 100px; }
		input[type="submit"],input[type="reset"],input[type="radio"] { width: auto; }