* {margin: 0; padding: 0; line-height: 150%;}
body {font-family: Arial, sans-serif; font-size: small; background-color: #444;}
#wrapper {background-color: white; width: 880px; margin: 20px auto 20px auto; padding: 50px;}
#sitebranding {height: 40px; margin: 10px 0 30px 0;}
#navigation {float: left; text-transform: lowercase;}
#bodycontent {float: left; width: 820px; padding: 30px;}
#legal {width: 856px; font-size: 90%; color: #444; clear:both; padding: 12px 12px 6px 12px;}
#credit {width:880px;margin:0 auto 0 auto; font-size: 80%; color:#999;}

#navigation ul {list-style-type: none; font-size: 110%;}
#navigation li {float: left; margin-right: -1px;}
#navigation a {float: left; text-decoration: none; display: block; padding: 6px 12px 6px 12px;}

.n1 a {color: white; background: url(backgrounds/Lbluetab.jpg) no-repeat left top;}
li.n1 {background: url(backgrounds/Rbluetab.jpg) no-repeat right top;}
.nav1 a {color: #1f8da1;}

.n2 a {color: white; background: url(backgrounds/Llimetab.jpg) no-repeat left top;}
li.n2 {background: url(backgrounds/Rlimetab.jpg) no-repeat right top;}
.nav2 a {color: #9da500;}

.n3 a {color: white; background: url(backgrounds/Lpurpletab.jpg) no-repeat left top;}
li.n3 {background: url(backgrounds/Rpurpletab.jpg) no-repeat right top;}
.nav3 a {color: #87667b;}

.n4 a {color: white; background: url(backgrounds/Lorangetab.jpg) no-repeat left top;}
li.n4 {background: url(backgrounds/Rorangetab.jpg) no-repeat right top;}
.nav4 a {color: #f1af34;}

.n5 a {color: white; background: url(backgrounds/Lgreentab.jpg) no-repeat left top;}
li.n5 {background: url(backgrounds/Rgreentab.jpg) no-repeat right top;}
.nav5 a {color: #8cab63;}

.p1 {color: #1f8da1; background-color: #97e6ed; clear: both;}
.p2 {color: #7e8408; background-color: #d8de7a; clear: both;}
.p3 {color: #6a4f60; background-color: #c8b8c2; clear: both;}
.p4 {color: #cc8502; background-color: #f9d08e; clear: both;}
.p5 {color: #6f874e; background-color: #c7dbb8; clear: both;}

.p1 a {color: #1f8da1;}
.p2 a {color: #7e8408;}
.p3 a {color: #6a4f60;}
.p4 a {color: #cc8502;}
.p5 a {color: #6f874e;}

img.bigpic {float: right; margin: 0 0 20px 30px;}
p {margin-bottom: 10px; font-size: 105%;}
h2 {font-weight: normal; font-size: 170%; margin-bottom: 10px;}
h3 {font-weight: normal; font-size: 130%; margin-bottom: 10px;}
#bodycontent li {margin: 0 20px 10px 20px; font-size: 105%;}
.hpr {float: right;}
#legal a {color: #444;}
a img {border: none;}
#credit a {color:#999;}

/* internet explorer hacks */
* html #navigation a {height: 1px;}