﻿body { padding: 0; margin: 0; font-family: Arial;}
img { border: none;}
h3 {color: #7C0301;}
ul {list-style-type: none;}
a {text-decoration: none; font-weight: bolder;}
ul.inset {font-size: smaller; font-weight: bold; padding-bottom: 5px;}
p {font-size: smaller; font-weight: bold; padding: 5px;}
#page2 {background-color: #A81A10;}
body.page1 {background-color: #FFFFFF;}

/* Top logo */
#logo {margin: 0 auto; height: 128px; background: url(pics/logoo.jpg) no-repeat; background-position:center; background-color: white; border-bottom: solid 21px #7C0301;}
#logo1 {margin: 0 auto; height: 128px; background: url(pics/logoo.jpg) no-repeat; background-position:center; background-color: white;}
/* main page */


/* Main body */
#main {margin: 0 0 20px 0; background: url(pics/orangebg.jpg) repeat-x; height: 530px; border-top: solid 15px #F5901D;}
#main1 {margin: 0 auto; text-align: center;}
#main1 img {width: 526px; height: 486px;}
#main1 a {color:#7C0301; text-decoration: none; text-align:center; font-size: 150%;}
#main1 a:hover {color: #44290A;}
#changebox {position: relative; width: 526px; height: 468px; margin: 0 auto;}
#tool {width: 1000px; position: absolute; left: 0; height: 530px; padding: 0; margin: 0;} 
#toc {position: inherit; left: 0; top: 0; width: 154px; height: 530px; background: url(pics/angrystar.jpg); margin: 0; border: 0;}
#right {float: right; width: 274px; height: 530px; background-color: #FFFFFF;}
#curve {width: 271px; height: 44px; position: absolute; right: 0px; bottom: 0px;}
#mid {position: absolute; left: 160px; height: 530px; width: 569px; background-color: #FFFFFF; border-right: solid 3px #F5901D;}
#mid.img {width: 569px; height: 41px; position: absolute; left: 0; top: 0;}
#textset {padding: 10px 15px 0 35px; width: 470px; margin: 0 auto;}

/*Changeable picture on page 2 */
#services {top: 0px; left: 0px;}

/* links on page 1 */
#ocom {position: absolute; left: 360px; top: 70px;}
#ores {position: absolute; left: 430px; top: 310px;}
#cont {position: absolute; left: 225px; top: 450px;}
#ocli {position: absolute; left: 10px; top: 310px;}
#oser {position: absolute; left: 70px; top: 70px;}


/* Sortable list */
.als-list { list-style-type: none; font-size: 80%; padding-top: 25px;}
.als-list li {padding: 3px 0 10px 0;}
.als-list a { color: #7C0301; text-decoration: none;}
.als-list a:hover { color: #44290A; }

/* navlist */
#servicelist li {padding: 15px 0 0 0; color: #FFFFFF;}
#servicelist a {color: #FFFFFF;}
#servicelist a:hover {color: #7C0301;}


/*  dd menus */
.ddmenu {margin: 0; padding: 0;  width: 100px; border: solid 3px #7C0301; text-align: center;} 
.ddmenu li a {display: block; padding: 5px; text-decoration: none; font-weight: bold; background-color: #FFF; z-index: 15; color: #FFFFFF; background-color: #7C0301; border-bottom: solid 1px #FFFFFF;}
.ddmenu li a:hover { background-color: #FFFFFF; color: #7C0301;}


#dd1 {position: absolute; left: 120px; top: 45px; z-index: 15;}
#dd2 {position: absolute; left: 120px; top: 75px; z-index: 15;}
#dd3 {position: absolute; left: 120px; top: 105px; z-index: 15;}
#dd4 {position: absolute; left: 120px; top: 138px; z-index: 15;}
#dd5 {position: absolute; left: 120px; top: 170px; z-index: 15;}
.noborder {border: 0;}


/*  Delete these

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; }
.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; }

*/