table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body,td,div,p,pre,ul {font-size: 13px;}

body {
max-width: 50em;
margin: 0 auto;
padding:0.3em;
font:100% Verdana,Tahoma,Arial,sans-serif;
background:#000000;
color:#303030;
}

#inf{
font:Verdana,sans-serif;
font-size:0.9em;
color:#d3f3f3;
padding:0.5em 0.5em 0 0.7em;
}

#content{
width:100%;
background:#FFEED3;
padding:0.5em 0.5em 0 0.7em;
}

#content img{
padding:0.1em;
display:inline;
}

a{
text-decoration:none;
color:blue;
}

a:hover{
color:blue;
font-weight:bold;
}

.play{
width:1.5em;
height:1.5em;
border:0;
}

#justwalking{
font-family:Arial; 
font-style:italic; 
font-weight:bold;
color:green; 
font-size:0.9em;
} 

h1 {font-family:Arial; font-size: 2em;}
h2 {font-family:Arial; font-size: 1.8em;}
h3 {font-family:Arial; font-size: 1.2em;}
h4 {font-family:Arial; font-size: 1em;}
h5 { font-family:Arial; font-style:italic; color:green; font-size:0.9em; font-style:italic; }
h6 { font-family:Arial; font-style:italic; color:red; font-weight:bold; font-size:0.8em; }

.bigbig { font-family:Arial; font-size:1.5em; }
.big    { font-family:Arial; font-size:1.3em; }
.biggrey    { font-family:Arial; font-size:1.3em; color:grey; }
.normal { font-family:Arial; font-size:1.1em; }
.small {font-size: 0.8em;}
.mini {	font-size: 0.7em;}
.minimini {	font-size: 0.7em;}
.links { font-weight: bold; font-size: 1em; font-family: Helvetica;}

.full{
width:90%;
}

.left{
margin:0.6em 0.6em 0.3em 0;
float:left;
}

.right{
margin:0.6em 0.3em 0.3em 0.6em;
float:right;
}

.tab3{
width:35%;
}

.navitab{
text-decoration:none;
background:#e0e0e0;
}

.navitab:hover{
width:17%;
text-decoration:none;
background:#d0d0d0;
}

.navitab img:hover {
	transform: scale(1.05);
	z-index: 10; 
}

.navitab img {transition: transform linear .3s 0s;}

.activenavitab{
width:30%;
padding:0.8em 0.9em 0.8em 0.9em;
color:#ffffff;
font-size:1.2em;
text-decoration:none;
background:#202020;
}

.activenavitab:hover{
text-decoration:none;
}

.activenavitab img {transition: transform linear .3s 0s;}

#footer{
clear:both;
width:100%;
color:#D0A0A0;
font-size:1.0em;
text-align:center;
}

#footer a{
color:#40d0F0;
text-align:right;
font-size:1.0em;
text-decoration:none;
}

#footer a:hover{
color:blue;
text-align:center;
text-decoration:none;
}

#footer-left{
width:25%;
text-align:center;
}

@media only screen and (max-width: 1024px) {

#wrap { width:100%; }

.play{
width:1.7em;
height:1.7em;
border:0;
}

#footer{
clear:both;
padding:0.3em 0 0.6em 0;
border-top:0.1em solid #f0f0f0;
width:100%;
text-align:center;
color:#D0A0A0;
font-size:1.2em;
}

#footer a{
color:#40d0F0;
text-align:center;
font-size:1.2em;
text-decoration:none;
}

#footer a:hover{
color:blue;
text-align:center;
text-decoration:none;
}

@media only screen and (max-width: 480px) {

#wrap { width:100%; }

.play{
width:2em;
height:2em;
border:0;
}

#footer{
clear:both;
padding:0.3em 0 0.6em 0;
border-top:0.1em solid #f0f0f0;
width:100%;
text-align:center;
color:#D0A0A0;
font-size:1.3em;
}

#footer a{
color:#40d0F0;
text-align:center;
font-size:1.4em;
text-decoration:none;
}

#footer a:hover{
color:blue;
text-align:center;
text-decoration:none;
}