﻿body
{
    margin: 0px;
    padding: 0px;
    background-image: url(images/background_image_small.jpg);
    background-position: left top;
    background-repeat: repeat;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12pt;
}



#container
{
    width: 880px;
    margin: 0 auto;
}
/************** header **************************************/
#header
{
    height: 403px;
    background-image: url(images/header01.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#header h1
{
    margin: 0px auto 0px auto;
}

#header img
{
    border: none;
    margin: 15px 0px;
}

/************** navigation **************************************/
#navigation
{
    background-image: url(images/menu_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 45px;
    width: 783px;
    padding-left: 49px;
    padding-right: 45px;
}
#navigation ul
{
    margin: 0px;
    padding: 0px;
    display: block;
    height: 45px;
    padding: 0 11px;
}
#navigation ul li
{
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
}

#navigation ul li img
{
    border: none;
    margin: 0px;
    padding: 14px 10px 0px 10px;
}

#navigation ul li a
{
    display: block;
    padding: 0px 9px;
    float: left;
    color: #622e0c;
    font-weight: bold;
    font-size: 12pt;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
}

#navigation ul li a:hover
{
    background-image: none; /*url(images/menu_halfpaw_left.gif);*/
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #c4d79a;
}
#navigation ul li a.sn_item_pressed
{
    background-image: none; /*url(images/menu_halfpaw_left.gif);*/
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #e1f1c0;
}
/************** content **************************************/
#content
{
    background-image: url(images/page_bg.gif);
    background-repeat: repeat-y;
    padding: 1em 65px;
}
#content .img_left
{
    float: left;
    margin: 20px;
}
#content .right_col
{
    float: right;
    width: 475px;
}
#content .left_col
{
    float: left;
    width: 350px;
}
#content .green
{
    color: #41692D;
    margin-bottom: 2em;
}
#content .brown
{
    color: #743629;
    margin-bottom: 2em;
}

.img_even
{
    float: left;
    border: 1px solid gray;
    padding: .3em;
    margin-top: 1.5em;
    margin-right: 1.5em;
}
.img_evenNews
{
    float: left;
    border: 1px solid gray;
    padding: .3em;
    margin-top: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 2em;
}
.img_odd
{
    float: right;
    border: 1px solid gray;
    padding: .3em;
    margin: 1.5em 1.5em 1em 1em;
}
.img_oddNews
{
      float: right;
    border: 1px solid gray;
    padding: .3em;
    margin-top: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 2em;
}
.imgCenter
{
    text-align: center;
    margin: 1em auto;
    display: block;
}

.col325
{
    float: left;
    width: 325px;
    margin: 15px;
}

h2, h3, h4
{
    margin: 1em 0em .5em 0em;
}
#mission h4
{
    border-bottom: none;
    margin-bottom: 0;
    }
h4
{
    border-bottom: 1px solid #41692D;
}

th
{
    text-align: left;
}

hr.clear
{
    clear: both;
    visibility: hidden;
    padding: 0;
    margin: 0;
    border: none;
}
h3.col_left
{
    width: 360px;
    float: left;
}
h3.col_right
{
    width: 360px;
    float: left;
    margin-left: 30px;
}
/* Facilities Page */
.imgLeft
{
    float: left;
    margin: 1em;
    width: 320px;
    text-align: center;
}
.imgRight
{
    float: right;
    margin: 1em;
    width: 320px;
    text-align: center;
}
.facImg
{
    border: 1px solid gray;
    padding: .3em;
    margin: .5em auto;
    display: block;
}
.photoCaption
{
    /* text-align: center; */
    clear: both;
    font-size: small;
}
.textRight
{
    text-align: right;
}
#qc
{
    margin: 25px 10px 1.5em 0;
    float: right;
    width: 207px;
}
#mission
{
    margin: 0px 0 1.5em 5px;
    float: right;
    width: 250px;
    display: block; 
    }
.petMonth
{
    margin: 10px 0 1.5em 10px;
    float: left;
    width: 207px;
}
#petTips
{
    margin: 15px 0 1.5em 10px;
    float: left;
    width: 207px;
}
.button
{
    width: 206px;
    float: left;
}
#Meds
{
    margin: 0 0 10px 10px;
}
#Board
{
    margin: 7px 0 10px 10px;
}
.sidebarTop
{
    background: #E1F1C0 url(images/sidebar-Top.png) no-repeat;
    height: 14px;
}

.sidebarTop h3
{
    margin: 0 0 10px 0;
    float: right;
    padding: 10px 5px 0px 5px;
    margin-bottom: 10px;
}

.sidebar
{
    background: url(images/sidebar-Bkgd.png) repeat-y;
}
.sidebarContent
{
    background: url(images/sidebar-Bottom.png) no-repeat bottom;
    padding: 10px 5px;
    text-align: center;
}
#petTips .sidebarContent
{
    /* background: url(images/sidebar-BottomTips.png) no-repeat bottom; */
    text-align: left;
    padding: 11px;
}
.sidebar h4#month
{
    margin: 0;
    border: none;
    text-align: right;
    padding-right: 6px;
    border-bottom: none;
    clear: both;
}

.petMonth .sidebarTop h3
{
    margin-bottom: 0;
}
#petPic
{
    padding-top: 15px;
}
.sidebar p#tip
{
    
    height: 160px;
    font-size: 10pt;
    padding: 0px 10px;
}

.sidebar p
{
    clear: both;
    padding: 0 10px 0 10px;
    font-size: 10pt;
}

.petmonthstory
{
    text-align: center;
}
.center
{
    text-align: center;
}

a img
{
    border: 0px;
}

.pmGreen
{
    color: #41692D;
    font-size: 1em;
    border-bottom: none;
    font-style: italic;
}

.facility
{
    float: left;
    width: 185px;
    text-align: center;
}
.facility img
{
    padding: .25em;
}
.facility a
{
    text-decoration: none;
}
#phone th
{
    width: 175px;
    text-align: left;
}
.hoursSubhead
{
    padding-top: 10px;
    font-weight: bold;
}
#hours th
{
    font-weight: normal;
    font-style: italic;
    text-align: left;
    width: 75px;
}
#hoursDefault th
{
    font-weight: normal;
    font-style: italic;
    text-align: left;
    width: 120px;
}
.hoursDefaultSubhead
{
    padding-top: 10px;
    font-weight: bold;
}
#hoursDefault
{
   padding: 0;
   margin: 0 0 0 50px;

}
.buttonHours
{
    height: 270px;
    width: 230px;
    background: url(images/hours.png) no-repeat bottom;
    margin: 0 0 0 0px;
    padding: 80px 0 0 20px;
    display: block;
    float: left;
}
.boarding
{
font-size: 1.2em;
font-weight: normal;
}

/************** footer **************************************/
#footerContent
{
    padding-top: .5em;
    border-top: 1px solid #41692D;
    min-height: 50px;
}

#footer
{
    background-image: url(images/footer.gif);
    background-position: left top;
    min-height: 50px;
    background-repeat: no-repeat;
}
#address
{
    float: left;
}
#phoneNumbers
{
    text-align: right;
    float: right;
}
/****************************** forms *********************************/
dl
{
    margin: 0;
    padding: 0;
    clear: both;
}
dt
{
    margin: 0;
    padding: 0;
    float: left;
    clear: left;
    margin-bottom: 10px;
    width: 250px;
}
dd
{
    margin: 0;
    padding: 0;
    float: left;
    margin-bottom: 10px;
}
dl.petform
{
    margin-top: 10px;
    }
dl.petform dt, #prescriptions dl dt
{
    margin-bottom: 0;
    }
dl.petform dd , #prescriptions dl dd
{
    margin-top: 0;
    clear: both;
    }

#qc dl
{
    margin: 10px 0;
    font-size: .9em;
    text-align: left;
}
#qc dt
{
    width: 56px;
    padding-left: 7px;
}
#qc input
{
    width: 125px;
}
#qc textarea
{
    clear: left;
    width: 181px;
    margin-left: 7px;
}

#qcContact
{
    margin: 0 50px 10px 0;
    float: right;    
    width: 207px;
}
#qcContact dl
{
    margin: 10px 0;
    font-size: .9em;
    text-align: left;
}
#qcContact dt
{
    width: 56px;
    padding-left: 7px;
}
#qcContact input
{
    width: 125px;
}
#qcContact textarea
{
    clear: left;
    width: 181px;
    margin-left: 7px;
}






table#prescriptions
{
    clear: both;
}

.homeSide
{
    width: 230px;
    float: left;
    
    }