/* This is my first attempt at a style sheet.  I will endeavor to create a layout with two columns, a detailed navbar, and a logo header */

body {background-color: #DFDFDF;
background-image: url('/images/backgroundimage.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: 0px 0px
}

table {background-color: #FFFFFF;
width: 928px}
th {background-color: #C0C0C0; font-size: 16pt; padding: 2px}


text {
color: black
}

div#topline a {text-decoration: none; color: black; margin-left: 444px; text-align: center; background-color: #C0C0C0; opacity:0.6;filter:alpha(opacity=60); width: 300px; color: #000000; padding: 4px}

div#topline a:hover {opacity:0.9;filter:alpha(opacity=90);}

h1,h2 {
background-color: #C0C0C0; font-size: 16pt; padding: 2px;
text-align: center
}

h3 {text-align: center; }

/* Navbar */
ul#list-nav {
list-style:none;
margin:1px;
padding:0px;
width:100%
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:6px 0px;
width: 24.8%;
background:#000066;
color:#FFFFFF;
float: left;
text-align:center;
font-size: 16pt;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#000099;
color:#FFFFFF
}
/* Spans used for button-like tabs */
a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    width: 140px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 28px;
} 
a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 28px; /* push text down 1px */
} 

/* center table border */
p#center, th#center {border-left: 1px;
border-right: 1px;
border-color: #d0d0d0;
}

address {text-align: center}