body,td{
	margin: 10% 10% 10% 10%;
	background-color: #000000;
	scrollbar-arrow-color: #339999;
	scrollbar-base-color: #eeeeee;
	scrollbar-face-color: #EFF2F4;
	scrollbar-track-color: #B5E6E7;
}
.header{
	position: absolute;
	top: 10px;
	width: 624px;
	background-color: #0099FF;
	font: 15px Georgia, Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	color: White;
}
p{
	font: 12px Georgia, Arial, Helvetica, Geneva, sans-serif;
	color: White;
}

a, A:link, a:visited, a:active{
	color: #FFAD00;
	text-decoration: none;
	font: 11px Tahoma, Verdana, sans-serif;
}
A:hover{
	color: #ff0000;
	text-decoration: none;
	font: 11px Tahoma, Verdana, sans-serif;
}

#Menu {
	background-color:#ffffff;
	color: #339999;
	position:absolute;
	width: 140px;
	top:100px;
	left:2px;
	border: 1px groove #EFF2F4;
}
A.menulink {
	display: block;
	width: 140px;
	text-align: center;
	text-decoration: none;
	font-size:12px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #eee;
	border: solid 1px #FFFFFF;
}
A.menulink:hover {
	border: 1px solid White;
	background-color: Yellow;
}

.skin0 {
	position: absolute; 
	text-align: center; 
	width: 140px;
	border: 1px solid #BCD1C7;
	background-color: #ffffff; 
	font: 12px Georgia, Arial, Helvetica, Geneva, sans-serif;
	z-index:100;
	visibility:hidden;
} 
.menuitems {
	padding-left: 2px;
	padding-right: 2px;
}

A.buttonlink {
	display: block;
	width: 140px;
	height: 10px;
	text-align: center;
	text-decoration: none;
	font: 11px/12px verdana, arial, helvetica, sans-serif;
	color: #30596b;
	border: solid 1px #FFFFFF;
}
A.buttonlink:hover {
border: solid 1px #000000;
background-color:#FFFF99;
}

#elButton a {
	display: block;
	width: 140px;
	font: 11px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	border: 1px outset #EFF2F4;
	background-color: White;
	color: #30596b;
	text-align: center;
}
#elButton a:hover {
	background-color: #FFFAD9;
	color: #009999;
	border: 1px inset #CCCCFF;
}

li  {
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #30596b;
	font-size: 11px;
	display: list-item;
}
ol  {
	list-style-type: circle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 11px;
}

.caution  {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: red;}

.Midi,midi{
	position:absolute; 
	left:2px; 
	top:80px; 
	width:140px; 
	height:24px;
	color: #30596B;
	background-color:#EEF2F5;
	border: 1px solid #EEF2F5;
	}
#midiplayer{
	position:absolute; 
	left:2px; 
	top:80px; 
	width:140px; 
	height:24px;
	color: #30596B;
	background-color: transparent;
	border: 1px solid #EEF2F5;
}
	.midiplayer{
	position:absolute; 
	left:2px; 
	top:80px; 
	width:140px; 
	height:24px;
	color: #30596B;
	background-color: transparent;
	border: 1px solid #EEF2F5;
	}	
#Midi,midi{
	position:absolute; 
	left:2px; 
	top:80px; 
	width:140px; 
	height:24px;
	color: #30596B;
	background-color: transparent;
	border: 1px solid #EEF2F5;
	}

.youk{
	position: absolute;
	top: 100px;
	right: 6px;
	width: 200px;
	height: 200px;
	background-image: url(images/PALS/thomas_youk.jpg);
	background-repeat: no-repeat;	
	padding: 1px 1px 1px 1px;
	color: #004E99;
	}

#Footer {
	position: absolute;
	top: 90px;
	right: 6px;
	width:146px;
	padding: 6px 6px 6px 6px;
	font: normal normal normal 10px tahoma, Palatino, Marlett, Georgia, sans-serif;
	text-align: center;
	vertical-align: top;
	color: #004E99;
	}
.Footer,footer {
	position: absolute;
	top: 90px;
	right: 6px;
	width:146px;
	padding: 6px 6px 6px 6px;
	font: normal normal normal 10px tahoma, Palatino, Marlett, Georgia, sans-serif;
	text-align: center;
	vertical-align: top;
	color: #004E99;
	}

.headline {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000000; text-decoration: none}
.subhead {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666; text-decoration: none}
.byline {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}


h1 {font: 24px Georgia, Times, sans-serif; color: #006699;}
h2 {font: 22px Georgia, Times, sans-serif; color: #009999;}
h3 {font: 20px Georgia, Times, sans-serif; color: #3399CC;}
h4 {font: 18px Georgia, Times, sans-serif; color: #336699;}
h5 {font: 16px Georgia, Times, sans-serif; color: #3368FF;}
h6 {font: 14px Georgia, Times, sans-serif; color: #6699FF;}

.title { color: Navy; font: normal 18px Georgia, Arial, Helvetica, Geneva, sans-serif; }
.subtitle { font: normal 10px Georgia, Arial, Helvetica, Geneva, sans-serif; color: #484848; }
.cutline { color: #000000; font: italic 10px Georgia, Arial, Helvetica, Geneva, sans-serif; }

PRE  { font: 90%  courier, monospace, sans-serif ;}

hr{color:#5F9DC0; width:80%;}

abbr, acronym, dfn {cursor: help; border-bottom: dashed red 1px;}

/* optional container for scroller, to provide bgColor/border */
div#bg { position:absolute; right:20px; top:10px; 
	z-index:100; width:170px; height:180px;
  background-color:#fff; border:1px solid #fff; 
  }
/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn { position:absolute; left:8px; top:4px;
  width:150px; height:160px; z-index:1;
  clip:rect(0, 150px, 160px, 0); overflow:hidden;
  }
div#cnt { position:absolute; z-index:1; } /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width:150px; height:160px; color: #004E99;
}

/* styles for scroller content (read important instructions regarding collapsing margins!) */
div#cnt h3 { font-size:12px; margin:0 0 .5em 0 }  
div#cnt p { font-size:11px; margin:.5em 0 0 0 }
div#cnt ul { margin:.5em 0 0 0; padding:0; font-size:11px; }
div#cnt ul li { margin: .3em 0 0 1em; list-style-type:none }