body { padding: 0; margin: 0;}
img { border: none; }
h1 { color: darkred; font-size: 130%; text-transform: uppercase; font-weight: normal; text-align: center; }
#banner-left, #banner-right, #banner-content { height: 134px; top: 0;}
#banner-left { position: absolute; left: 0; width: 50%; background: url(images/banner_left.jpg) repeat-x; }
#banner-right { position: absolute; right: 0; width: 50%; background: url(images/banner_right.jpg) repeat-x; }
#banner-content { position: relative; width: 800px; margin: 0 auto; background: url(images/banner.jpg) no-repeat; }

.top-nav  
{
    list-style-type: none; 
    margin: 0 auto 0; 
    padding: 6px 0 0; 
    width: 700px; }
.top-nav li { float: left;   }

.top-nav li a  
{
    display: block; 
    padding: 0 25px 10px; 
    font-size: 70%; 
    color: black; 
    text-decoration: none; 
    text-transform: uppercase; 
    font-weight: bold; 
    background: transparent url(images/top-nav-gray-arrow.png) no-repeat bottom center;
}

.top-nav li a:hover  
{
    color: #1F63A0; 
    background-image: url(images/top-nav-blue-arrow.png); 
}
.centered { width: 800px; margin: auto;}
#buttons { float: right; }
.als-list { list-style: url(images/list-arrow.png) ; font-size: 80%;}
.als-list li {padding: 0 0 10px 0;}
.als-list a { color: #999; text-decoration: none;}
.als-list a:hover { color: #045094; }
.als-list1 { list-style: url(images/list-arrow.png) ; font-size: 80%;}
.als-list1 li {padding: 0 0 10px 0;}
.als-list1 a { color: #999;}
.als-list1 a:hover { color: #045094; }
.als-list2 { list-style: url(images/list-arrow.png) ; font-size: 80%;}
.als-list2 li {padding: 0 0 10px 0;}
.als-list2 a { color: #090; text-decoration: none;}
.als-list2 a:hover { color: #045094;}
.clearer { clear: both; }
#member-login {float: left; }
#newsgroups { float: right; }
#company-profile { margin-left: 50px; float: left;}

#newsgroups h2, #company-profile h2 
{ font-size: 100%; color: #333; text-transform: uppercase; text-align: center; }

#footer 
{ background: url(images/footer.jpg) repeat-x; padding-top: 20px; clear: both; font-size: 70%;}
.blue {color: #014F91; font-weight: normal; }
#footer-left { text-transform: uppercase; color: #5C5C5C; font-weight: bold;}

#footer-right { float: right; color: #5C5C5C; }

#footer-right a { text-decoration: none; font-weight: bold; color: #014F91; padding: 0 5px; }

#top-content { position: relative; }

#what-list, #who-list, #how-list {position: absolute; list-style-type: none; margin: 0; padding: 0; }

#what-list li, #who-list li, #how-list li { margin: 0; padding: 0; } 

#what-list li a, #who-list li a, #how-list li a 
{ display: block; padding: 5px; text-decoration: none; font-weight: bold; background-color: #FFF; z-index: 15; }



#who-list { border: solid 2px #76230B; left: 320px; top: 170px;}
#who-list li a { border-bottom: solid 2px #76230B; color: #76230B; }
#who-list li a:hover { background-color: #76230B; color: #FFF; }

#what-list { border: solid 2px #5D5C5C; left: 520px; top: 170px;}
#what-list li a { border-bottom: solid 2px #5D5C5C; color: #5D5C5C; }
#what-list li a:hover { background-color: #5D5C5C; color: #FFF; }

#how-list { border: solid 2px #045094; left: 680px; top: 170px; z-index: 15;}
#how-list li a { border-bottom: solid 2px #045094; color: #045094; }
#how-list li a:hover { background-color: #045094; color: #FFF; }