.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 background:  #F4F9F9 url(../images/bg_page.jpg);
 background-repeat: repeat-x;
 color: #333;
}

h1 {
 font-weight: normal;
}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #003d3b;}

h1 {font-size: 1.5em; margin-top: 0;}
h2 {font-size: 1.2em; margin-bottom: 2px;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

a, #copy a  {color: #005F5C;}
a:hover, #copy a:hover {color: #003d3b;}

#copy ul { 
margin: 0 0 0 16px; 
padding: 0; 
} 
#copy li{ 
padding-left: 5px; 
} 
.dgreen {color: #003d3b;}
.mgreen {color: #005f5c;}
.lgreen {color: #cbd8d6;}

.small {font-size: 0.85em;}

/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 960px; padding: 0; margin: 0 auto; border-left: 1px solid #cbd8d6; border-right: 1px solid #cbd8d6; font-size: 0.8em;}
#logo {float: left; width: 960px; height: 156px; background-image: url(../images/dunedin-vets-logo.gif);}
#headInfo {float: right; width: 300px; margin-top: 20px; font-size: 0.85em;}
#emergencyInfo {width: 300px;}
#emergencyInfo h2 {color: #cc0000; margin-bottom: 0;}
#emergencyInfo p {margin-top: 0;}
#newPuppy {width: 280px; height: 52px; padding: 5px; background-image: url(../images/bg-newpuppy.jpg); background-repeat: no-repeat;}
#newPuppy h2 {color: #fff; margin-bottom: 0; margin-top: 0;}
#newPuppy p {margin-top: 0;}
#newPuppy a {display: block; width: 290px; height: 62px; text-decoration: none; color: #fff}
#newPuppy a:hover {color: #003d3b;}

#navBar {float: left; width: 960px; height: 29px; background-image: url(../images/bg_navbar.gif); background-repeat: no-repeat; border-bottom: 1px solid #fff;}
#main {width: 960px; background: #fff;}
#mainSub {width: 960px; background: #fff; background-image: url(../images/bg_subpage.gif);}
#mainSubWide {width: 960px; background: #fff; background-image: url(../images/bg_subpageWide.gif);}
#copy {float: left; width: 430px; padding: 15px 25px;}
#subNav {float: left; width: 190px; padding: 25px; font-size: 0.85em; color: #666;}
#copyWide {float: left; width: 670px; padding: 15px 25px;}
#footer {float: left; text-align: right; display: inline; width: 910px; padding: 8px 25px; color: #E5EFEE; background: #005F5C; font-size: 0.85em; border-top: 1px solid #fff;}
#footer a {color: #E5EFEE; text-decoration: none;}
#social {float: left; text-align: left; width: 150px;}



/************************************/
/* Page-specific Layout Definitions */
/************************************/

#hpIntro {float: left; width: 430px; padding: 15px 25px;}
#hpFlash {float: right; width: 480px; height: 195px;}
#hpBlock {float: left; width: 910px; padding: 25px; font-size: 0.85em; color: #fff; background-image: url(../images/bg_homepanel.jpg); background-color: #005f5c; background-repeat: no-repeat; border-top: 1px solid #fff;}
#hpBlock a {color: #fff;}
#hpBlock a:hover {color: #cbd8d6;}
#hpVets {float: left; width: 480px;}
img.vetPics {float: left; margin: 20px 0;}
.hpCol {float: left; width: 210px; margin-right: 20px; display: inline;}
#hpBlock h2 {color: #cbd8d6; font-size: 1.4em; margin-bottom: 4px;}
.hpCol h3 {color: #cbd8d6; font-size: 1.1em; margin: 4px 0;}
#hpBlock p {margin-top: 0;}
#hpNews {float: left; width: 210px; margin-right: 20px; display: inline;}
#hpNews a.headline {color: #fff; text-decoration: none; font-weight: bold;}
#hpNews a.headline:hover {color: #cbd8d6; text-decoration: underline; font-weight: bold;}
#hpNews a {color: #fff;}
#hpNews a:hover {color: #cbd8d6;}
.newsText {color: #cbd8d6;}

#sidePanels {float: left; width: 197px;}
#registerPanel {width: 197px; height: 178px; background-image: url(../images/bg_registerpanel.jpg); background-repeat: no-repeat; margin-bottom: 20px;}
#repeatPanel {width: 197px; height: 177px; background-image: url(../images/bg_repeatpanel.jpg); background-repeat: no-repeat; margin-bottom: 20px;}

#sidePanels h3 {height: 17px; margin: 0; padding: 8px; font-size: 1.4em;}
#sidePanels .panelLink {padding-top: 112px;}
#sidePanels a {display: block; padding: 8px; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #003d3b;}
#sidePanels a:hover {color: #003d3b; text-decoration: underline;}

#sidePanelsSub {float: left; width: 197px; padding: 20px 0 0 20px;}
#sidePanelsSub .panelLink {padding-top: 112px;}
#sidePanelsSub h3 {height: 17px; margin: 0; padding: 8px; font-size: 1.2em;}
#sidePanelsSub a {display: block; padding: 8px; font-size: 0.9em; font-weight: bold; text-decoration: none; color: #003d3b;}
#sidePanelsSub a:hover {text-decoration: underline;}

.newsItem {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; margin-top: 10px;}
a.readMore {font-size: 0.85em; color: #666;}



.puppykitten {margin-left: 4px;}

/**************************/
/* Navigation Definitions */
/**************************/

ul#topNav  {
 float: left;
 list-style: none;
 padding: 6px 25px;
 margin: 0;
} 
ul#topNav li {
 float: left;
 margin: 0 20px 0 0;
}
ul#topNav li a {
 text-decoration: none;
 color: #fff;
}
ul#topNav li a:hover {
 color: #CBD8D6;
}
ul#topNav .on {font-weight: bold; color: #FCD822;}

/* 2nd & 3rd level nav */
#subNav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 color: #666;
} 
#subNav ul li {
 padding: 2px 0;
}
#subNav ul li a {
 text-decoration: none;
 color: #333;
}
#subNav ul li a:hover {
 color: #666;
}
#subNav ul li.on {color: #003d3b; font-weight: bold;}

