body		{
			margin:			0px;
			background-color:	#000000;
			height:			100%;
			width:			100%;
			font-family:		arial, helvetica, sans-serif;
			font-size:		8pt;
			color:			#444444;
		}

html		{
			height:			100%;
			width:			100%;
		}

p, li		{
      font-size:  8pt;
			color:			#444444;
			text-align:		justify;
		}
		
p {
      margin-top: 0em;
      margin-bottom: 1em;
  }
  
li  {
        margin-top: 0em;
        margin-bottom: 0em;
    }

td, th  {
        font-size: 8pt;
    }

th  {
        text-align: left;
        vertical-align: top;
    }

ul		{	padding-bottom:		0px;	}

div#content li	{	padding-bottom:		3pt;	}

a img		{
			border:			0px;
		}

a		{
			
			color:			#006699;
			text-decoration:	none;
		}

a:hover		{
			text-decoration:	underline;
		}

h1		{
			font-size:		10pt;
			color:			#013151;
			text-align:		left;
			font-weight:		bold;
		}

h2		{
			font-size:		9pt;
			color:			#013151;
			text-align:		left;
			font-weight:		bold;
		}

a.otws		{
			font-size:		8pt;
			text-decoration:	none;
			color:			#006699;
		}
			
a.otws:hover	{
			text-decoration:	underline;
		}

.mainback {
      background: url('images/background1.jpg');
      }

.dropmenu a:link, .dropmenu a:visited {
      border: 0px;
			text-decoration: none;
			color: #ffffff;
		}

.dropmenu a:hover	{
			background: #aaaaaa;
			color: #333333;
			}

.dropmenu a 		{
			font-size: 8pt;
			font-weight: normal;
			}

.redtext  {
                color:  red;
          }

#nav, #nav ul, #nav li { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: #000000;
	font-family: arial, sans-serif;
	font-size: 8pt;
}

#nav { 	width: 100%;
	border-width: 0px;
	border-style: solid;
	border-color: #777777;
}

#nav a {
  border: 0px;
	display: block;
	width: auto;
	height: auto;
	padding: 4px 10px 4px 10px;
}

#nav li ul a { width: 20.1em; }

/* html>body #nav li ul a { width: 20em; } */

#nav li { /* all list items */
	float: left;
	width: auto; /* was: auto - width needed or else Opera goes nuts */
	border-width: 0px;
	border-style: solid;
	border-color: #777777;
	padding: 0px;
} 

#nav li ul { /* second-level lists */
	position: absolute;
	width: 20.1em; /* 20em */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-width: 0px;
	border-style: solid;
	border-color: #777777;
}

#nav li ul li /* individual 2nd level items */
{
	border-width: 0px;
	border-style: solid;
	border-color: #777777;
	width: auto;
	background: #444444;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 14em;
	border-style: 0px;
	border-style: solid;
	border-color: #777777;
}

#nav li ul ul li
{
	border-width: 0px;
	border-style: solid;
	border-color: #777777;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {  /* lists nested under hovered list items */
	left: auto;
}

ul.hmenu	{
			margin:			0px;
			list-style-type:	none;
			font-size:		10pt;
			float:			right;
			padding: 0px;
		}

.hmenu li	{
			float:			left;
		}

.hmenu a	{
			margin:			0px;
			width:			100px;
			height:			auto;
			display:		block;
			text-align:		center;
			text-decoration:	none;
			color:			#000000;
			padding-top:		2px;
			padding-bottom:		2px;
		}

.hmenu a:hover	{
			background: 		#aaaaaa;
			color:			#ffffff;
			text-decoration:	none;
		}


div#container	{
			width:			614px;
			margin:			10px auto 3px auto;
			border:			1px solid black;
		}

div#top		{
			border:			0px;
			background-color:	#efefef;
			width:			614px;
			height:			200px;
			margin:			0px;
			padding:		0px;
			vertical-align:		middle;
		}

div#navigation	{
			background-color:	#cccccc;
			border-color:		#000000;
			border-style:		solid;
			border-width:		1px 0px 1px 0px;
			width:			614px;
			height:			auto;
			min-height:		20px;
			padding:		0px;
			margin:			0px;
		}

div#content	{
			border:      0px;
			padding:		0px 40px 20px 10px; /* right margin was 20px */
			margin:			0px;
			height:			373px;
			overflow:    auto;


				scrollbar-width: 3px;
scrollbar-base-color:#666666;
/*
scrollbar-face-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;	
*/	
		}



div#footer	{
			background-color:	#cccccc;
			width:			614px;
			height:			auto;
			color:			#444444;
			padding-top:		2px;
			padding-bottom:		2px;
			font-family: 		verdana, arial, helvetica, sans-serif;
			font-size:		8pt;
			text-align:		center;
			border-style:		solid;
			border-color:		black;
			border-width:		1px 0px 0px 0px;
		}

div#under	{
			text-align:		right;
			width:			614px;
			height:			auto;
			border:			0px;
			margin:			0px auto 0px auto;
			padding:		0px;
		}

/* html>body #content { height: auto; } */
/* IE doesn't obey pointers. This resents the height of our content. */

html>body #musicbox {
              position: relative;
              top: 6px;
          }

#musicbox { float: left; margin: 3px 0px 1px 5px; }

html>body #musicbox { float: left; margin: -3px 0px auto 5px; }

#timebox  {   float: left; margin: 2px 0px 2px 5px;
          }

.copyright	{
			font-size: 7pt;
			color: #ffffff;
			padding-right: 10px;
		}
		
h1.tabhead {
	padding-top: 20px;
}