body {
         font-size: small;
         font-family: Verdana, Helvetica, sans-serif;
         background: #333;
         color: #bbb;
         width: 1100px;
         margin: 20px auto;
}

h1 {
         font-size: 1.4em;
}

#header {
         margin: 0px 0px 8px 0px;
         width: 1100px;
         height: 89px;
}

#subnavigation {
         background: #222;
         height: 30px;
         color: #222;
         font-weight: bold;
         font-size: 0.85em;
}

#subnavigation ul {
         margin: 0 auto;
         padding: 8px 5px 5px 155px;
         list-style-type: none;
         text-align: center;
}

#subnavigation ul li {
         display: inline;
         padding: 0px;
}

#navigation {
         float: left;
         margin: 8px 0;
         width: 150px;
         height: 517px;
         background: #222;
         font-weight: bold;
}

#navigation ul {
         font-weight: bold;
         margin: 0;
         padding: 10px 14px;
}

#navigation ul li {
         list-style-type: none;
}

#navigation ul li a {
         float: left;
         width: 118px;
         padding: 5px 3px;
         margin: 0 0 10px 0;
         color: #aaa;
         text-decoration: none;
         border-bottom: 1px solid #aaa;
         background: #222;
}

#navigation ul li a span {
         font-size: 0.8em;
         font-style: italic;
         color: #f00;
}


#navigation ul li a.active {
         background: #666;
}

#navigation ul li a:hover {
         background: #444;
}

#navigation #vi {
         float: left;
         margin: 50px 0 0 0;
         padding: 5px 15px;
         font-size: 0.7em;
         font-weight: normal;
}

#navigation .statcounter a img {
         margin: 2px 48px;
}

#latestimages {
         float: right;
         width: 150px;
         height: 497px;
         margin: 8px 0;
         padding: 10px 20px ;
         background: #222;
}

#latestimages a img {
         border: 1px solid #aaa;
         margin: 15px 0 4px 0;
}

#latestimages a:hover img {
         border-color: #131384;
}

#latestimages p {
         font-size: 1em;
         margin: 0px 0px 5px 0px;
         text-align: center;
         padding: 0px 0px 4px 0px;
         border-bottom: 1px solid #aaa;
}

#latestimages .describtion {
         font-size: 0.8em;
         border: none;
         padding: 0;
         margin: 0;
}

#content {
         width: 622px;
         height: 457px;
         padding: 55px 60px 10px 60px;
         margin: 0 0 0 150px;
         background: url('../images/home/trails2.jpg') no-repeat bottom;
         color: #bbb;
         line-height: 1.25em;
         text-align: justify;
}

#content a {
         text-decoration: none;
         color: #aaa;
         border-bottom: 1px solid #aaa;
}

#content a:hover {
         color: #1e1ee5;
         border-bottom: 1px solid #1e1ee5;
}

#footer {
         background: #222;
         width: 1100px;
         clear: both;
         margin: 0 0 20px 0;
}

#footer p {
         text-align: center;
         font-size: 0.8em;
         padding: 8px 0px;
}

#bottom {
         text-align: center;
}

#bottom #cedic {
         margin-top: 20px;
}

#bottom #weather a {
         height: 150px;
         width: 256px;
         display: block;
         margin: 30px auto;
         background: #fff;
}

#bottom a img {
         border: none;
}

#navigation ul li a:focus, #subnavigation ul li a:focus, #content a:focus, #bottom a:focus, #latestimages a:focus  {
         outline: none;
}