html, body { margin:0; padding:0; height:100%; background-color:#000; }
body { font-size:small; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#CCC;
	scrollbar-3d-light-color:#000000;  
	scrollbar-base-color:#000000; 
	scrollbar-dark-shadow-color:#000033; 
	scrollbar-face-color:#333333; 
	scrollbar-highlight-color:#666666; 
	scrollbar-shadow-color:#999999; 
	scrollbar-track-color:#333333;
}
*html body {
	font-size:x-small;
	f\ont-size:small;
	vertical-align: text-bottom;
}
h1 { padding: 5px 15px; font-weight:bold; font-size:1em;
	border-bottom: 1px solid;
	text-align:right;
}
h2 { font-size:1.3em; margin: 10px 0 8px 103px; text-align:left;}
h3 { font-size:1.2em;}
h4 { font-size:1.1em;}
#header {height:82px; background-color:#000; display:block; overflow:visible; margin:5px 0 0 0;}
#headerNav {float:left; width:165px; padding-left:100px; background-color:#000;}
#headerTitle{ padding: 21px 15px 4px 0; font-weight:bold; 
	border-bottom: 1px solid;
	text-align:right;
}

#headerAddTitle { padding: 21px 15px 4px 0; font-weight:bold; 
	border-bottom: 1px solid;
	text-align:left;}
#headerAdd img {float:left; margin: 20px 6px 0 96px; border:0;}
#headerAdd a {text-decoration:none; }
#headerAdd a:hover {color:F33;}
h2.subheaderAdd { font-size:1em; color:#418398; line-height:20px; margin-left:127px;}
#content, .showcase, .showcaseBig { background-image:url(../images/diag40.gif);
	overflow: auto; padding-left: 88px;
}
.subTitle { clear:left; background-image:url(../images/diag40.gif); font-weight:bold; 
	padding: 5px 0 5px 103px;  border-bottom:3px solid #333;}
.note { padding: 0 0 5px 103px; font-size:.7em; color:#666;}
.noteB { clear:left; padding:5px 0 15px 15px; font-size:.7em; color:#999;}
.note7 { clear:left; padding:1px 0; font-size:.1em; color:#000;}
/**html #content {padding-bottom:150px;}
*html .showcase {padding-bottom:150px;}
*html .showcaseBig {padding-bottom:15px;}*/
.preview img {
	width:auto;
	height:auto;
	float:left;
	margin:15px;
}
.preview a { color:#3399CC; text-decoration:none; font-weight:bold; }
.showcaseBig a { font-size:.8em; color:#399; width: 55px;
	background-color:#000; text-align:center; padding:3px 15px 4px 15px; margin:0 0 0 20px;
	text-decoration:none; }
.showcaseBig a:hover { color:#c00; }
.preview_160 img {
	width:160px;
	height:120px;
	float:left;
	margin:15px;
}
.preview_160 a { color:#3399CC; text-decoration:none; font-weight:bold; }
.preview_220 img { 
	width:160px;
	height:120px;
	float:left;
	margin:15px;
	padding:25px 30px;
}
.preview_220 a { color:#3399CC; text-decoration:none; font-weight:bold; }
.movie { float:left; margin:15px; }
*html .movie { margin-left:8px;}
#fcontent { background-image:url(../images/diag40.gif);
	overflow:auto; padding:20px 20px 20px 103px; 
}
#fcontent a { font-size:.8em; color:#069; 
	text-decoration:none; background-color:#000; 
	padding:3px 10px;
	border-left:2px solid #069; }
#fcontent a:hover { color:#F33; }
.fcontainer { float:left; padding-right:50px; }

/* colors */
.colorArt { color:#90F; }
.colorArt a{ color:#99F; }
.colorFlash { color:#969; }
.colorGraphics { color:#CC0; }
.colorGraphics a { color:#6CC; }
.colorTv { color:#C00; }
.colorTv a { color:#399; }
.colorWeb { color:#30f; }
.colorWeb a { color:#699; }

/* footer */
div#footer { clear:both;	
	float:left;
	font-size:.8em;
	background-color:#000;
	padding:5px 0 10px 0;
}
div#footer ul { margin:6px 0;  padding-left:103px;}
div#footer li { display:block;
	float:left;
	list-style-type:none;
	border-right:2px solid;
	padding:0 15px; 
}
div#footer li:first-child {
	border-left:2px solid;
}
div#footer a { text-decoration:none; }
div#footer a:hover { color:#F33; }
*html div#footer ul { float:left; border-left:2px solid; margin-left:51px; padding:0;}
.blinker { font-weight:bold; text-decoration:blink; }