body,td{
	color: #30596b;
	background: url(Background/pfbg.jpg) no-repeat;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

.links{
	position: absolute;
	top: 6px;
	left: 200px;
	width:420px;
	text-align: center;
}


.header {
	position: absolute;
	top: 12px;
	left: 140px;
	color: #004E99;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font: normal normal normal 18px Georgia, Times, sans-serif;
}
 
#Header {
	position: absolute;
	top: 12px;
	left: 140px;
	color: #004E99;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font: normal normal normal 18px Georgia, Times, sans-serif;
}
#Content {
	position: absolute;
	top: 90px;
	left: 160px;
	width:440px;
	border: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #004E99;
	background-color: transparent;	
	font: 12px Georgia, Verdana, Arial, Helvetica, sans-serif;	
	text-align: justify;
}

.content {
	position: absolute;
	top: 90px;
	left: 160px;
	width: 440px;
	border: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #004E99;
	background-color: transparent;
	font: 12px Georgia, Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;	
		
}
p{	font: 12px Georgia, Verdana, Arial, Helvetica, sans-serif;
}
.blok{
	position: absolute;
	top: 200px;
	left: 190px;
	width: 350px;
	height: 228px;
	border: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #004E99;
	font: 12px Georgia, Verdana, Arial, Helvetica, sans-serif;	
	background: url(images/soidcfh.gif) no-repeat;
}
#display{
	position: absolute;
	top: 8px;
	left: 560px;
	width: 158px;
	height: 40px;
	border: double;
	font: 11px Arial, Helvetica, sans-serif;
	color: #30596b;
	padding: 2px 2px 1px 2px;
}
div#pframe {
	position: absolute;
	top: 28px;	
	left: 8px;
	height: 80px;
	width: 140px;	
	background-position: center;
	background-image: url(images/hope.gif);
	background-repeat: no-repeat;		
	border: 1px solid White;
	background-color: Black;
	padding: 2px 2px 1px 2px;
}

.leftside {
	position: absolute;
	top: 89px;
	left: 10px;
	width:146px;
	border: 1px solid #ffffff;
	padding: 1px 1px 1px 1px;
	font: normal normal normal 12px/1em tahoma, Palatino, Marlett, Georgia, sans-serif;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	color: #004E99;
	background-color: transparent;
}

#ring{
	position: absolute;
	top: 89px;
	left: 2px;
	width:146px;
	border: 1px solid #ffffff;
	padding: 1px 1px 1px 1px;
	font: normal normal normal 12px/1em tahoma, Palatino, Marlett, Georgia, sans-serif;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	color: #004E99;
	background-color: transparent;
}
.ring{	
	position: absolute;
	top: 89px;
	left: 2px;
	width:146px;
	border: 1px solid #ffffff;
	padding: 1px 1px 1px 1px;
	font: normal normal normal 12px/1em tahoma, Palatino, Marlett, Georgia, sans-serif;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	color: #004E99;
	background-color: transparent;
}	
#label {
	display: block;
	background-color: #0000dd;
	color: #339999;
	position: absolute;
	text-align: center;
	width: 140px;
	top: 142px;
	left: 10px;
	border: 1px groove #CCCCFF;
}
a.elButton {
	display: block;
	width: 140px;	
	color: #004E99;
	font: 11px Georgia, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	border: 1px outset #66CCCB;
	background-color: White;
	padding: 2px 2px;
	margin: 1px;
	text-align: center;
}

#elButton  {
	color: #004E99;
	font: 11px Georgia, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	border: 1px outset #66CCCB;
	background-color: White;
	display: block;
	width: 140px;
	padding: 2px 2px;
	margin: 1px;
	text-align: center;
}
#elButton a.hover {
	background-color: #FFFAD9;
	color: #009999;
	padding-left: 2px;
	border: 1px inset #CCCCFF;
}
#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}

a {color:#C05F9C;text-decoration:none}
a:link {color: #5F9DC0;}
a:visited {color: #2249C8;}
a:hover {background-color: #FFFF99; color: red;}
a:active {color: #9D004F;
}

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 }