@charset "utf-8";

h1 { font-family: Trebuchet MS, Verdana; font-size: 170%; font-weight: bold; margin-bottom: 19px; padding: 0; border-bottom: 1px solid #000 }
h2 { font-size: 120%; margin: 0.5em 0 }
.small { font-size: 80% }

#logo { position: absolute; left: 10px; top: 10px; width: 150px; height: 63px; background-image: url('../images/logoSmall.png'); z-index: 8 }
#logo:hover { background-position: 0 -63px }

#main { position: absolute; left: 0; right: 0; top: 108px; bottom: 4em }

#main>div:first-child { position: relative; height: 100%; overflow-y: auto }
#main>div:first-child>div { overflow-x: hidden; position: relative; margin: 0 auto; width: 960px }

#main>div:first-child+div { height: 100%; position: relative; margin: 0 auto; width: 960px }

#knobs { vertical-align: top; margin: 3px 0 0 0; padding: 0; list-style-type: none; overflow: hidden; width: 100% }

#knobs li { margin: 10px 10px 10px 0 }

#knobs div {
	margin: 5px -9px 5px 0; width: 19em; widthhh: 100%; padding: 0.5em 0 0.5em 0.7em; border-radius: 6px; white-space: nowrap; color: #222; font-size: 88%; font-weight: bold;
	background-color: #bbc;	/* IE8 */
	background-color: rgba(255,235,235,0.6);
}

#knobs a { text-decoration: none }

#knobs li.subknob div { margin: -5px -6em 0 2em; width: 15em; font-size: 73%; padding: 0.55em 0 0.55em 0.9em; border-radius: 99px }

/*#content {
	position: absolute; overflow-y: auto; padding: 0.2em 1.8em; left: 15em; bottom: 5em; right: 10px; border-radius: 10px;
	background-color: #ddf;
	background-color: rgba(255,235,235,0.8)
}*/

#main>div:first-child+div>div { position: relative; margin-left: 18em; top: -101%; height: 100%; border-radius: 15px 0 0 10px; overflow: hidden;
	background-image: url('../images/bodyBack2.jpg'); background-position: top center; background-attachment: fixed;
}

#main>div:first-child+div>div>div { height: 100%; overflow-y: auto }

#content { padding: 0.2em 1.8em }

.lefty { float: left; margin: 0 2em 1em 1em }
.righty { float: right; margin: 0 1em 1em 3em }

.sections { list-style-type: none; margin: 0; padding: 0 }
.sections>li { border-radius: 1em; margin: 1.5em 0; padding: 1em 2em; width: 93%; background: #f3f3f6 }

.imgctr,.imgbdrctr { display: block; margin: 0 auto }
.imgctrmgn,.imgbdrctrmgn { display: block; margin: 20px auto }
.imgbdr,.imgbdrmgn,.imgbdrctr,.imgbdrctrmgn { border: 1px solid #333 }

.cc { width: 38px; height: 24px; vertical-align: middle; margin-right: 20px }

.obfuscation { display: inline-block; position: relative; text-decoration: underline }
.i { position: relative; top: -9999px }
.atop { position: absolute; left: 0; top: 0; text-decoration: underline }