* { margin: 0; padding: 0; }

body {
background: #008fcb;
font: 76%/160% "Lucida Grande", Arial, sans-serif;
color: #555;
}

#header {
background: url(images/header3.gif) no-repeat 0 0;
height: 125px;
position: relative;
margin: 10px 0 0 20px;
top: 10px;
}

#header h1 {
position: absolute;
left: -4000px;
width: 1000px;
}


#header h2 { 
position: absolute;
bottom: 5px;
left: 300px;
color: yellow;
font-size: 1.1em;
}

#nav {
position: absolute;
top: 160px;
left: 0;
width: 14em;
}

#nav h2 {
position: absolute;
left: 4000px;
width: 1000px;
}

#nav h3 {
font-size: 1.2em;
color: yellow;
padding-bottom: 8px;
margin: 0 0 0 10px;
}


#nav h3 a {
display: block;
height: 30px;
line-height: 1.5em;
background: url(images/bark-nav.gif) no-repeat 0px right;
margin-left: -10px;
padding: 5px 0 0 10px;
text-decoration: none;
font-weight: bold;
}

#nav h3 a:link {
color: #000;
}

#nav h3 a:visited {
color: #633;
}

#nav h3 a:hover {
color: #f00;
background: url(images/bark-nav.gif) no-repeat -35px right;
}

#nav h3 a:active {
color: #000;
}


#nav ul {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}

#nav ul li {
margin: 0 0 5px 0;
padding: 0;
}

#nav ul li a {
display: block;
width: 12em;
height: 1.5em;
line-height: 1.5em;
background-color: #14759e;
background-image: url(images/nav-top-right.gif), url(images/nav-bottom-right.gif);
background-position: top right, bottom right;
background-repeat:  no-repeat, no-repeat;
padding: 0.2em 0 0.2em 10px;
text-decoration: none;
}

#nav ul li a:link {
color: #fff;
}

#nav ul li a:visited {
color: #c6a1cc;
}

#nav ul li a:hover {
color: #9a02af;
background-color: #b1dcee;
}

#nav ul li a:active {
color: red;
}

#main {
margin: 30px 100px 0 14em;
background: #fff url(images/main-bgrd-left.gif) repeat-y 0 0;
min-width: 30em;
max-width: 60em;
}

#main h1 {
padding: 25px 0 10px 30px;
font: 2.4em/120% normal Georgia, "Times New Roman", serif;
color: #008fcb;
background: url(images/main-bgrd-h1-top.gif) no-repeat 0 0;
}

#main h2 {
padding: 5px 0 5px 30px;
font: 1.8em/120% normal Georgia, "Times New Roman", serif;
color: #008fcb;
}

#main h3 {
padding: 5px 0 0 30px;
font-size: 1.1em;
}
#main h4 {
padding: 10px 0 5px 30px;
text-transform: uppercase;
}

#main p { 
font-size: 1.1em;
padding: 0 40px 0.5em 30px;
}

#main blockquote {
padding-left: 30px;
background: url(images/quotes.gif) no-repeat 30px 0;
}

#main ul {
padding: 0 40px 0.5em 30px;
list-style-type: none;
}
#main ul li {
background: url(images/bullet.gif) no-repeat 0 0.5em;
padding-left: 1.2em;
}

#main ul.pagelinks {
}
#main ul.pagelinks li {
background: none;
padding-left: 0;
font-weight: bold;
}

#main dl {
margin-top: -5px;
padding: 0 30px 0.5em 30px;
list-style-type: none;
}

#main dt {
padding-top: 0.5em;
font-weight: bold;
font-size: 1.1em;
}
#main dd {
font-style: normal;
}

#main dl dd ul {
list-style-type: none;
padding-left: 0;
}
#main dl dd ul li {
list-style-type: none;
background: none;
padding-left: 0;
}
#main dd address {
font-style: normal;
}
#main dl h4 {
padding: 5px 0 0 0;
}
#main dl img {
margin: 0 0 0 15px;

}

#main img {
float: right;
width: auto;
margin: 0 30px 0 15px;
}

#main a {
color: #c33;
text-decoration: none;
}

#main a:hover {
color: #603;
}

#main span.publisher {
font-style: normal;
font-weight: normal;
}

#main table {
margin-left: 30px;
margin-bottom: 1em;
}

#main table thead {
font-weight: bold;
color: #000;
background: #bce4fa;
}

#main table td, #main table thead th {
padding: 0 0.5em 0 0.5em;
}
#main table td a {
display: block;
text-align: center;
}

#main div {
float: right;
width: 200px;
margin: 0 30px 0 15px;
}
#main div img {
float: none;
margin: 0;
}
#main div p {
padding: 0;
font-size: 0.9em;
line-height: 1.4em;
color: black;
}

#footer {
margin: 0 100px 0 14em;
background: url(images/footer-bgrd-wide.gif) no-repeat 0 0;
padding: 18px 0 40px 30px;
color: #8acae5;
min-width: 27.5em;
max-width: 57.5em;
}
#footer p {
font-size: 0.9em;
margin-top: -6px;
padding: 18px 0 0 0;
color: #8acae5;
background: url(images/bgrd-bottom-right.gif) no-repeat top right;
}

#footer a {
text-decoration: none;
}

#footer a:link {
color: #fff;
}

#footer a:visited {
color: #8acae5;
}

#footer a:hover {
color: yellow;
}

#footer a:active {
color: #f90;
}