/* Common CSS: Horsensei */


@import url(nav.css);


/* Defaults --------------------------- */

/* xxx Use IE double-buffering to make content transitions smooth
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
*/

body {
    width: 900px;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    /*font: 14px 'Noto Sans', Arial, Helvetica, sans-serif;*/
    margin: 0px auto;
}

div.standardPage {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    z-index: 3;
    left: 208px;
    top: 162px;
    width: 700px;
    /*height: 188px;*/
    /*font-variant: small-caps;*/
}

h1 {
    line-height: 1em;
}

p {
    color: #122159;
    /*line-height: 16px;*/
    font-weight: normal;
    line-height: normal;
}

a {
    color: #122159;
    text-decoration: underline;
}

a:hover {
    color: #406BCD;
    text-decoration: underline;
}


ul.store {
    margin-top: 5px;
}

ul.store li {
    color: #122159;
    line-height: 16px;
    font-weight: normal;
    list-style-position: outside;
    list-style-type: square;
    margin-bottom: 10px;
}

li.outside {
    font-size: 11px;
    font-weight: bold;
    /* color: #0251B2; */
    color: #000000;
    background-color: inherit;
    list-style-position: outside;
    list-style-type: square;

}

td {
    color: #122159;
    background-color: inherit;
}

ul, li {
    margin: 0 0 0 5px;
}


/* Special declarations -----------------------------*/

/* Home page content div style. */
.homecontent {
    background-color: transparent;
}

/* Standard page navigation header: this is relative to content div */
#navheader {
    position: relative;
    /*left: 130px;*/
    margin-bottom: 31px;
    top: 5px;
    width: 540px;
}

/* Standard page navigation menu background */
#navbgnd {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 0px;
}

/* Standard page navigation header horse logo */
#horselogo {
    position: absolute;
    text-align: right;
    z-index: 7;
    left: 190px;
    top: 40px;
    width: 355px;
}

/* Standard page footer navigation menus */
#navfooter {
    position: relative;
    margin-top: 1em;
    z-index: 6;
    width: 540px;
}

/* Standard page navigation footer's address text */
#navfooteraddress {
    /*position: absolute;*/
    left: 140px;
    top: 70px;
    width: 440px;
    font-weight: normal;
    font-size: 11px;
    color: #122159;
    background-color: inherit;
    line-height: 15px;
}

/* Standard page navigation footer's name text */
#navfootername {
    /*position: absolute;*/
    z-index: 8;
    left: 380px;
    top: 55px;
    width: 143px;
    height: 19px;
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    color: #406BCD;
    background-color: inherit;
    line-height: 15px;
}

.footer {
    position: absolute;
    /*z-index: 10;*/
    font-size: smaller;
    margin-bottom: 2em;
}

/* Section -- block separated by blank horizontal line of text
   and limited to 70% of available width */
.section {
    margin-top: 1em;
    margin-right: 3em;
}

/* Normal text */
.text {
    color: #122159;
    background-color: inherit;
    line-height: normal;
}

/* Normal text with a line break above it
   Used when starting a new block of text. */
.leadingtext {
    color: #122159;
    background-color: inherit;
    line-height: 18px;
    margin-top: 1em;
}

/* For use as a ruler line (GIF image) below a line of text */
.rulerline {
    position: relative;
    height: 1px;
    top: -1em;
}

.calendarTitle {
    font-size: 12px;
    font-style: normal;
    color: #006;
    font-weight: bold
}

.calendarLine {
    font-size: 12px;
    font-style: normal;
    color: #006;
}

/* biography block */
.bio {
    background-image: url(../images/aboutus/blugrad.gif);
    background-repeat: repeat;
    margin-bottom: 3em;
}

.bioPhoto {
    float: left;
    padding-right: 1em;
    padding-top: 1em
}

/* biography text on left */
.biotextleft {
    font-size: 14px;
    color: #122159;
    background-color: inherit;
    line-height: 16px;
    padding-left: 10px;
    margin-top: 1em;
}

/* biography text on right */
.biotextright {
    font-size: 14px;
    color: #122159;
    background-color: inherit;
    line-height: 16px;
    margin-left: 10px;
    margin-top: 1em;
}

.biosubtitleLeft {
    font-weight: bold;
    font-size: 14px;
    color: #406BCD;
    margin-left: 10px;
    margin-top: 1em;
}

.biosubtitleRight {
    font-weight: bold;
    font-size: 14px;
    color: #406BCD;
    margin-left: 2em;
    margin-top: 1em;
}

.bioImageLeft {
    float: left;
    padding-right: 4em;
}

