body {background:#600 url(images/bg.gif) 0 -40px repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  color:#fff;}

/* set defaults for IE */
body {font-size:100%; text-align:center;}
h1, h2 {padding:0; margin:0;} 
p {margin:0; padding:0;}
p.error {color:red;}

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}


/* ---- links ----------------------------------------- */
a {color:#600; text-decoration:none;}  
a:visited {color:#600;}
a:hover {color:#600; text-decoration:underline;}
a:active {color:#600;}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */
#frame {width:890px; margin:0 auto; position:relative;}

/* Header styles */
#header {width:850px; height:60px; margin:0 auto; text-align:left; background:#fff; /*border:1px solid red;*/}
	#logo {position:absolute; top:25px; left:30px; width:390px; height:40px; background:url(images/logo.gif) no-repeat; text-indent:-4000px;}
		#logo a {display:block; width:390px; height:40px;}
	#metanav {position:absolute; top:37px; right:21px; font-size:70%;}
		#metanav ul {list-style:none; margin:0; padding:0;}
		#metanav li {display:block; float:left; padding:0;}
		#metanav a {font-weight:bold; display:block; line-height:26px; padding:0 7px;}
		#metanav a:hover {color:#fff; background:#600; text-decoration:none;}

/* Content Area */
#content {width:890px; height:585px; padding-top:7px; background:transparent;}
	#content img {display:block;}
	
	#flashmovie {/*background:url(images/noflash.jpg) 19px 0 no-repeat;*/ width:890px; height:585px; text-align:left; position:relative;}
	#flashmovie {padding:1px 0;} /* add padding here to contain collapsing margins -  see http://www.webmasterworld.com/css/3088339.htm for more info */ 
	#flashmovie img {display:block; position:absolute; top:0; left:20px;}
		/* "No Flash Message" */
		#noflashmessage { position:absolute; width:500px; text-align:left; background:#fff; margin:80px 0 0 30px; padding:10px 0; color:#000;}
		#noflashmessage h2 {padding:8px 20px; font-size:100%;}
		#noflashmessage p {padding:8px 20px; font-size:75%;}
		#noflashmessage a {font-weight:bold;}
		#noflashmessage ul {padding:0px 0 8px; margin:0 0 0 50px; font-size:75%;}
		#noflashmessage li {padding:0; margin:0;}

/* Footer styles */
#footer {width:830px; margin:0 auto; text-align:left; font-size:70%;}
	#footer p {float:left;}
	#footer p#transcriptlink {float:right;}
	#footer a {color:#fff;}
	#footer a:hover {}
	
	
/* admin panel */
#adminmenu {font:normal 11px verdana,arial,helvetica,sans-serif; margin:0 auto; position:absolute; z-index:50;}
	#adminmenu table {text-align:left; margin:0 auto;}
	#adminmenu table td {padding:5px 3px;}
	#adminmenu img {margin-left:6px; border:0;}
	#adminmenu a {text-decoration:none; color:#000; margin-right:6px; }
	#adminmenu a:hover {color:#369;}
	
#debug {font-size:10px; background-color:#f5f5f5; padding:10px; margin:10px auto; width:700px; text-align:left; color:#000;}
	#debug p {font-size:11px;}
	#debug ul {margin:0 0 6px 0; padding:0;}
	#debug ul li {list-style:none; display:inline; padding-right:12px;}
/* temporary styles - holds temp database content display which is displayed under footer - these styles can be deleted when site goes live (BH) */
#tempStyles {font-size:10px; background-color:#f5f5f5; padding:10px; margin:10px auto; width:700px; text-align:left; color:#000;}
	#tempStyles p {font-size:11px;}
	#tempStyles ul {margin:0 0 6px 0; padding:0;}
	#tempStyles ul li {list-style:none; display:inline; padding-right:12px;}