@charset "UTF-8";



.clear {
	clear: both;		/* generic clearing element so that whatever comes 
						   after this element will appear below all floating 
						   elements above it */
}
.hide {
	display: none;		/* generic class to hide elements from CSS-capable
						   browsers */
}
body {
	background-color:#006;
	background-image:url(../images/h_shoebkgd.jpg);
	color: #000;
	margin: 0;			/* void out browser-defined gutterspace */
	padding: 0;
	font-family: calibri, helvetica, sans-serif;
						/* calibri, the "IN" font for reading text on screens */
}

a:link {
	color: #006;
}
a:visited {
	color: #000;
}

p {
	font-weight: bold;
	color: #804000;
}
div.hr {

  height: 15px;

  background-image:url(../images/3shoesmall.png);

  background-repeat:no-repeat;

  background-position:center;

}
div.hr hr {

  display: none;

}



.bold {
	font-weight: bold;
	color: #000;
	font-style: oblique;
}

#sleeve {
	max-width: 999px;	/* max resolution - 25px to accomadate for the vertical
						   scrollbar */
	min-width: 615px;	/* min resolution - 25px */
	margin: 0 auto;		/* auto horizontal margins will cause the layout to be
						   horizontally centered (usually) */
}
#book {
	margin: 1em;			/* reserve some gutter space around the layout even
							   in very low resolution */
	border: solid 1px #8e5c45;
	background-color: #006;
}
#masthead,
#footer {
	border: solid 1px #8e5c45;
	margin: 0.5em;
	padding: 1px 0.5em;
}
#masthead {
	/*padding: 1em;
	margin-bottom: 0;*/
	background-image:url(../images/Horsesmastmain.png);
	height:125px;
	background-repeat: no-repeat;
	background-position: 50% ;
}
#masthead h1 {
	font-size: 1em;
	margin: 0;
	text-indent:-9999px;
}
#masthead h2 {
	font-size: 2em;
	margin: 0;
	text-indent:-9999px;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #006;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #006;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #ccc;
}

#navcontainer ul li a.current
{
background-color:#CCC;
color:#00C;
}
#page {
	float: left;			/* #toolbox will float next to #page */
	width: 100%;
}
div.panel {
	border: solid 1px #8e5c45;
	background-color:#CCC;
	padding: 1px 1em;
	margin: 0.5em;
	margin-bottom: 0;		/* don't rely on margin collapsing. simply have
							   no bottom margin */
}
#left-column {
	float: left;
	width: 70%;				/* width of main column as a percent of the 
							   available horizontal space */
}
#left-column div.panel {
	margin-right: 0.25em;
}
#right-column {
	float: left;
	width: 30%;				/* 100% - <width of #left column> */
	font-size: 0.85em;		/* gutter space of panels inside #right-column
							   is defined in EMs. If you change the 
							   font size of this column YOU MUST CHANGE
							   the gutter space dimensions of panels
							   in this column. the formula here is simple:

							   ( 1 / <font size> ) * <target size>

							   Apply this formula and round to the 
							   nearest hundreth. Look below for some
							   examples. */
}
#right-column div.panel {
	margin-left: 0.29em;	/* ( 1em / 0.85em ) * 0.25em = 0.29em */
	margin-right: 0.59em;	/* ( 1em / 0.85em ) * 0.5em = 0.59em */
	margin-top: 0.59em;		/* ( 1em / 0.85em ) * 0.5em = 0.59em */
}

#footer {
	padding: 1px 1em;
	text-align: center;
	background-color:#CCC;
}
div.two-columns {
	width: 100%;
}
div.two-columns div.tc-left-column {
	float: left;
	width: 50%;
	vertical-align: top;
}
div.two-columns div.tc-right-column {
	float: left;
	width: 50%;
	vertical-align: top;
}
div.two-columns div.tc-right-align {
	text-align: right;
}
div.two-columns div.tc-left-column div.tc-panel {
	margin-right: 1em;
}
div.two-columns div.tc-right-column div.tc-panel {
	margin-left: 1em;
}
div.tc-border div.tc-left-column {
	margin-right: -1px;
	border-right: solid 1px #8e5c45;
}
div.tc-border  div.tc-right-column {
	border-left: solid 1px #8e5c45;
}


/* CSS Hacks
 * --
 * These things are a necessity of CSS life. While I wish we didn't have to 
 * resort to such sillyness, if you want to keep your layout as compatible
 * as possible you need to invest in some CSS trickery like this for layouts
 * that go beyond a single column.
 *
 * The Key Hacks Used In this Layout
 *
 * [* html]		Any rule that starts with this will only be applied by
 *				Win/IE 6, Mac/IE 5 and earlier versions. This is a quick
 *				and dirty way to hide CSS from non-IE browsers
 *
 * [\*]			The backslash acts as an escape character for Mac/IE. Thus
 *				changing how it interprets the closing comment mark, 
 *				essentially causing Mac/IE to ignore it and treat anything
 *				that follows as part of a CSS comment until another,
 *				unescaped closing comment mark is found. This allows us
 *				to hide IE hacks specific to Windows from Mac users.
 *
 * [min-width:0]		- IE 7
 * [position:relative]	- IE 6
 * [height:0.01%]		- IE 5
 *				This is used to trigger hasLayout in Win/IE. hasLayout is 
 *				a unique property of IE's rendering engine that is the 
 *				root of almost every IE rendering bug. triggering hasLayout
 *				will often resolve a rendering issue in IE, although it
 *				can sometimes lead to other rendering bugs.
 *
 */
.clear {					/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;	/* this padding/margin hack is here for
							   older Mozilla engines (Netscape 7, 6,
							   FireFox pre 2.0) which will not allow 
							   an element to clear unless it has some 
							   effect on how the rest of the layout 
							   renders (ie, it takes up space). 
							   Hidden from IE/Mac as it triggers a 
							   horizontal scrollbar. */
}
#page,
#left-column,
#right-column,
{
	overflow: visible;		/* an old hack for Win/IE where the width of
							   italicized text is not properly calculated
							   and leads to possibly breaking the layout. */
}
#main-menu {
	padding-left: 1em;
	padding-right: 1em;		/* for clients that can't center the menu,
							   such as Mac/IE and Netscape 6 */
}
#book {
	min-width: 0;			/* for IE 7 */
}
* html #book {				/* hide from IE/Mac \*/
	position: relative;		/* for IE 6 */
}
* html #binding {
	height: 100%;			/* for IE 5.5 */
}
div.tc-right-column,
#right-column {
	margin-right: -1px;		/* for IE's rounding bug */
}
* html #masthead {
	background-image: none;	/* for IE 6 and earlier - can't really do
							   transparent PNGs */
}

* html div.tc-border div.tc-right-column {
	margin-right: -100%;	/* for IE */
}
* html div.tc-panel {		/* hide from Mac/IE \*/
	padding: 1px 0;			/* help IE ignore margin collapse */
}

/******************************************************************************/



#sleeve #book #binding #page #right-column .panel h3 {
	border-bottom: thin dotted #006;
}