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

body {
	color:		black;
        background:	white;
        font-family: verdana, helvetica, sans;
//      background-image:	url("riffle1.jpg");
//	background-attachment:	fixed;
}
@media (max-width: 40em) {
body {
	padding-top:	.5em;
	margin-left:    .5em;
}
}
@media (min-width: 75em) {
body {
	padding-top:	.5em;
	margin-left:    auto;
	margin-right:   auto;
	width:          75em;
}
}

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; }

@media (min-width: 36em) {
.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;
}

h1 { margin-left: -30px; }
h2 { margin-left: -30px; }
h3 { margin-left: -30px; }
}
@media (max-width: 36em) {
.p1 {
	margin-top:     16px;
	margin-bottom:  8px;
	margin-left:	0px;
}

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

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

h1 { margin-left: 0px; }
h2 { margin-left: 0px; }
h3 { margin-left: 0px; }

}

.center { text-align: center; }

dt { font-weight: bold; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

@media (max-width: 40em) {
    div.menu { display: none }
}
@media (min-width: 40em) {
div.menu a { color: #eeeeee;
//        position: relative;
//        display: block;

        padding: 4px 2px 4px 2px;
        margin: 2px 2px 2px 2px;

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

        font-family: verdana, helvetica, sans-serif;
        font-size: medium;
	line-height: normal;
        text-shadow: #000000 1px 1px 1px;
}
div.menu a.up {
        font-weight: bold;
     background: #333333;
}
div.menu a.circle {
        font-weight: bold;
     background: #333333;
}
div.menu a.down {
     background: #333333;
}
div.menu a.right {
     background: #333333;
}
div.menu a:hover.circle {
        background-color:       #666666;
        background-attachment:	scroll;
//        background-image:       url("icon/rightarrow.gif");
//        background-repeat:      no-repeat;
}
div.menu a:hover.up {
        background-color:       #666666;
        background-attachment:	scroll;
//        background-image:       url("icon/rightarrow.gif");
//        background-repeat:      no-repeat;
}
div.menu a:hover.right {
        background-color:       #666666;
        background-attachment:	scroll;
//        background-image:       url("icon/rightarrow-blue.gif");
//        background-repeat:      no-repeat;
}
div.menu a:hover.down {
        background-color:       #666666;
        background-attachment:	scroll;
//        background-image:       url("icon/rightarrow-blue.gif");
//        background-repeat:      no-repeat;
}
div.menu p {
   padding: 4px 2px 5px 2px;
   margin: 0 0 0 0;
   background: #333333;
}

div.menu {
   top: 0;
   left: 0;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   width: 100%;
   position: fixed;
}

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;
}