/* 
   Main font
*/
   * { font-size: 14px; font-family: 'Times New Roman', serif; color: #000000; }
/*
   Centering the content
*/
body { text-align: center; width: 100%; margin: 12px 0 12px 0; padding: 0; background-color: #fdf6eb; } 
div.main { text-align: left;  margin-left: auto; margin-right: auto; max-width: 870px; width: expression(document.body.clientWidth > 870? "870px": "auto" ); position: relative; background-image: url(images/horsescare_bg.jpg); background-repeat: repeat-y; background-position: center top; }
/*
   Special Paragraph Formating
*/ 
.main_margin { margin-left: 35px; margin-right: 35px; }
.bigger_margins { width: 100%; margin-left: 40px; margin-right: 40px; margin-top: 20px; }
.link_list { margin-top: 6px; }
ul { text-align: left; margin-bottom: 0; }
ul.big_bullets { list-style-image: url( images/flame_bullet.gif ); }
li.big_bullets { font-weight: bold; font-size: 20px; }
.top_right { float: right; margin-bottom: 4px; margin-left: 20px; margin-right: 0;}
.top_left { float: left; padding-left: 0; padding-bottom: 10px; padding-right: 20px;}
.left_bar { float: left; padding-right: 20px; padding-bottom: 25px; width: 225px; }
/*
   Links
*/ 
   a:link, a:visited, a:hover {color: #6a4109}
   a.link_bar:link, a.link_bar:visited {color: #6a4109; font-size: 17px; font-weight: bold; }
   a.link_bar:hover {color: #6a4109; font-size: 17px; font-weight: bold; }
   .disabled_link { color: #FF7033 }
   div.top_links { padding-top: 6px; padding-bottom: 6px; }
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.nav_button {
    background: transparent url('images/medium_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
/*  float: left;*/
		width: 180px;
    font-weight: normal;
    font-family: "Franklin Gothic Medium", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
    text-align: center;
}

a.nav_button span {
    background: transparent url('images/medium_button_span.gif') no-repeat scroll top left;
    font-weight: bold;
    font-family: "Franklin Gothic Medium", arial, sans-serif;
    font-size: 14px;
    display: block;
    line-height: 32px;
    padding: 3px 0 5px 18px;
    text-decoration: none;
} 

a.nav_button:active {
    background-position: bottom right;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.nav_button:active span {
    background-position: bottom left;
    padding: 4px 0 4px 18px; /* push text down 1px */
}

.nav_bar
	{
	float: left;
	clear: left;
	width: 220px;
	}

/* 
   Special text colors and sizes 
*/
  .highlight { background-color: #D1FFCC }
  .rednormal { color: #94000A }
  .redbold { color: #94000A; font-weight: bold; font-size: inherit }
  .error { color: #94000A; font-weight: bold; font-size: inherit }
  .blue { color: #6a4109 }
  .dark_bg { color: #FFFFFF; background-color: #6a4109 }
  .page_title { color: #6a4109; font-weight: bold; font-size: 16px }
  .title { color: #6a4109; font-weight: bold; font-size: 14px }
  .pic_title { color: #6a4109; font-weight: bold; font-size: 14px; text-align: center; margin-top: 14px; }
  .title { color: #6a4109; font-weight: bold; font-size: 20px }
  .big { font-size: 18px }
  .very_big { font-size: 20px }
  .little { font-size: 12px }
  .very_little { font-size: 10px }
  .section_title { font-weight: bold; font-size: inherit; clear: both;}
  .caption { font-style: italic; }
  .quote { font-family: "Times New Roman", "Times Roman", serif; font-size: 15px; font-style: italic; margin-left: 100px; margin-right: 100px; }
/* 
   Borders and blocks
*/
   hr { color: #6a4109; border-style }
  .double_border { border: 5px double #6a4109; }
  .bordered { border-style: ridge; border-color: #6a4109 }
  .bordered_red { border-style: ridge; border-color: #94000A }
  .main_border { border-style: solid; border-collapse: collapse; border-width: 1px; border-color: #6a4109 }
  .main_border_red { border-style: solid; border-collapse: collapse; border-width: 1px; border-color: #94000A }
  .cell_border { border-style: solid; border-width: 1px; border-color: #6a4109 }
  table.grid td { border-style: solid; border-width: 1px; border-color: #6a4109; border-collapse: collapse; }
  table.nogrid td { border-style: none; border-collapse: collapse; vertical-align: top;}
  table.std_spacing  td { padding-left: 6px; padding-right: 6px; padding-bottom: 6px; vertical-align: top;}
  .low_underscore { border-bottom: 1px solid #000000; text-decoration: none }
  .picture { float: left; text-align: center; width: 300px;}
  table.std_spacing td { text-align: center; padding-top: 24px; }
  tr.picture_row td { text-align: center; vertical-align: bottom; width: 33%; padding-top: 24px; padding-left: 6px; padding-right: 6px; }
  tr.caption_row td { font-style: italic; text-align: center; vertical-align: top; padding-left: 6px; padding-right: 6px; }
  table.ql { border-collapse: collapse; }
  table.ql td { background-color: #a5d9ff; border: outset #005596 3px; }

  .pic_border
{
	border-top: solid #005596 3px;
	border-left: solid #005596 3px;
	border-right: solid #ffffff 3px;
	border-bottom: solid #ffffff 3px;
}	

/* >>>>> READ http://css-discuss.incutio.com/?page=OverlappingAndZIndex <<<<< */

  .inside { padding: 30px; z-index: 1; position: relative;}

	.left_edge
{
	background: url( images/border-left.gif ) left repeat-y;
	z-index: 100;
	position: relative;
}

	.right_edge
{
	background: url( images/border-right.gif ) right repeat-y;
	z-index: 100;
	position: relative;
}


/*
   Drop shadow
*/
.p-shadow {
  width: 90%;
  float:left;
  background: url(drop_shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

div.p-shadow {
  background: none !important;
  background: url(drop_shadow_offset.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

div.p-shadow {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .shadow4,
#shadow-container .shadow5,
#shadow-container .shadow6,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow6 {
        background: #b3c2cb;
    }

    #shadow-container .shadow5 {
        background: #bccad2;
    }

    #shadow-container .shadow4 {
        background: #c5d1d8;
    }

    #shadow-container .shadow3 {
        background: #cfd9df;
    }

    #shadow-container .shadow2 {
        background: #dbe2e7;
    }

    #shadow-container .shadow1 {
        background: #e6ebee;
    }
    
    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 4px;
    }
/*
  Lists
*/
  ul { list-style: disc outside url(images/square_bullet.png) }
  li { padding-bottom: 2px; }
/* 
   Form elements
*/
  .button { font-family: 'Arial', sans-serif; font-size: 13.5px; height: 21px;  text-align: center }
  .next_button { font-family: 'Arial', sans-serif; font-size: 13.5px; height: 21px; width: 80px; text-align: center }
  input { font-family: 'Arial', sans-serif; font-size: 13px  }
  select { font-family: 'Arial', sans-serif; font-size: 13px }
  textarea { font-family: 'Arial', sans-serif; font-size: 13px }
	.inp_std { width: 200px; }
	.inp_big { width: 300px; }
	.inp_small { width: 60px; }
	.inp_email { width: 400px; }
  
/*
   Signup packages
*/
  .package_title { background-color: #C15627; color: #FFFFFF; text-align: center }
  .package_body  { background-color: #FFFFFF; text-align: center; height: 114px }
  .package_price { background-color: #FFFFFF; text-align: center }
/*
   Misc.
*/
   .indented { margin-left: 24px }
   div.sandbag { margin: 0 0 -1px 0; float: right; clear: right; border: solid green 1px;}

	.slideshow_pic { width: 280px; height: 168px; position: absolute; top: 0; left: 0; }
	.under { display: none; }
/*
	CSS Menu
*/
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}