body
{margin:0;
padding:0;
background:#508396}

#wrap
{width:80%;
margin: 0 auto;
position:relative}

#nav
{margin:2% 0  2% 0;
height:100px;
position:relative}

#nav #title
{display:block;
width:25%;
text-decoration:none;
color:#fff;
font:250% 'Brush Script STD';
padding-top:25px}

#nav ul
{position:absolute;
top:0;
left:25%;
width:80%;
margin:0;
padding:0;}

#nav li
{display:block;
float:left;
width:18.7%;
text-align:center;}

#nav li a
{display:block;
width:100%;
font-family:'Century Gothic';
color:#fff;
background:#aaa;
text-decoration:none;
padding:45px 0 10px 0;
border-left:1px solid #fff;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
transition:padding 0.5s ease;
-webkit-transition:padding 0.5s ease;
-moz-transition:padding 0.5s ease;}

#nav li a:hover
{padding-top:60px;
transition:padding 0.5s ease;
-webkit-transition:padding 0.5s ease;
-moz-transition:padding 0.5s ease;}

#nav #about
{border-top: 8px solid #e30707;}

#nav #about:hover
{background:#fa3939;}

#nav #shoe
{border-top: 8px solid #70014f;}

#nav #shoe:hover
{background:#a90177;}

#nav #government
{border-top: 8px solid #240126;}

#nav #government:hover
{background:#64006b;}

#nav #where
{border-top: 8px solid #13224a;}

#nav #where:hover
{background:#24418f;}

#nav #music
{border-top: 8px solid #046c7e;
background:#00b3d4;
padding-top:60px}

#content
{background:#fff;
border-top-left-radius:8px;
border-top-right-radius:8px;}

#sidenav
{width:25%;
background:#eee;
height:750px;
border-top-left-radius:8px;
border-right:1px dotted #aaa;}

#sidenav ul
{margin:0;
padding:20px;
list-style:none}

#sidenav li
{padding: 2px 0;
border-bottom:1px dotted #aaa;}

#sidenav #head
{font-family:'Century Gothic';
font-weight:bold;}

#sidenav a
{font-family:Arial;
text-decoration:none;
font-size:80%;
color:#000}

#sidenav a:hover
{color:#00B3D4}

#content1
{position:absolute;
width:74.9%;
top:122px;
left:25.1%;}

#content1 h1
{border-bottom:1px dotted #aaa;
margin:0;
color:#fff;
background:#00B3D4;
padding:10px;
font-family:'Century Gothic';
font-weight:bold;
border-top-right-radius:8px;}

#banner
{background: url(gallery_4.jpg) center;
width:100%;
height:150px;}

#article
{padding: 0 20px;
font-family:Arial;
font-size:80%;
color:#333}

#article h4
{font-family:'Century Gothic';
font-weight:normal;
color:#000;
font-size:200%;
margin:10px 0;
border-bottom:1px dotted #aaa}

#article img
{float:left;
width:22%;
margin-right:10px}

#article h3
{margin:2px 0;
padding:5px;
background:#00b3d4;
color:#fff;
font-size:90%;}

#article h3:hover
{background:#046c7e}

#main2
{background:#222;
width:100%;
height:230px;
padding:20px 0}

#holder
{width:80%;
margin:0 auto;}

#holder ul
{list-style:none;
padding:0;
margin:0}

#holder li
{border-bottom:1px dotted #aaa;
padding:4px 0;
font:80% Arial}

#holder .maintopic
{display:block;
color:#fff;
font-weight:bold;

text-decoration:none}

#holder span
{color:#ddd;
font-size:90%;}

#holder .subtopic
{color:#ddd;
text-decoration:none}

#holder a:hover
{color:#00b3d4}

#footer1
{float:left;
width:31%;
margin-right:3%;}

#footer2
{float:left;
width:31%;
margin-right:3%;}

#footer3
{float:left;
width:31%;}

table
{position:fixed;
top:22%;
left:0;
width:100%;
height:100px;
z-index:-1;
border-collapse:collapse}

td
{width:9.1%;}

.one {background:#832E2F}
.two {background:#E7BA23}
.three {background:#EF8128}
.four {background:#5FB9DE}
.five {background:#E90D8B}
.six {background:#528969}
.seven {background:#9EAE3D}
.eight {background:#92278F}
.nine {background:#EB3F3C}