/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0;  font-size:100.01%; font-family: tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #464646; background: url(../img/bg/blue-sky.png) repeat-x #fff; text-align:center;}
* { margin: 0; padding:0;}

/*Palette from logo
blue: #51778e;
orange: #f3642c;
purple: #bb1a8a;
red: #e83624;
brown: #814e21;

Credits
Photos: www.istockphoto.com
back to top icon: http://www.grafixport.org/*/

/***** GENERAL STYLES *****/
.l {float:left;}
.r {float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}
.w20pc {width: 20%}

h1 {margin:0 0 10px 0; padding: 5px 8px; color:#fff; font-size:1.2em;}
h2 {margin:15px 0 5px 0; color: #bb1a8a; font-size:1.2em;}
h3 {margin:15px 0 5px 0; color:#006C86; font-size:1.1em; }
h4 {margin:10px 0 5px 0; color:#6fa141; font-size:1.0em; }
p {margin:10px 0 11px 0; line-height: 1.6em; font-size: 1.0em; }
p.backToTop {padding: 0 20px 0 0 ; text-align: right; background:url(../img/icons/arrow3.gif) no-repeat center right}
p.readMore {text-align: right; font-weight: bold;}
p.readMore a {display: block; color:#e83624}

a {	color: #3d489e; }
a:hover {text-decoration:none;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:848px; margin:0 auto; font-size: 0.75em; text-align: left;}

/*.................................................. HEADER ................................................*/
#header { padding: 0 4px 0 0; width:844px; background: url(../img/bg/clouds.png) no-repeat top right; float:left; clear: both}
#header h1 {margin: 0px; padding: 0px; display:inline; float:left;}
#bcrumb {margin: 74px 0 8px 0; font-size: 0.85em; float:right; font-weight: bold; color: #fff; background: #ddf2fe; border: 1px solid #bde3fc; }
#bcrumb p {margin: 0px; padding: 3px 5px; color: #51778e; text-transform:lowercase}
#bcrumb a {color: #bb1a8a}

/*.................................... MAIN NAVIGATION ................................................*/
#menuWrap {background: url(../img/bg/menu.jpg) no-repeat 4px 40px; height: 262px; float:left; clear:both; width: 100%; }/*look at editing this for inside pages*/
#main.wide #menuWrap {height: 257px;}
#mainmenu { background: url(../img/bg/mainmenu-new.gif) top left #51778f; width: 100%; clear:both; float:left;}
#mainmenu ul {padding: 0 0 0 8px; float: left; width: 840px; text-align:center;}
#mainmenu ul li {display: inline; float:left}
#mainmenu ul li a {padding-left: 1.5em; padding-top: 13px; padding-bottom: 13px;  font-weight: bold; color:#fff; text-decoration: none; display: block; background: url(../img/bg/mainmenu-new2.gif) no-repeat;}
#mainmenu ul li a:hover, #mainmenu ul li.on a {color:#ed2224}
#mainmenu li#m01 a {  padding-right: 1.6em; background-position: 0 0px}
#mainmenu li#m01 a:hover, #mainmenu li.on#m01 a {background-position: 0 -40px}
#mainmenu li#m02 a {padding-right: 1.1em; background-position: -75px 0px}
#mainmenu li#m02 a:hover, #mainmenu li.on#m02 a {background-position: -75px -40px}
#mainmenu li#m03 a {padding-right: 0.75em; background-position: -160px 0px}
#mainmenu li#m03 a:hover, #mainmenu li.on#m03 a {background-position: -162px -40px}
#mainmenu li#m04 a {padding-right: 0.85em; background-position: -266px 0px}
#mainmenu li#m04 a:hover, #mainmenu li.on#m04 a {background-position: -266px -40px}
#mainmenu li#m05 a {padding-right: 1.1em; background-position: -380px 0px}
#mainmenu li#m05 a:hover, #mainmenu li.on#m05 a {background-position: -380px -40px}
#mainmenu li#m06 a {padding-right: 1.1em; background-position: -493px 0px}
#mainmenu li#m06 a:hover, #mainmenu li.on#m06 a {background-position: -520px -40px}
#mainmenu li#m07 a {padding-right: 1.1em;background-position: -600px 0px}
#mainmenu li#m07 a:hover, #mainmenu li.on#m07 a {background-position: -630px -40px}
#mainmenu li#m08 a {padding-right: 1.2em; background-position: -748px 0px}
#mainmenu li#m08 a:hover, #mainmenu li.on#m08 a {background-position: -737px -40px}
#mainmenu ul li a:focus { outline: none}

/*........................ MAIN this wraps the left and right columns........................*/
#main {padding: 0 0 0 4px; float:left; width: 840px;}
img.mainImage {margin: 0 0 4px 0; display: block}

/*.................................................. LEFTCOL ...............................................*/
#leftCol {float:left;  width: 200px ; }
#leftCol h1 {margin-bottom: 0px; color: #51778e}
#leftCol p {margin: 0 8px;}
#leftCol ul.address {margin: 10px 8px}
#leftCol ul.address li {margin: 0 0 5px 0;}

/*........ SECONDARY NAVIGATION ................................................*/
#leftCol ul#sideMenu {float: left;  width: 100%}
#leftCol ul#sideMenu li { display:inline; float: left; width: 100% ; }
#leftCol ul#sideMenu li a {padding: 5px 5px 5px 22px; text-decoration: none; display: block; font-weight: bold;  color: #5b889d; outline: none; }
#leftCol ul#sideMenu li.sub, ul#sideMenu li.subOn {font-size: 0.9em; }
#leftCol ul#sideMenu li.sub a {padding-left: 32px; background: url(../img/icons/square.gif) no-repeat 22px -185px}
#leftCol ul#sideMenu li.subOn a, #leftCol ul#sideMenu li.sub a:hover {padding-left: 32px; background: url(../img/icons/square.gif) no-repeat 22px -85px; color: #bb1a8a; display:block;}
#leftCol ul#sideMenu li.subOn ul {float: left; width: 100%;  }
#leftCol ul#sideMenu li.subOn li {display: inline; width: 100%}
#leftCol ul#sideMenu li.subOn ul li a {padding-left: 32px; color:#8a8684; background: url(../img/icons/square.gif) no-repeat 22px 10px; color: #8a8684; display:block;}
#leftCol ul#sideMenu li.subOn ul li a:hover {color: #f3642c}
#leftCol ul#sideMenu li.subOn li#sub2On a {color: #f3642c}
#leftCol ul#sideMenu li.currentSection a {background:url(../img/icons/cross-purple.gif) no-repeat 0 4px; color: #bd1b8c}

/*......... RIGHTCOL HOME ...............................................*/
#rightCol {padding: 0 0 0 8px; float: left; width: 628px;}
#main.wide #rightCol {padding: 0 0 0 4px; width: 832px; }

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {float: right; width:274px; }
#content #thirdCol {margin: 0 0 10px 10px; background: #eaeaea; width: 200px; }
#thirdCol ul.downloads {background: url(../img/icons/pdf.gif) no-repeat }
#thirdCol ul.downloads li {margin-bottom: 3px; padding-left: 50px; background: none; line-height:1.3em}
#thirdCol ul.downloads li a {text-decoration: none; color: #bb1a8a}
#thirdCol ul.downloads li a:hover {color: #3d489e}
#thirdCol ul.downloads li.details {font-size: 0.9em}

/*.................................................. CONTENT ...............................................*/
#content {float: left; width: 100%}
#main.wide #content {width: 550px}
#content p.note {font-size: 0.9em;}
#content p.contactUs {padding: 8px; background: #eaeaea; font-weight: bold; }
#content h1 {background: #e83624}
#content img.r {margin: 0 0 10px 10px;}
#content img.border {border: 3px solid #e1e4e7}
#content p.adobe {padding: 8px; float: right; width: 200px; background: #fbf8d6; border: 1px dotted #ffea00}
#content p.print {padding: 0 0 0 20px; background: url(../img/icons/print.gif) no-repeat }
/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}

#content ul {margin: 0 6px 10px 6px; float:left;}
#content ul li {padding: 0 0 0 12px; line-height: 2.0em; background: url(../img/icons/arrow.gif) no-repeat 0 7px}
#content img.alignLeft {margin: 0 10px 10px 0; float:left;}
#content img.alignRight {margin: 0 0 10px 10px; float:right;}
#map {margin: 10px 0; width: 618px; height: 380px; border: 5px solid #eaeaea;}
li.map a {padding: 3px 0 3px 20px; background: url(../img/icons/map.gif) no-repeat center left; display:block}
div.l {float:left; width: 40%; }
/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }

#main.dogs h1 {background: #814e21}
.photoPuppies {margin-right: 100px; float: right; }
.photoMature {margin-right: 30px; float: left; }
.matureList {margin: 0px 0 20px 0; float: left; width: 350px;}
.matureList ul {float: left; width: 40%; }
#main.cats h1 {background: #535353}
#main.services h1 {background: #439dc0}
#main.small h1 {background: #0ab356}

/*DOG PAGES*/
.dogFood {text-align: center}
.dogFood img {margin: 10px;}
.columnOne, .columnTwo {float: left; width: 50%; }
#content .columnOne ul, #content .columnTwo ul {float: none; margin-left: 0px; width: 70%}
.columnOne h3, .columnTwo h3 {margin-top: 10px; }

/*************************** FORMS ***************************************/
fieldset {border: 0px}
form.inputform input {padding: 2px 3px; font-size: 1.0em;}
form.inputform select {padding: 2px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 3px; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.inputform tr.action td {text-align: center;}
input.submit {background: red; }
form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 2px 3px; }
.mand {color: red;}
/*Styling Error Messages*/
p#errMsg {background: red; }

/*.................................................. FOOTER ...............................................*/
#footer {padding: 15px 11px 15px 16px; margin: 0 0 10px 0; width: 817px; float:left; clear:both; background: url(../img/bg/footer.gif) 4px 0 no-repeat }
#footer ul {margin: 5px 0;clear: both; float: left; width: 100%}
#footer ul li {display: inline; float:left}
#footer ul li span {margin: 0 5px; color: #5e7f92; font-weight: bold; }
#footer ul a {color: #172c38; }
#footer a {font-weight: bold; text-decoration:none; }
#footer p {margin: 0px; line-height:1.0em ; color: #45616d}
#footer p#address {padding: 3px 0px; float: left;}
#footer p#address2 {padding: 3px 0px; float: left;}
#footer p#credits {text-align: right;}
#footer p#credits a {color: #a1bbc6; }
#footer a:hover, #footer li.on a, #footer p#credits a:hover {color: #e83624;}