html, body { margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; font-family: 'Times New Roman', 'Times', 'Times CE', sans-serif; }
.hide { display: none }
.clear { clear: both; font-size: 1px }
img { border: none }

#framecontent { position: absolute; top: 0; bottom: 0; left: 0px; width: 300px; /*Width of frame div*/ height: 100%; overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ background: #000; color: #e1dbbf; }

ul{ margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #000; }
ul li{ position: relative; }
li ul{ position: absolute; left: 149px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #453829; background: #e1dbbf; padding: 5px; border: 1px solid #000; border-bottom: 0; }
span { display: block; text-decoration: none; color: #9a1820; background: #e1dbbf; padding: 5px; border: 1px solid #000; border-bottom: 0; }
ul li a:hover { display: block; text-decoration: none; color: #e1dbbf; background: #9a1820; padding: 5px; border: 1px solid #000; border-bottom: 0; }
li:hover ul, li.over ul { display: block; }
/* Fix IE. Hide from IE Mac \*/col
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */



#maincontent { position: fixed; top: 0; left: 300px; /*Set left value to WidthOfFrameDiv*/ right: 0; bottom: 0; overflow: auto; background: #000; color: #e1dbbf; verticle-align: middle; }
#maincontent h1 {  text-align: center;  text-decoration: underline;  color: #e1dbbf; }
#maincontent h2 { text-align: center; font-size: 38px; color: #e1dbbf; }
#maincontent h3 { font-size: 1.5em; }
#maincontent p { text-align: justify; font-size: 15px; width: 640px; margin-left: auto; margin-right: auto; }
#maincontent img { text-align: center; }

.there { text-align: center; width: 100%; verticle-align: middle; }
.innertube { margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/ }
* html body { /*IE6 hack*/ padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/ }
* html #maincontent { /*IE6 hack*/ height: 100%; width: 100%; verticle-align: middle; }
#blueblock { width: 160px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 90%; background-color: #000; color: #e1dbbf; }
* html #blueblock { /*IE 6 only */ w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */ }
#blueblock ul { list-style: none; margin: 0; margin-top: 4em; padding: 0; border: none; text-align: center; }
#blueblock li { border-bottom: 1px solid #000; margin: 0; }
#blueblock li a { display: block; padding: 5px 5px 5px 8px; border-left: 10px solid #000; border-right: 10px solid #000; background-color: #e1dbbf; color: #453829; text-decoration: none; width: 100%; }
html>body #blueblock li a { /*Non IE6 width*/ width: auto; }
#blueblock li a:hover { border-left: 10px solid #000; border-right: 10px solid #000; background-color: #9a1820; color: #e1dbbf; }

#valid { position: absolute; left: 50px; bottom: 0; text-align: center; font-size: 10px; }
#footer { position: absolute; bottom: 0; right: 0; text-align: right; font-size: 10px; color: #e1dbbf; }

.content { text-align:center }

.because {text-align: center; }