#subNav ul li.on a {font-weight: bold; color: #003d3b;}
#subNav ul li.on ul li a {font-weight: normal; color: #666;}
#subNav ul li.on ul li.on a {font-weight: normal; color: #003d3b;}

/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}

.searchBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchBoxSub {width: 190px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchButton {color: #333; font-weight: bold; background: #fff; border: 0; font-size: 0.85em;}
.membersBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.98em;}

.emailField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}
.emailButton {color: #fff; font-weight: bold; background: #4B8738; border: 0; font-size: 0.8em;}
.membersButton {color: #fff; font-weight: bold; background: #ACB428; border: 0; margin: 4px 0;}

.loginField {
 width: 100px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}

.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}

label {width: 120px;}

.memberLoginLabel {
 display: block;
 padding-top: 2px;
}

.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 background: #eee;
 padding: 3px;
 color: #333;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 200px;
 padding-top: 2px;
}
.fmField {
 width: 200px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldLrg {
 width: 300px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 300px;
 height: 100px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}

.fmButton {
 background: #003d3b;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}





/* Admin styles */
#adminSiteName {float: left; width: 610px; height: 50px; padding: 20px;}
#adminPage {float: left; width: 900px; padding: 10px 20px 20px 20px; background: #fff;}
#adminLogo {float: right; width: 269px; padding: 20px 0;}
#adminLogout {float: right;}
#adminNav {float: left; width: 970px; padding: 10px 20px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;}
#adminNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
#adminNav ul li {
 float: left;
 margin-right: 25px;
 font-weight: bold;
}
#adminNav ul li a {text-decoration: none;}
#adminNav ul li a:hover {text-decoration: underline;}
#adminMain {float: left; padding: 20px 20px 50px 20px;}

#adminSideNav {float: left; width: 203px; background: #efefef;}
#adminSideNav h2 {font-weight: normal; border-bottom: 1px solid #efefef; background: #666; font-size: 0.85em; color: #fff; padding: 3px;}
#adminSpecial {padding: 5px;}
#adminSpecial a {display: block; padding: 2px 0;}

#adminList {float: right;}

#adminFooter {float: left; width: 970px; padding: 10px 20px; color: #999; font-size: 0.8em; border-top: 1px dashed #ccc;}
#adminFooter a {color: #999;}
.nuggetsLogo {margin-bottom: -3px;}

.section {padding: 10px; border:1px solid #8CC63E; margin-bottom: 20px;}
.section h2 {margin-top: 0;}

table#pageList td {border-bottom: 1px solid #efefef; padding: 3px 0;}
table#pageList td.tableHead {border-bottom: 1px solid #efefef; background: #666; font-size: 0.85em; color: #fff; padding: 3px;}


.adminLabel {
 width: 190px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
}
.adminInputLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 500px;
}
.adminInputSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 100px;
}
.adminInputXSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 20px;
}
.adminTextbox {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 60px;
}
.adminTextboxLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 200px;
}
.memberPanel {width: 200px;}


/* Sitemap - indent tree styles */

div.indent{
margin-left:0px;
}
div.indent1{
margin-left:10px;
}
div.indent2{
margin-left:20px;
}
div.indent3{
margin-left:30px;
}
div.indent4{
margin-left:40px;
}