/* -------------------------------------------------------------------------------- */
/* Copyright (c) 2014 Mendonoma Pet Care All rights reserved                        */
/* Last Updated February 22, 2014 by Jan Jewell                                    */
/* -------------------------------------------------------------------------------- */

/* Set defaults for the entire page, except where overridden later. */
html {
    color:#994C00; background-color:#FFFF99;
    font-family: comic sans ms, Arial, Helvetica, sans-serif; 
    font-style: italic;
    background-image: none;
}
      
/* The following line was reduced from 798px to 792px, to bring the right
   vertical line into contact with the top logo. */
body { width:792px ; margin: 0px auto;}
img  { padding: 0px 0px 0px 0px; border: 0px;}
body { margin: 0; padding: 0; }
body {
    margin-left: auto; margin-right: auto;
    padding: 0px 0px 0px 0px;
    /* Make min-height big enough to encompass both the leftpics and the
       mainbody content. */
    height:auto; min-height: 860pt; position: relative;
    border-bottom: 5px solid #994C00;
    border-right:  5px solid #994C00;
    border-left:   5px solid #994C00;}

ul { display:block; margin:  0px  0px 18px  0px; list-style: disc outside; }
ol { display:block; margin:  0px  0px 18px 18px; list-style: decimal outside;}
li { display:list-item; margin:  0px  0px  3px 18px; }
li.header {
    display:list-item;
    margin:  0px  0px  3px 18px;
    list-style: none outside;
    font-weight:bolder; }
div            {display:block;     }
span           {display:inline;    }
table          {display:table;     empty-cells:show; }
thead          {display:table-header-group;}

span.Apple-style-span {
    border-collapse: separate;
    font-style: normal;
    font-variant: normal; font-weight: normal;
    letter-spacing: normal; line-height: 13px;
    orphans: 2; text-align: left;
    text-indent: 0px; text-transform: none;
    white-space: normal; widows: 2; word-spacing: 0px;
}

/* The font-family and style should be inherited.
 * The most we might want to do is specify font-size.
 *  font-family: "comic sans ms";
 *  font-style: italic; }
tr.walk {
    font-size: 100%; }
 */

h1 {
    display:block;
    color: inherit; background-color:inherit;
    letter-spacing: normal;
    margin: 0px 3px 0px 3px; padding: 3px 0px 0px 0px; }

h3 {
    display:block;
    color: inherit; background-color:inherit;
    letter-spacing: normal;
    /* top, right, bottom, left */
    margin: 0px 3px 0px 3px;
    padding: 3px 0px 0px 0px; }

div#mainbody h1.center { margin-left:91.5pt; margin-right: 0pt; }

div#mainbody span { padding-left: 0pt; padding-right: 0pt; };

h5 {
    display:block;
    color:inherit; background-color:inherit;
    letter-spacing:0px;
    margin: 3px 3px 3px 3px;
    padding: 0px 0px 0px 6px; }
h6 {
    display:block;
    color:inherit; background-color:inherit;
    letter-spacing: normal /*0px*/;
    /* margin: 6px 3px 3px 6px; */
    margin: 1p 72pt 1pt 72pt;
    padding: 0px 0px 0px 6px; }
p.text {
    display:block; text-align:left
    color:inherit; background-color:inherit;
    font: normal normal 13px comic sans ms, Arial, Helvetica, sans-serif;
    style:italics;
    letter-spacing :0px;
    margin: 6px 0px 0px 3px;
    padding: 6px 0px 6px 0px; }
p.textctr {
    display:block; text-align:center;
    color:inherit; background-color:inherit;
    font: normal normal 12px/14px
          Verdana, Geneva, Arial, Helvetica, sans-serif;
    letter-spacing:0px;
    margin: 6px 0px 0px 3px;
    padding: 6px 0px 0px 6px; }
b { display: inline; font-weight: bolder; }
i { display: inline; font-style:  italic; }


a:link         { /* unvisited link */
    color:#003300; background-color:inherit; text-decoration:none;      cursor:pointer;}
a:visited      { /* visited link */
    color:#003300; background-color:inherit; text-decoration:none;      cursor:pointer;}
a:hover        { /* the mouse pointer is over this link */
    /* C is not sure about this one yet, because we haven't discussed it */
    color:#660000; background-color:inherit; text-decoration:none; cursor:pointer;}
a:active       { /* selected link */
    color:#510000; background-color:inherit; text-decoration:none; cursor:pointer;}
a:focus        {color:#660000; background-color:inherit; text-decoration:none; }

#TopBanner  {border-bottom: thin solid #994c00 ; min-height: 111px; }

.center {text-align:center;}

div#leftpics {
    float: left;
    /* border-right: 5px solid #994C00; */
    /* border-bottom: 5px solid #994C00; */
    margin-right: 0pt;
    width: 82.5pt;
    border-collapse: collapse;
    valign: top;
}

div#mainbody {
    margin-right: 0pt;
    margin-left: 0pt;
    /* The following line states the vertical gap between the pulldown menu
     * and the body content.  54pt = 3/4 inch. */
    padding-top: 54pt;
    min-height: 672pt; 
}

/*
.walktable {
    margin-left: 0pt;
    margin-right: 0pt;
}
*/

p.leftjustified {
    text-align: justify ;
    margin-left:126pt; margin-right: 36pt;
}

.style12 {
    font-size: 12pt;
    margin-left:126pt; margin-right: 36pt;
    /* Temporary hack on the next line. */
    margin-top: 0px;
}
.style14 {
    font-size: 14pt;
    margin-left:126pt; margin-right: 36pt;
}
.style16 {
    font-size: 16pt;
    margin-left:126pt; margin-right: 36pt;
}
.style18 {
    font-size: 18pt;
    margin-left:126pt; margin-right: 36pt;
}
.style20 {
    font-size: 20pt;
    margin-left:126pt; margin-right: 36pt;
}
.style22 {
    font-size: 22pt;
    margin-left:126pt; margin-right: 36pt;
}

.style12c {
    font-size: 12pt;
    text-align: center;
    margin-left:126pt; margin-right: 36pt;
}
.style14c {
    font-size: 14pt;
    text-align: center;
    margin-left:126pt; margin-right: 36pt;
}
.style16c {
    font-size: 16pt;
    text-align: center;

    margin-left:126pt; margin-right: 36pt;
}
.style18c {
    font-size: 18pt;
    text-align: center;

    margin-left:126pt; margin-right: 36pt;
}
.style20c {
    font-size: 20pt;
    text-align: center;
    margin-left:126pt; margin-right: 36pt;
}
.style22c {
    font-size: 22pt;
    text-align: center;
    margin-left:126pt; margin-right: 36pt;
}

/* Justified, rather than ragged-right */
.style12j {
    font-size: 12pt;
    text-align: justify;
    margin-left:126pt; margin-right: 36pt;
}

.style14j {
    font-size: 14pt;
    text-align: justify;
    margin-left:126pt; margin-right: 36pt;
}
.style16j {
    font-size: 16pt;
    text-align: justify;
    margin-left:126pt; margin-right: 36pt;
}
.style18j {
    font-size: 18pt;
    text-align: justify;
    margin-left:126pt; margin-right: 36pt;
}
.style20j {
    font-size: 20pt;
    text-align: justify;
    margin-left:126pt; margin-right: 36pt;
}
.style22j {
    font-size: 22pt;
    text-align: justify;
    margin-left:126pt; margin-right: 36pt;
}

/* Justified, and indented compared to .styleNNj text. */
.style12ji {
font-size: 12pt;
    text-align: justify;
    margin-left:162pt; margin-right: 36pt;
}
    
.style14ji {
font-size: 14pt;
    text-align: justify;
    margin-left:162pt; margin-right: 36pt;
}
    
.style16ji {
font-size: 16pt;
    text-align: justify;
    margin-left:162pt; margin-right: 36pt;
}
    
.style18ji {
font-size: 18pt;
    text-align: justify;
    margin-left:162pt; margin-right: 36pt;
}
    
.style20ji {
font-size: 20pt;
    text-align: justify;
    margin-left:162pt; margin-right: 36pt;
}
    
.style22ji {
font-size: 22pt;
    text-align: justify;
    margin-left:162pt; margin-right: 36pt;
}
    
.noscript {
    font-size: 22pt;
    text-align: center;
    font-style: bold;
}

div.picture {
    float: left;
    width: 110pt;
    margin-left: 36pt;
}

/* List embedded and indented in another list */
ul.level2 {
    font-size: 12pt;
    margin-left: -28pt;
    margin-right: 36pt;
}
    

/* Start PureCSSMenu.com STYLE */

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
    margin:0px;
    list-style:none;
    padding:0px 2px 2px 0px;
    background-color:#FFFF99;
    background-repeat:repeat;
    border-color:#cccccc #111111 #111111 #cccccc;
    border-width:1px;
    border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    display:block;
    zoom:1;
    float: left;
}
/*change width of dropdown box here */
ul.pureCssMenu ul{
    width: 184px;
}
ul.pureCssMenu li{
    display:block;
    margin:2px 0px 0px 2px;
    font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    display:block;
    vertical-align:middle;
    background-color:#FFFF99;
    border-width:1px;
    border-color:#994C00;
    border-style:solid;
    text-align:left;
    text-decoration:none;
    padding:2px 5px 2px 10px;
    _padding-left:0;
    font: italic 18px Comic Sans ms;
    color: #994C00;
    text-decoration:none;
    cursor:default;
}
ul.pureCssMenu span{
    overflow:hidden;
}
ul.pureCssMenu li {
    float:left;
}
ul.pureCssMenu ul li {
    float:none;
}
ul.pureCssMenu ul a {
    text-align:left;
    white-space:nowrap;
}
ul.pureCssMenu li.sep{
    text-align:left;
    padding:0px;
    line-height:0;
    height:100%;
}
ul.pureCssMenu li.sep span{
    float:none;	padding-right:0;
    width:3px;
    height:100%;
    display:inline-block;
    background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;}
ul.pureCssMenu ul li.sep span{
    width:100%;
    height:3px;
}
ul.pureCssMenu li:hover{
    position:relative;
}
ul.pureCssMenu li:hover>a{
    background-color:#003300;
    border-color:#994C00;
    border-style:solid;
    font: italic 18px Comic Sans ms;
    color: #FFFF99;
    text-decoration:none;
}
ul.pureCssMenu li a:hover{
    position:relative;
    background-color:#003300;
    border-color:#994C00;
    border-style:solid;
    font: italic 18px Comic Sans ms;
    color: #FFFF99;
    text-decoration:none;
}
ul.pureCssMenu li.dis a {
    color: #666 !important;
}
ul.pureCssMenu img {
    border: none;
    float:left;
    _float:none;
    margin-right:2px;
    width:16px;
    height:16px;
}
ul.pureCssMenu ul img {
    width:16px;
    height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}

/* End PureCSSMenu.com style */

/* 2014-02-22 style for the footer */

div.footer {
    border-top: 5px solid #994C00;
    padding-top: 18pt;
}