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

@media (max-width: 40em) {
body {
	padding-top:	0px;
	margin-left:    0.5em;
	margin-right:   0.5em;
	color:		black;
        background:	white;
        background-image:	url("riffle1.jpg");
	background-attachment:	fixed;
}
}
@media (min-width: 40em) and (max-width: 80em) {
body {
	padding-top:	0px;
	margin-left:    12.5em;
	margin-right:   0.5em;
	color:		black;
        background:	white;
        background-image:	url("riffle1.jpg");
	background-attachment:	fixed;
}
}
@media (min-width: 80em) {
body {
	padding-top:	0px;
	margin-left:    12.5em;
	margin-right:   auto;
	width:          68em;
	color:		black;
        background:	white;
        background-image:	url("riffle1.jpg");
	background-attachment:	fixed;
}
}

p {
	text-align: justify;
}

:link { color: #0000EE; }
:visited { color: #551A8B; }

.menu {
	margin-top:     -64px;
	line-height:	50%;
	position:	fixed;
}

img.left { float: left; margin-right: 8px; }
img.right { float: right; margin-left: 8px; }
img.border0 { border-width: 0px; }
img.border1 { border-width: 1px; }

@media (min-width: 640px) {
.p1 {
	margin-top:     16px;
	margin-left:	30px;
}

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

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

h1, h2, h3 {
	margin-left:   -30px;
}
}
@media (max-width: 640px) {
.p1 {
	margin-top:     16px;
	margin-left:	0px;
}

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

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

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

.center { text-align: center }

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

        padding: 0 0 0 0;
        margin: 2px 2px 2px 2px;

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

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

div.menu {
   top: 0;
   left: 0;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   width: 12em;
   height: 100%;
   position: fixed;
   overflow-y: auto;
   background-image:	url("riffle1.jpg");
}
}
div.dummy {
   display:none
}

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

h2 {
     font-family: verdana, helvetica, sans-serif;
     background: #333366;
     color: #ffffee;
     background-image:	url("riffle1-blue.jpg");
     background-attachment:	fixed;
     text-shadow: #000000 1px 1px 1px;
}
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;
}