html, body, div, header, footer, aside, nav, article, section { margin: 0; padding: 0; }
header, footer, aside, nav, article, section { display: block; }
body { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px;
background-image: url('../images/cleverpawsback.png'); background-repeat: repeat-y; background-color: #e8deba; }
h2 { color: #333; }
a { color: #337810; }
p { margin: 0 0 18px; }
#container { width: 860px; margin: 0 auto;}
#logo { width:100px; height:100px; border-right: 5px solid #e8deba; }
#banner { position:relative; left:100px; top: -100px; height: 100px; }
/* Header */
header { margin-left: 72px; background: #6b173b; height: 100px; width: 715px;}
header h1 { color: #e8deba; margin: 0 0 3px; padding: 24px 50px 0px 100px; }
header p { font-family: Corsiva, "Lucida Handwriting", script; color: #e8deba; font-size: 20px; font-weight: bold;
padding: 16px 18px 0px 200px; }
#subpageheader { text-align: center; }
/* Content Style */
nav { border-bottom: 1px solid #ccc; margin-right: 18px; }
nav img { padding: 0px; margin-bottom: 3px; border:1px solid #;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#extra { margin-left: 24px; margin-top: -40px;}
#extra small { font-size: 11px; line-height: 18px; }
#extra .dotm-name { color: #6b173b; font-weight: bold; }
#content { margin-left: 24px; margin-top: 10px; }
#content p, #extra p { padding-right: 18px; text-align: justify;}
/* Content Positioning and Size */
nav { float: right; width: 175px; }
#wrapper { margin-top: 30px; }
#menu { width: 800px; margin-left: 20px auto; }
#spp01 { margin-left: 25px; margin-right: 34px; padding-bottom: 30px;}
#spp01 .emphasise { font-weight: bold; color: #6b173b; }
#spp01 p { font-size: 14px; text-align: justify; }
#spp01 img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#spp01 .spp01a { float: right; font-size:18px; margin-right: 140px; color: #6b173b }
#wrapper .spp01_sct { margin-bottom: 20px; background-color: #FAF2DC; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #6b173b; }
#wrapper .spp01_sct p { color: black; font-size: 16px; margin-bottom: 0px; }
#wrapper .spp01_sct img { z-index:100; float:left; margin-left: 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp01_sct .heading { background-color: #FAF2DC; margin-left: 150px; margin-right: 32px; padding: 4px 0px 4px; }
#wrapper .spp01_sct .headingtitle { font-size:26px; color: #6b173b; font-weight: bold; padding-left: 4px;}
#wrapper .spp01_sct .headingtitle a { font-size:18px;}
#wrapper .spp01_sct .head#emailaddressingwording { position: relative; font-size: 18px; margin-left: 10px; }
#wrapper .spp01_sct .content { margin-left: 150px; margin-top: 4px; }
#wrapper .spp01_sct .spp01_sct_content { height: 25px; color: black; font-size: 16px; margin-bottom: 0px; padding-top: 4px; padding-left: 30px; }
#wrapper .spp01_sct .spp01_sct_content_bull { background-image:url('../images/pawprint3t.png'); background-size:25px 25px; width: 25px; height: 25px; float: left; margin-top: 0px; }
#wrapper .preface { font-size: 24px; color: #6b173b; }
#wrapper .prefacelinks { font-size: 18px; color: #6b173b; }
#wrapper .prefacelinkssub { font-size: 14px; color: #6b173b; }
#spp02 { font-size: 14px; text-align: justify; margin: 0px 34px 0px 26px; }
#spp02 img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp02_sct { margin: 0px 0px 20px 0px; background-color: #FAF2DC; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #6b173b; }
#wrapper .spp02_sct img { z-index:100; float:left; margin: 0px 0px 0px 26px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp02_sct .infoblock { margin: 0px 0px 30px 175px; }
#wrapper .spp02_sct .headingtitle { font-size: 24px; color: #6b173b; }
#wrapper .spp02_sct .spp02_sct_content_bull { }
#wrapper .spp02_sct .spp02_sct_content { font-size: 14px; text-align: justify; margin: 0px 34px 0px 0px; }
#wrapper .spp02_contact { font-size: 20px; color: #6b173b; margin: 0px 44px 40px 36px; text-align: center; line-height:110%; }
#wrapper .spp03_01 .theimage { width: 175px; float:right; margin-left: 10px; margin-right: 34px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp03_01 .notes { text-align: justify; margin: 0px 33px 10px 25px; font-size: 14px; color: black; }
#wrapper .spp03_01 .individual { text-align: justify; line-height: 130%; font-size: 16px; color: #6b173b; width: 170px; float: right; margin-left: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #6b173b; padding: 6px; background-color: #FAF2DC; }
#wrapper .spp03_02 { margin: 20px 33px 0px 25px; }
#wrapper .spp03_02 .heading { font-size: 18px; color: #6b173b; margin: 30px 0px 15px 0px;}
#wrapper .spp03_02 .information { font-size: 14px; color: black; }
#wrapper .spp03_03 .coursesummary { float: left; margin: 15px 0px 20px 25px; border: 2px solid #6b173b; padding: 6px; background-color: #FAF2DC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp03_03 .coursesummary .heading { text-align: center; font-size: 18px; color: #6b173b; margin: 0px 0px 10px; }
#wrapper .spp03_03 .coursesummary .list { float: left; font-size: 18px; color: black; }
#wrapper .spp03_03 .coursesummary .list img { margin-right: 10px; }
#wrapper .spp03_03 .innoculations { float: right; text-align: justify; font-size: 16px; color: #6b173b; width: 200px; margin: 30px 34px; border: 2px solid #6b173b; padding: 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #FAF2DC; }
#wrapper .spp03_03 .pic1 { float: right; margin: 0px 34px; }
#wrapper .spp03_03 .pic1 img { width: 215px; height: 469px; z-index: -1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp03_03 .pic2 { float: left; margin: 0px 0px 30px 25px; }
#wrapper .spp03_03 .pic2 img { width: 550px; height: 242px; z-index: -1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp04_01 .arow { height: 180px; border: 2px solid #6b173b; padding: 8px 0px 8px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px; background-color: #FAF2DC; }
#wrapper .spp04_01 .leftimage { float: left; margin-left: 25px; width: 160px;}
#wrapper .spp04_01 .leftimage img { width: 140px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp04_01 .rightimage { float: right; margin: 0px 14px 0px 20px; width: 160px; }
#wrapper .spp04_01 .rightimage img { width: 140px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#wrapper .spp04_01 .lefttext { font-size: 14px; color: black; margin: 0px 0px 0px 60px; padding-top: 30px; text-align: justify;}
#wrapper .spp04_01 .lefttext .textheader { font-size: 18px; color: #6b173b; }
#wrapper .spp04_01 .righttext { font-size: 14px; color: black; margin: 0px 69px 0px 0px; padding-top: 30px; text-align: justify; }
#wrapper .spp04_01 .righttext .textheader { font-size: 18px; color: #6b173b; }
#wrapper .contactus { float: left; margin: 0px 25px 20px 25px; font-size: 18px; color: #6b173b; text-align: center; }
#wrapper .contactus .emailaddress { color: blue; }
#wrappercontactus { text-align: center;}
#wrappercontactus .janedetails { color: #6b173b; font-size: 14px; background-color: #FAF2DC; margin: 40px 0px 0px 206px; width: 450px; text-align:left; border: 2px solid #6b173b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#wrappercontactus .janedetails .heading { font-weight: bold; font-size: 14px; color: #6b173b; }
#wrappercontactus .janedetails .janename { font-weight: bold; color: #6b173b; }
#wrappergallery h2 { text-align: center; margin: 30px 0 20px 0; }
#wrappergallery .prose { text-align: center; font-weight: bold; color: #6b173b; margin: 0px 0px 40px 0px; }
#content { position:relative; float: left; width: 640px; top: -30px}
#content .leftdiv { width: 230px; float:left; margin-top: 20px;}
#content .leftdiv p { margin-bottom: 30px;}
#content .leftdiv img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#content .rightdiv { width: 410px; float:right;}
#content .bottomdiv { width: 610px; float:left; margin: 10px 0 5px 0; padding: 10px 10px 0 10px; border: 2px solid #6b173b;
-moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888; background-color: #e8deba;
color: #6b173b; font-size: 16px;}
#extra { float: left; width: 640px; height: 160px;}
#extra .leftdiv { width: 310px; float:left; margin-top:20px; margin-bottom: 20px; border-right: 2px dashed #6b173b;}
#extra .rightdiv { width: 310px; float:right; margin-top:20px; }
#extra .dotm { width: 310px; float:left; }
#extra .dotmheader { font-size: 18px; color: #6b173b; margin: 20px 0px 5px 0px; }
#extra .dotm img { width: 150px; float:left; margin-top: 3px; margin-right: 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;
position: relative; float: right; margin-left: 10px; }
#extra .fulldiv { width: 640px; float:left; margin-top: 20px;}
#extra .fulldiv p { margin-bottom: 30px;}
#extra .fulldiv img { width: 150px; float:left; margin-top: 3px; margin-right: 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;
position: relative; float: right; margin-left: 10px; }
#wrapperjoinus { margin: 60px 70px 30px 61px; }
#wrapperjoinus .prose { font-size: 14px; text-align: justify; }
#wrapperjoinus .prose .heading { font-weight: bold; font-size: 14px; color: #6b173b; }
#wrapperjoinus .doclink { font-size: 18px; text-align: center; margin: 0px 0px 30px; }
#wrapperjoinus .themap { text-align: center; }
#wrapperjoinus .coursetitle { font-weight: bold; }
#feeds { width: 290px; height: 265px; border: solid 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:4px; overflow: hidden; margin-right: 10px;}
#feeds .feeditem { width: 290px; font-size: 14px; border-bottom: #6b173b dashed 1px; padding-top: 3px; padding-bottom: 3px;}
#feeds .feeditem .feeditemname { color: #6b173b; font-weight: bold; }
#feeds .feeditem img { width: 50px; -webkit-border-radius: 10px; -moz-border-radius: 5px; border-radius: 5px;
float: left; margin-right: 5px; margin-top: 3px;}
#feeds .thedate { font-weight: bold; }
footer { background: #6b173b; border-bottom: 2px solid #aaa; clear: left; width: 800px; margin-left: 20px auto; align-items: center; }
footer a { color: #e8deba; text-align: center;}
footer ul { list-style: none; margin: 0 0px 0px; padding:0px 0px 3px; }
footer li { display: inline; font-size: 11px; font-weight: bold; }
footer .copyright { color: #e8deba; margin: 0; padding: 0px 0px 0px; text-align: center;}