﻿body {
    margin: 0px;
    padding: 0px;
    font: 14px "Times New Roman", Serif;
    background: #000000 url("../Images/body_bkgnd.jpg") repeat-x top left;
    color: #361F0F;
    text-align: center; /* IE6 hack to center the wrapper */
    cursor: default;
}

a, img {
    outline: 0px;
    border: none;
}

a:link, a:visited {
    color: #A58045;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

#wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 980px;
    text-align: left;
}

#header {
    width: 972px;
    height: 103px;
    margin: 0px;
    padding: 0px;
}

#header .topBar {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 972px;
    height: 69px;
    border-bottom: 1px solid #23140A;
    background-color: #361F0F;
    color: #FFFFFF;
}

#header .topBar h1 {
    position: absolute;
    top: 17px;
    left: 37px;
    width: 164px;
    height: 76px;
    margin: 0px;
    padding: 0px;
    background: url(../Images/NPR_logo.png) no-repeat top left;
}

#header .topBar h1 span {
    visibility: hidden;
}

#header .topBar .menu {
    position: absolute;
    bottom: 12px;
    left: 195px;
    width: 757px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#header .topBar .menu ul {
    margin: 0px;
    padding: 0px;
}

#header .topBar .menu li {
    display: inline;
    margin: 0px 10px;
    padding: 0px;
    text-align: left;
}

#header .topBar .menu a span {
    visibility: hidden;
}

#header .topBar .menu a.home {
    width: 38px;
    height: 12px;
    background: url(../Images/HomeOff.png) no-repeat top left;
}

#header .topBar .menu a.home:hover {
    background: url(../Images/HomeOn.png) no-repeat top left;
}

#header .topBar .menu a.horses {
    width: 42px;
    height: 12px;
    background: url(../Images/HorsesOff.png) no-repeat top left;
}

#header .topBar .menu a.horses:hover {
    background: url(../Images/HorsesOn.png) no-repeat top left;
}

#header .topBar .menu a.breeding {
    width: 62px;
    height: 12px;
    background: url(../Images/BreedingOff.png) no-repeat top left;
}

#header .topBar .menu a.breeding:hover {
    background: url(../Images/BreedingOn.png) no-repeat top left;
}

#header .topBar .menu a.offspring {
    width: 112px;
    height: 12px;
    background: url(../Images/OffspringOff.png) no-repeat top left;
}

#header .topBar .menu a.offspring:hover {
    background: url(../Images/OffspringOn.png) no-repeat top left;
}

#header .topBar .menu a.history {
    width: 190px;
    height: 12px;
    background: url(../Images/HistoryOff.png) no-repeat top left;
}

#header .topBar .menu a.history:hover {
    background: url(../Images/HistoryOn.png) no-repeat top left;
}

#header .topBar .menu a.aboutus {
    width: 62px;
    height: 12px;
    background: url(../Images/AboutOff.png) no-repeat top left;
}

#header .topBar .menu a.aboutus:hover {
    background: url(../Images/AboutOn.png) no-repeat top left;
}

#header .middleBar {
    float: left;
    height: 36px;
    width: 972px;
    margin: 0px;
    padding: 0px;
    background-color: #A58045;
}

#header .bottomBar {
    position: relative;
    float: left;
    height: 55px;
    width: 972px;
    margin: 0px;
    padding: 0px;
    background: #FBF9F0 url(../images/gradientHoriz.jpg) no-repeat top left;
}

#header .bottomBar h2 {
    position: absolute;
    top: -10px;
    left: 25px;
    width: 290px;
    height: 57px;
    margin: 0px;
    padding: 0px;
    background: url(../Images/WelcomeTo.png) no-repeat top left;
    z-index: 2;
}

#header .bottomBar img {
    position: relative;
    top: -10px;
    left: 25px;
    z-index: 2;
}

#content {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 972px;
    height: 615px;
    background: #FFFFFF url("../Images/HorsesContent.jpg") no-repeat top left;
}

#content .welcomeNote {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px;
    padding: 15px;
    width: 470px;
    height: 51px;
    text-align: center;
    font-size: 15px;
}

#footer {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 972px;
    height: 49px;
    border-top: 1px solid #23140A;
    background-color: #361F0F;
    color: #FFFFFF;
}

#footer .logoCopyright {
    margin: 0px;
    padding: 2px 0px 0px 15px;
    font: 10px Arial, Verdana, Sans-Serif;
}

#footer .logoCopyright h1 {
    position: absolute;
    top: 2px;
    left: 12px;
    width: 95px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    background: url(../Images/NPR_MiniLogo.png) no-repeat top left;
}

#footer .logoCopyright h1 span {
    visibility: hidden;
}

#footer .logoCopyright span {
    position: absolute;
    top: 31px;
    left: 110px;
    width: 300px;
    height: 20px;
}

#footer .crossLinking {
    position: absolute;
    top: 1px;
    left: 495px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
}

#footer .crossLinking a {
    vertical-align: -10px;
}

#footer .menu {
    position: absolute;
    top: 12px;
    right: 20px;
    white-space: nowrap;
}

#footer .menu ul {
    margin: 0px;
    padding: 0px;
}

#footer .menu li {
    display: inline;
    margin: 0px 10px;
    padding: 0px;
}

#footer .menu a span {
    visibility: hidden;
}

#footer .menu a.links {
    width: 62px;
    height: 12px;
    background: url(../Images/LinksOff.png) no-repeat top left;
}

#footer .menu a.links:hover {
    background: url(../Images/LinksOn.png) no-repeat top left;
}

#footer .menu a.contactus {
    width: 62px;
    height: 12px;
    background: url(../Images/ContactOff.png) no-repeat top left;
}

#footer .menu a.contactus:hover {
    background: url(../Images/ContactOn.png) no-repeat top left;
}
