body
{background:#ccffff url('/water.jpg') fixed;border:0;padding:0;margin:0;}

.namebar
{color:rgb(0,0,0);font-family:courier,monospace;text-align:center;white-space:nowrap;font-weight:bold;}

.namebar a
{text-decoration:none;color:rgb(0,0,0);}

.namebar a:hover
{text-decoration:none;color:#ff0000}

h1 a
{display:inline;font-style:italic;padding-top:0.25em;padding-bottom:0em;border:2px #000 solid;padding-left:0.5em;padding-right:0.5em;background:url(/button.gif) #fff repeat-x left bottom;}

h2
{font-weight:bold;font-size:180%;color:rgb(0,0,0);font-family:verdana,sans-serif;text-align:center;}

h3
{font-weight:bold;font-size:100%;color:rgb(0,0,0);font-family:arial,sans-serif;}

p, div
{font-size:100%;color:rgb(0,0,0);font-family:arial,helvetica,sans-serif;text-align:left;}

p
{margin-top:0; margin-bottom:0.5em;}

p+p
{margin-top:1em;}

.footertext
{font-size:75%;font-family:verdana,arial,helvetica,sans-serif;text-align:left;}

a:hover
{color:#ff0000;}

.maintext
{border:#000000 1px solid;padding:7px;background-color:#ffffff;font-size:90%;}

.maintable
{border-width:0;padding:5px;width:100%;}

.holdertable
{border:#000000 1px solid;background-color:#C8C8C8;}

.innertable
{width:100%;border-width:0;}

.mediumholder
{margin-left:10%;margin-right:10%;}

.wideholder
{margin-left:5%;margin-right:5%;}

.innerpad
{padding:5px;text-align:center;}

.ital
{font-style:italic;}

.bold
{font-weight:bold;}

.top
{vertical-align:top;}

.ruleabove
{border-top:1px solid #000;}

.toppad
{padding:0.5em 0 0;}

.visiblelogo, .logo
{vertical-align:middle; height:70px}

.hidden
{display:none;}

.feeditembody
{font-size:90%;font-family:arial,sans-serif;}

#navskip, .navskip
{font-size:85%;font-family:verdana,arial,helvetica,sans-serif;text-align:right;padding:0.2em 0;background:#336699;white-space:nowrap;z-index:75;}

#navskip ul, .navskip ul
{display:inline;list-style-type:none;padding:0px;margin:0px;}

#navskip li, .navskip li
{display:inline;border-left:1px solid #fff;padding:0 1em;}

#navskip a, .navskip a
{color:#fff;}

.feeditemheadline
{font-size:120%;font-family:arial,sans-serif;text-align:left;}

.feedtitle
{font-size:160%;text-align:center;}

.navbar
{clear:left;margin-bottom:0.5em;}

.navmenu
{padding: 3px 0;margin-top:0.5em;margin-bottom:0;margin-left:0;margin-right:0;font: bold 12px Verdana, sans-serif;text-align:center;border-bottom: 5px solid #336699;}
		
.navmenu li
{list-style: none;margin: 0;display: inline;}
	
.navmenu li a
{padding: 3px 0.5em;margin-left: 2px;margin-right: 2px;border: 1px solid #336699;background: url(/button.gif) #fff repeat-x left bottom;text-decoration: none;color: #000;text-transform:uppercase;}
	
.navmenu li a:hover
{text-decoration:none;color:#ff0000;}

.navsubmenu{text-align:center;width:67%;display:none;font:bold 12px Verdana,sans-serif;}

.navsubmenu dl, .navsubmenu dt, .navsubmenu dd{margin: 0;}

.navsubmenu a{width:100%;display:block;padding:3px;background:url(button.gif) #fff repeat-x left bottom;color:#000;border: 1px solid #336699;text-align:center;text-decoration:none;text-transform:uppercase;}

.navsubmenu a:hover{color:#f00;}

.navsubmenu dt
{width:100%;display:block;padding:0 4px 4px 4px;background:#336699;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;}

#navsubholder {text-align:right;width:75%;display:block;z-index:50;position:absolute;}

#home .home a, #apps .apps a, #photos .photos a, #software .software a, #radio .radio a, #running .running a, #sitemap .sitemap a, #routes .routes a, #feeds .feeds a
{padding:5px 0.5em;border:0;background-image:none;background-color:#336699; color:#fff;}

#home .home a:hover, #javascripts .javascripts a:hover, #photos .photos a:hover, #software .software a:hover, #radio .radio a:hover, #running .running a:hover, #sitemap .sitemap a:hover, #routes .routes a:hover, #feeds .feeds a:hover
{text-decoration:none;color:#fff;cursor:default;}

.floatedimage
{border-width:0;float:left;margin-right:0.5em;}

.fix
{display:inline;position:relative;}

.w5
{width:5%;}

.w10
{width:10%;}

.w30
{width:30%;}

.w45
{width:45%;}

.w50
{width:50%;}

.w60
{width:60%;}

hr{color:#000;background-color:#000;height:1px;border:0;}

@media only screen and (max-width:480px){
  .navbar{display:none;}
  #navskip, .navskip{text-align:left;padding:0.2em 0;white-space:normal;}
  #navskip li, .navskip li{padding:0 0.2em;border-right:1px solid #fff;border-left:0;}
  .mediumholder, .wideholder{margin-left:0;margin-right:0;}
  h1{font-size:120%;}
}