/* biography title */
.biotitle {
    font-size: 14px;
    font-weight: bold;
    color: #406BCD;
    background-color: inherit;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: .3em;
}

/* About us link to biography page */
.biolink {
    font-size: 14px;
    color: #406BCD;
    background-color: inherit;
    text-decoration: none;
    margin-top: 0.2em;
    margin-left: 1em;
}

a.biotitle:hover {
    text-decoration: none;
}

.links {
    font-weight: bold;
    color: #122159;
    background-color: inherit;
}

a.links {
    text-decoration: none;
}

a.links:hover {
    color: #406BCD;
    background-color: inherit;
    text-decoration: underline;
}

.title {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: bold;
    color: #406BCD;
    background-color: inherit;
    text-transform: uppercase;
    letter-spacing: .15em;
}

.ititle {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #406BCD;
    background-color: inherit;

}

a.title {
    text-decoration: none;
}

a.title:hover {
    text-decoration: underline;
}


.title2 {
    font-size: 14px;
    font-weight: bold;
    color: #406BCD;
    background-color: inherit;
}

.title3 {
    font-weight: bold;
    color: #224BBF;
    background-color: inherit;
}

.title3::before {
    content: '✿ ';
}

.title4 {
    font-size: 16px;
    letter-spacing: .08em;
    font-weight: bold;
    color: #406BCD;
    background-color: inherit;
    text-transform: uppercase;
}

.title5 {
    font-size: 18px;
    letter-spacing: .05em;
    color: #26af7a;
    background-color: inherit;
}

.title6 {
    font-weight: bold;
    font-size: 11px;
    color: #224BBF;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: none;

}


h2 {
    font-size: 11px;
    font-weight: bold;
    color: #406BCD;
    background-color: inherit;
    margin-bottom: 3px;
    letter-spacing: .15em;
}

h3 {
    font-weight: bold;
    font-size: 11px;
    color: #224BBF;
    margin-top: 0px;
    margin-bottom: 0px;

}


.smallblu {
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    color: #406BCD;
    background-color: inherit;
    line-height: 15px;
}

.subtitle {
    font-weight: bold;
    font-size: 11px;
    text-transform: none;
    color: #122159;
    background-color: inherit;
    line-height: 15px;
}

.small, a.small {
    font-size: 11px;
    color: #122159;
    background-color: inherit;
    line-height: 15px;
}

a.small:hover {
    font-size: 11px;
    color: #000000;
    background-color: inherit;
    line-height: 15px;
    text-decoration: underline;
}

.caption {
    font-style: italic;
    color: #122159;
    background-color: inherit;
}

.caption2 {
    font-size: 11px;
    color: #122159;
    background-color: inherit;
    line-height: 15px;
    font-style: italic;
}

a.caption2 {
    text-decoration: underline;
}

a.caption2:hover {
    text-decoration: underline;
    color: #666666;
    background-color: inherit;
}

.caps {
    font-size: 11px;
    color: #666666;
    background-color: inherit;
    text-transform: uppercase;
    font-weight: normal;
}

/* next 5 are for supportMH.html */
img.ruler {
    width: 100%;
    margin-top: 1em;
}

button {
    border: none;
    outline: none !important;
}

.btn.action-1 {
    background-color: #c9cabb;
    color: #ffffff;
    margin: 1em;
}

.btn.action-1:hover {
    background-color: #AEB0A6;
}

div.row {
    margin-top: 2em;
}

span.colone {
    float: left;
    width: 25%;
    margin: auto;
}

span.coltwo {
    width: 15%;
    padding-left: 2em;
}

span.colthree {
    float: right;
    width: 50%;
    margin-top: -5%;
    text-align: left;
    padding: 1em;
}

/* list line with hoof bullets */
span.hoofitem {
    margin-left: .7em;
    vertical-align: super;
    /*font-weight: bold;*/
    font-size: 16px;
    /*color: #639484;*/
}


/* xxx below are for index.hml */
/* home page text */
div.homepagetext {
    position: absolute;
    z-index: 3;
    left: 208px;
    top: 162px;
    width: 540px;
    height: 188px;
    font-variant: small-caps;
}

img.homepagetitle {
    width: 276px;
    height: 20px;
}

/* Standard page content div style. */
/*.stdcontent {position: absolute; left: 205px; top: 100px; width: 540px; z-index: 2;}*/

.goldtext {
    font-weight: bold;
    font-size: 11px;
    color: #9a8a1e;
}

.graytext {
    margin-top: .25em;
    font-size: 11px;
    color: #999999;
    font-weight: bold;
}