/* Staff Style Sheet - (c) 2010 Brian D Steel - 10 May 01 / 23 Jun 10 */

html
{
	overflow-y: scroll ;
}

body
{
	font-family: verdana, arial, helvetica, sans-serif ;
	background: #002000 ;
	color: #000000 ;
	margin: 0 ;
	padding: 0 ;
}

/* styles */

h1
{
	font-size: 20px ;
	color: #800000 ;
}

h2
{
	font-size: 18px ;
	color: #800000 ;
}

h3
{
	font-size: 16px ;
	color: #800000 ;
}

p, td
{
	font-size: 14px ;
	color: #000000 ;
}

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

a:hover
{
	text-decoration: underline ;
}

code, pre
{
	font-family: courier new, monospace ;
	color: #0000c0 ;
}

/* classes */

.staff
{
	background-image: url(staff.gif) ;
	width: 960px ;
}

.menu
{
	background-image: url(menu.png) ;
	margin: 0px ;
	padding: 5px 20px ;
}

.main
{
	vertical-align: top ;
	margin: 0px ;
	padding: 0px 30px ;
}

.final
{
	font-size: 10px ;
	color: #004000 ;
}

.news
{
	font-family: georgia, "times new roman", times, serif ;
	background-image: url(news.png) ;
	padding: 0px 40px ;
}

.indent
{
	padding: 0px 40px ;
}

.left
{
	float: left ;
	margin-right: 10px ;
	margin-bottom: 10px ;
	margin-top: 10px ;
}

.right
{
	float: right ;
	margin-left: 10px ;
	margin-bottom: 10px ;
	margin-top: 10px ;
}

/* menus */

ul.m1
{
	margin: 0 ;
	padding: 0 ;
	width: 100% ;
	height: 24px ;
	font-size: 12px ;
	text-align: left ;
}

ul.m1 li
{
	display: block ;
	float: left ;
	position: relative ;
}

ul.m1 li a
{
	padding: 8px 12px ;
	display: block ;
}

ul.m1 li a:link,
ul.m1 li a:visited
{
	text-decoration: none ;
	color: #000080 ;
}

ul.m1 li:hover a,
ul.m1 li a:hover,
ul.m1 li a:active
{
	text-decoration: none ;
	color: #000080 ;
	background-image: url(menu_1.png) ;
}

ul.m1 li ul.m2
{
	display: none ;
	padding: 0 ;
	position: absolute ;
	top: 30px ;
	left: 0px ;
}

ul.m1 li:hover ul.m2
{
	display: block ;
}

ul.m1 li ul.m2 li
{
	width: 150px ;
}

ul.m1 li ul.m2 li a:link,
ul.m1 li ul.m2 li a:visited
{
	background-image: url(menu_0.png) ;
}

ul.m1 li ul.m2 li:hover a,
ul.m1 li ul.m2 li a:active,
ul.m1 li ul.m2 li a:hover
{
	background-image: url(menu_1.png) ;
}

ul.m1 li ul.m2 li ul.m3
{
	display: none ;
	padding: 0 ;
	position: absolute ;
	top: 0px ;
	left: 150px ;
}

ul.m1 li ul.m2 li:hover ul.m3
{
	display: block ;
}

ul.m1 li ul.m2 li ul.m3 li a:link,
ul.m1 li ul.m2 li ul.m3 li a:visited
{
	background-image: url(menu_0.png) ;

}

ul.m1 li ul.m2 li ul.m3 li:hover a,
ul.m1 li ul.m2 li ul.m3 li a:hover,
ul.m1 li ul.m2 li ul.m3 li a:active
{
	background-image: url(menu_1.png) ;
}