﻿/*===========================================================================*/
/*                                                                           */
/*===========================================================================*/

body
{
   margin: 0;
   padding: 0;
   background-color: #D3C8C0;
}

em
{
   font-weight: bold;
   font-style: normal;
}

div
{
   margin: 0;
   padding: 0;
   font-family: Comic Sans MS;
}

p
{
   margin-bottom: 0;
}

#BodyContainer
{
   background-color: Lime;
}

#THBBanner
{
   background-color: white;
   width: 100%;
   height: 111px;
}

div#THBDivider
{
   float: left;
   width: 100%;
   height: 50px;
}

div#THBMainBody
{
   float: right;
   width: 100%;
   margin-left: -182px;    /* Left container width */
}

.Content
{
   min-height: 400px;
}

.MenuContainer
{
   float: left;
   width: 160px;
   border: solid 2px #004538;
   margin: 5px 0px 0px 5px;
   padding: 0px 4px 4px 4px;
   background-color: #D3C8C0;
}

.MenuHeader
{
   margin: 0px -4px 0px -4px;
   padding: 2px 0px 2px 0px;
}

#THBContactContainer, #THBLinksContainer
{
   margin-top: 20px;
}

#THBContentContainer
{
   margin-left: 182px;     /* Left container width */
   margin-top: 5px;
}

#THBContentTitle
{
   font-weight: bold;
   height: 1.5em;
   padding-top: 0.25em;
   padding-left: 1em;
   background-color: #004538;
   color: White;
}

#THBFooterContainer
{
   background-color: #004538;
   clear: both;
   width: 100%;
}

/*===========================================================================*/
/* Masthead                                                                  */
/*===========================================================================*/

#Logo
{
   background: transparent url("images/upperleft.gif") no-repeat top left;

   height: 106px;
   width: 111px;
}

#Title
{
   background: transparent url( "images/uppermiddle.gif" ) no-repeat top left;
   height: 106px;
   width: 297px;
   left: 111px;
   position: absolute;
   top: 0px;
}

#Description
{
   background: transparent url( "images/upperright.gif" ) no-repeat top left;
   height: 106px;
   width: 209px;
   left: 408px;
   position: absolute;
   top: 0px;
}

#THBBanner h1, h2
{
   display: none;
}

#THBDivider
{
   background-image: url("images/FenceBar.gif");
   background-repeat:repeat-x;
   background-color: #D3C8C0;
   height: 72px;
}

/*===========================================================================*/
/* Menu                                                                      */
/*===========================================================================*/

.menu 
{
}

.menu, .SubMenu
{
}

.MenuHeader, .MenuItem
{
   font-size: smaller;
}

.MenuHeader
{
   color: White;
   background-color: #004538;
   font-weight: bold;
}

.MenuItem
{
   color: #502302;
   background-color: #D3C8C0;
}

.MenuItemSelected
{
   background-color: White;
}

.MenuHover
{
   background-color: #E5DED9;
}

.SubMenu
{
   border: solid 2px #004538;
}

.SubMenuItem
{
   padding: 1px 5px 1px 5px;
}

/*===========================================================================*/
/*                                                                           */
/*===========================================================================*/

div#ContentsContainer
{
   margin: 0 0 0 0;
   height: auto;
   z-index: 0;
}

div#ContentsTitle
{
   background-color: #004139;
   margin: 0 0 0 0;
   color: White;
   font-family: Sans-Serif;
   font-weight: bold;
}

div#THBContentContainer
{
   min-height: 400px;
   border-left-color: #004139;
   border-left-width: 3px;
   border-left-style: solid;
}

div#THBContents
{
   min-height: 400px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-top: 10px;
}

/*===========================================================================*/
/* Product image layout                                                      */
/*===========================================================================*/

.mainImage
{
   width: 250px;
   height: 200px;
}

.detailImage
{
   width: 350px;
   height: 250px;
}

.photoImage
{
   width: 520px;
}

.HorseName
{
   /*Height="2.2em" ForeColor="#003333" */
   color: #003333;
   font-weight: bold;
   font-size: 1.1em;
}

/*===========================================================================*/
/* Section                                                                   */
/*===========================================================================*/

.section
{
   font-weight: bold;
   margin: .75em 0
}

/*===========================================================================*/
/* Footer                                                                    */
/*===========================================================================*/

div#THBFooterContainer a
{
   color: White;
}

div#THBFooterContainer
{
   padding: 5px 0px 5px 0px;
   font-size: small;
}

div#THBFooterContainer span
{
   display: block;
   text-align: center;
   color: White;
}
