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;
text-decoration:none;
padding:45px 0 10px 0;
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
{background:#fa3939;
border-top: 8px solid #e30707;}

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

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

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

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

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

#banner
{background: url(livehere.jpg) center;
border-top-left-radius:8px;
border-top-right-radius:8px;}

iframe
{width:62%;
height:400px;
padding:0;
margin:0;
border:none;}

#bancontent
{float:left;
margin-left:4%;
width:30%;
padding:20px 20px 15px 20px;
background:#fff;
box-shadow:0px 0px 10px;}

#bancontent h1
{margin:0;
font-family:'Century Gothic'}

#bancontent img
{width:100%;
display:block;
margin-top:17px}

#bancontent p
{font: 15px Arial}

#bookmarks
{position:relative;
padding:20px}

#bookmarks h2
{margin:0;
font: 150% 'Century Gothic';}

#bookmarkleft
{width:45%;
padding-right:20px;
margin-right:20px;
border-right:1px dotted #aaa}

#bookmarkleft img
{width:35%;
float:left;
margin-right:10px;}

#bookmarkleft h3
{font: 120% 'Century Gothic';
font-weight:bold;}

#bookmarkleft p
{font: 15px Arial;
color:#333}

#bookmarks ul
{position:absolute;
top:25%;
left:50%;
width:45%;
list-style:none;
padding:0}

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

#bookmarks a
{text-decoration:none;
color:#222;
font:13px Arial;
font-weight:bold}

#bookmarks .name
{display:block;
float:left;
width:200px}

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

#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:17%;
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}