body {
margin: 0;
padding: 0;
font: 76%/160% "Lucida Grande", Arial, sans-serif;
color: #000;
}

#container {
background: #444 url(images/bgrd.gif) repeat-y top center;
position: relative;
min-width: 740px;
}
#sub-container {
margin: 0 auto;
text-align: center;
width: 741px;
position: relative;
background: url(images/header3.jpg) no-repeat top center;
}

#header {
margin: 0 auto;
height: 200px;
position: relative;
}

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


#header h2 { 
position: absolute;
text-align: left;
bottom: 65px;
left: 250px;
color: #000;
font-size: 1.5em;
line-height: 1em;
margin: 0 200px 0 0;
color: #600;
}

#nav {
float: left;
text-align: left;
width: 170px;
height: 20em;
position: relative;
margin-top: 10px;
}

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

#nav h3 {
font-size: 1.2em;
color: #ff0;
padding-bottom: 8px;
margin: 0 0 0 15px;
}
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

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

#nav ul li a {
display: block;
height: 33px;
line-height: 1.5em;
background: url(images/bark-nav2.jpg) no-repeat 0 0;
padding: 6px 0 0 15px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

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

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

#nav ul li a:hover {
color: #f00;
background: url(images/bark-nav-over2.jpg) no-repeat 0 0;
}

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


#nav ul li a.ewmain {
display: block;
height: 30px;
line-height: 1.5em;
background: url(images/bark-nav-short-blue.gif) no-repeat 0 right;
padding: 6px 0 0 15px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#nav ul li a.ewmain:link {
color: #000;
}

#nav ul li a.ewmain:visited {
color: #03c;
}

#nav ul li a.ewmain:hover {
color: #03c;
background: url(images/bark-nav-short-blue.gif) no-repeat -35px right;
}

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



#nav p {
margin: 0 35px 0.5em 15px;
line-height: 1.4;
color: #cc0;
font-size: 0.9em;
}

#main {
float: left;
width: 550px;
display: inline;
text-align: left;
margin: 0 0 20px 0;
padding-bottom: 0;
}

#main h1 {
padding: 10px 0 0.5em 30px;
margin: 0;
font-size: 2em;
line-height: 1.2;
color: #900;
}

#main h2 {
padding: 0 0 0.5em 30px;
margin-bottom: 0;
font: 1.4em/120%;
color: #900;
}

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

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

#main blockquote {
padding: 0 0 0 45px;
margin: 0 30px 0 0;
background: url(images/quote.gif) no-repeat 20px 5px;
}
#main blockquote p {
padding: 0;
}
#main blockquote cite {
display: block;
}
#main ul {
margin: 0;
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.2em;
}
#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: #f00;
text-decoration: none;
}

#main a:hover {
text-decoration: underline;
}

#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 auto;
clear: left;
padding: 10px 0 40px 0;
background: #333 url(images/footer-bgrd.gif) repeat-y top center;
}
#footer p {
text-align: left;
font-size: 0.9em;
margin: 0 0 0 200px;
padding: 0;
color: #ff0;
}

#footer a {
text-decoration: none;
}

#footer a:link {
color: #f00;
font-weight: bold;
}

#footer a:visited {
color: #933;
}

#footer a:hover {
color: #f90;
text-decoration: underline;
}

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