@import url(//fonts.googleapis.com/css?

family=BenchNine);
/*Adam: adam@codeavengers.com */
/*TODO: Add style to make the links look like buttons */
body {
background-color: lightGreen;
background-attachment: fixed;
background-image: -webkit-linear-gradient(right top, rgba(240, 255, 240, .25),
rgba(144, 238, 144, .75)), url(/images/textures/light1.png);
background-image: -moz-linear-gradient(right top, rgba(240, 255, 240, .25),
rgba(144, 238, 144, .75)), url(/images/textures/light1.png);
background-image: -o-linear-gradient(right top, rgba(240, 255, 240, .25),
rgba(144, 238, 144, .75)), url(/images/textures/light1.png);
background-image: linear-gradient(to left bottom, rgba(240, 255, 240, .25),
rgba(144, 238, 144, .75)), url(/images/textures/light1.png);

font-family: Verdana, sans-serif ;

text-align: center;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

h1 {
color: dimGray;
font-family: 'BenchNine', sans-serif;
font-size: 25px;
text-shadow: 1px 1px 2px white;
}
nav a {
background-color: rgb(124, 252, 0);
background-image: -webkit-linear-gradient(lawnGreen, greenYellow);
background-image: -moz-linear-gradient(lawnGreen, greenYellow);
background-image: -o-linear-gradient(lawnGreen, greenYellow);
background-image: linear-gradient(lawnGreen, greenYellow);

border: 1px solid rgb(50, 205, 50);

border-radius: 5px;
box-shadow: 0 1px 1px rgb(144, 238, 144), inset 0 1px 0 rgb(240, 255, 240);
color: rgb(0, 100, 0);
display: block;
font-size: 18px;
margin: 10px auto;
padding: 10px;
text-decoration: none;
text-shadow: 0 1px 0 rgb(255, 255, 255);
width: 250px;
}

nav a :hover {
background-image: -webkit-linear-gradient(bottom, lawnGreen, greenYellow);
background-image: -moz-linear-gradient(bottom, lawnGreen, greenYellow);
background-image: -o-linear-gradient(bottom, lawnGreen, greenYellow);
background-image: linear-gradient(to top, lawnGreen, greenYellow);
}

article {
-webkit-column-count: 2;
-moz-column-count: 2;
 column-count: 2;
text-align: left;
}

h2 {
margin-top: 0;
font-size: 18px;
}

iframe {
background-color: white;
border: none;
}

figure {
border-bottom: 1px gray dotted;
border-top: 1px gray dotted;
color: gray;
margin: 10px 5px;
padding: 5px 0;
text-align: center;
}

table {
background-color: rgb(30,38,12);
border-collapse: collapse;
border: 3px solid rgb(191,187,128);
color: rgb(118, 136, 144);
}

td,
th {
border: 1px solid rgb(191,187,128);
padding: 3px;
}

.activity {
background-color: rgb(242, 255, 145);
color: rgb(0,0,0);
}

.eat,
.free,
.other {
background-color: rgb(255,255,255);

footer,
header,
section {
position: fixed;
padding: 5px;
right: 0px;
left: 0px;
}

footer,
header {
background-color: rgb(120,255,120);
border: 2px solid rgb(0, 0, 255);
opacity: 0.7;
 display: none;
}

footer {
top: 40px;
bottom: 0px;
}

header {
top: 0px;

header: hover{
opacity: 1;
}
section {
top: 50px;
bottom: 30px;
overflow: 0 auto;
}

header a {
width: 50px;
display: inline-block;
font-size: 14px;
margin: 0px;
}

header nav {
display: inline-block;
 vertical-align: top;
}

@media print {
h1 {
color: red;
}

@media print {
section {
position: static;
}