@import url("./home-sizes.css");

body {
	padding-top:	0em;
	margin-top:	32px;
	color:		black;
	background-image:	url("riffle1.jpg");
	background-attachment:	fixed;
}

a:link { color: #0000EE; }
a:visited { color: #551A8B; }
a:hover { color: #008000; 
	background-image:	url("riffle1-light.jpg");
	background-attachment:	fixed;
}

img.left { float: left; }
img.right { float: right; }
img.center { vertical-align: middle; }
img.middle { vertical-align: middle; }
img.border0 { border-width: 0px; }
img.border1 { border-width: 1px; }

.p1 {
	margin-top:     16px;
	margin-bottom:  8px;
	margin-left:	30px;
}

.p2 {
	margin-top:     8px;
	margin-bottom:  8px;
	margin-left:	30px;
}

.p3 {
	margin-top:     4px;
	margin-bottom:  4px;
	margin-left:	30px;
}

.center { text-align: center; }

dt { font-weight: bold; }

h1 {
     font-family: verdana, helvetica, sans;
     background: #333366;
     color: #ffffee;
     background-image:	url("riffle1-blue.jpg");
     background-attachment:	fixed;
     text-shadow: #000000 2px 2px 2px;
     margin-left: -30px;
}

h2 {
     font-family: verdana, helvetica, sans;
     background: #333366;
     color: #ffffee;
     background-image:	url("riffle1-blue.jpg");
     background-attachment:	fixed;
     text-shadow: #000000 1px 1px 1px;
     margin-left: -30px;
}
h3 {
     margin-left: -30px;
}
a:link.h1 { color: #ffffcc; }
a:visited.h1 { color: #ffddaa; }
a:hover.h1 { color: #ccffee;
	background-image:	url("riffle1-blue.jpg");
	background-attachment:	fixed;
 }
a:link.h2 { color: #ffffcc; }
a:visited.h2 { color: #ffddaa; }
a:hover.h2 { color: #ccffee;
	background-image:	url("riffle1-blue.jpg");
	background-attachment:	fixed;
 }

div.menu a { color: #d5d5d5;
        position: relativ;
        display: table-cell;

	height: 16px;
	max-height: 16px;
	line-height: 16px;
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	padding: 0 16px 0 0;

	text-align: center;
	white-space: nowrap;
	text-decoration: none;

        font-family: blippo, verdana, sans;
	font-weight: bold;
	font-size: 14px;
	text-shadow: #000000 2px 2px 2px;

	background-attachment:  relative;
}
div.menu a.up {
	background-image:	url("button-up.jpg");
}
div.menu a.circle {
	background-image:	url("button-circle.jpg");
}
div.menu a.right {
	background-image:	url("button-right.jpg");
}
div.menu a.down {
	background-image:	url("button-down.jpg");
}
div.menu a:hover.circle {
	background-image:	url("button-circle-hover.jpg");
}
div.menu a:hover.up {
	background-image:	url("button-up-hover.jpg");
}
div.menu a:hover.right {
	background-image:	url("button-right-hover.jpg");
}
div.menu a:hover.down {
	background-image:	url("button-down-hover.jpg");
}

div.menu p { display: table-row; }

div.menu {
   top: 0;
   left: 0;
   padding: 0 0 0;
   margin: 0 0 0;
   position: fixed;
   display: table;
   text-align: center;
}

div.img-menu {
   top: 0;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   position: fixed;
   text-align: left;
}

div.img-menu p {
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   line-height: 0px;
}

div.img-menu a {
   width: 8.41em; height: 0em;
}

table {border:0; padding:0;border-spacing:1px;border-collapse:collapse;}

th {
    background-color: #bfcfcf;
    border: 1px solid #333366;
}

tr:nth-child(even) {
    background-color: #eeffee;
    border: 1px solid #333366;
}

tr:nth-child(odd) {
    background-color: #ffffee;
    border: 1px solid #333366;
}