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

#main1
{width:80%;
margin:0 auto;
background:#fff;
position:relative;}

#nav
{position:relative;
height:100px;
border-bottom:1px dotted #aaa}

#nav span
{font-family:rockwell;
display:block;
text-align:center;
border-right:1px dotted #aaa;
font-size:150%;
width:24.9%;
height:65px;
padding-top:35px}

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

#nav li
{width:18.64%;
height:100px;
display:inline;
float:left;
border-right:1px dotted #aaa}

#nav a
{text-decoration:none;
font-family:'Century Gothic';
display:block;
color:#fff;
text-align:center;
width:100%;
padding:40px 0 10px 0;
transition:padding 0.5s ease;
-webkit-transition:padding 0.5s ease;
-moz-transition:padding 0.5s ease;}

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

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

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

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

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

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

#banner
{position:relative;
border-bottom:1px dotted #aaa;}

#banner img
{width:60%;}

#bancontent
{width:36%;
float:left;
padding:0 20px 0 20px;}

#bancontent h1
{font-family:'Century Gothic';
font-size:250%;}

#bancontent p
{font-family:Arial;
color:#333;
font-size:85%;}

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

#bookmarks h3
{font-family:'Century Gothic';
font-weight:normal}

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

#bookmarkleft h4
{font-family:'Century Gothic';
font-weight:bold;
margin:0}

#bookmarkleft p
{font-family:Arial;
color:#333;
font-size:80%;}

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

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

#bookmarks li
{padding:3px 0;
font-size:80%;
border-bottom:1px dotted #aaa}

#bookmarks a
{color:#000;
text-decoration:none;
font-family:Arial}

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

#bookmarks .name
{display:block;
float:left;
width:200px;
font-weight:bold}

#bookmarks .work
{color:#333;}

#main2
{width:100%;
background:#222;
height:400px;}

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

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

#holder li
{padding:3px 0 0 0;
font-family:Arial;
border-bottom:1px dotted #aaa;}

#holder a
{color:#fff;
text-decoration:none;
font-size:90%;
font-weight:bold}

#holder .subtopics
{font-size:90%;
color:#ccc;
font-weight:normal}

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

#holder p
{font-size:80%;
color:#ccc}

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

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

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