html { height: 100%; }
/* hide from ie on mac \*/
#flashcontent {	height: 100%; }
/* end hide */

body { width: 800px; height: 100%; margin: 0 auto; padding-bottom: 1px; border: solid 1px #fff; background-color: #ffffff; color:#808080; text-align: center; font: 0.85em arial, verdana, sans-serif; }
#wrapper { width: 800px; text-align: center; margin: 0 auto; }
#contentContainer { text-align: left; margin-top: 60px; }

/*** head ***/
h1 { font: bold 18px Courier, "Courier New", Sans-serif; margin: 0; padding: 0; }
h2 { font: bold 1.2em Arial, Verdana, Sans-serif; }
#global-nav { width: 100%; border-top: solid 1px #808080; }
#global-nav ul { list-style: none; margin: 6px 0 0 0px; padding: 0; }
#global-nav ul li { float: left; }
#global-nav ul li a { display: block; text-decoration: none; color: #808080; }
#global-nav ul li a:hover { color: #000000; font-weight: bold; }

#mainFlash { width:800px; height:680px; margin-top: 10px; }
#mainContent { width: 400px; margin: 45px 0 0 200px; line-height: 1.5em; }

#index #mainContent { margin-left: 0px; width: 800px; text-align: center; }

form#contactForm { margin: 0 0 30px 0; padding: 0; width: 358px; }
#contactForm fieldset { border: none; margin: 0 0 20px 10px; padding: 0; }
#contactForm p { clear: left; }
#contactForm div.label { float: left; width: 86px; }
#contactForm .inputField { width: 256px; }



#footer { clear: both; text-align: center; padding-top: 45px; }
#bio #footer { padding-top: 100px; }

.floatL { float: left; }
.floatR { float: right; }
.clearL { clear: left; }
.clearB { clear: both; }

.alignR { text-align: right; }
.hide { display: none; }
.error { color: #ff0000; }