body {margin-left:0;margin-right:0;margin-bottom:0;margin-top:20px;padding:0; font-family:Verdana,sans-serif; font-size: 11px;background-color:#ffffff; color: #000000;}

.div {padding:0;margin:0;}

.outer {margin-top:0;margin-left: auto; margin-right: auto; width: 658px; }
.logo {z-index:2; width: 658px;height: 176px;background-image: url('images/eye.gif'); background-position: left center; background-repeat: no-repeat;border: 1px solid #8080C0; margin: 0;padding:0}
.logo-right {z-index:1;width: 656px;height: 176px; background-image: url('images/he_mck1.jpg'); background-position: right center; background-repeat: no-repeat}
.logo-text {z-index:3;width: 420px; color: #8080c0; margin-left: 130px; margin-right: auto;margin-top: 60px;font-size: 11px; font-weight: normal; background-color: inherit;}
.logo-text h3 {color: #8080c0; font-size: 16pt; font-weight: bold;margin-top:0;margin-bottom:0;background-color: inherit;}
.logo-text h4 {color: #8080c0; font-size: 12px; font-weight: normal;margin-top:0;margin-bottom:0;background-color: inherit;}

.middle {width: 658px; border-top: 1px solid #8080C0;border-left: 1px solid #8080C0; border-right: 1px solid #8080C0; border-bottom: 1px solid #8080FF;color: #8080C0;background-color: inherit;margin:0;padding:0;}

.middle-left {width: 420px; float: left; font-weight: bold; font-size: 12px;text-align: center;padding:0;margin:0; }
.top-menu {width: auto;height: 30px; margin-left: auto; margin-right: auto; }
.top-menu-item {width: auto; display: block;float: left; border-right: 1px solid #8080C0;  padding-left: 5px; padding-right: 5px; height: 30px;margin-top:10px;padding-top: 15px;margin-bottom: 5px;}
.top-menu-item a  {color: #8080C0;text-decoration: none;background-color: inherit;}

.middle-right {width: 230px; float: right; border-left: 1px solid #8080C0;padding:0;margin:0;}

.address {width: 210px;  margin-left: 20px; margin-right: auto;font-size: 11px;font-family: verdana,sans-serif; padding-top: 10px;padding-bottom: 15px;}

.top-menu-2 {width:100%; height: 19px;background-color: #8080FF;color: inherit; padding-top: 0;margin-bottom:0;padding-bottom:0;
						text-align: center;font-size:11px;font-weight:bold;}

.yellow {color: #FFFF00;background-color: inherit;}
.yellow a {color: #FFFF00;background-color: inherit;}

.black  {color: #000000;background-color: inherit; }
.black a {color: #000000;background-color: inherit; }

.px30 {padding-right: 15px;padding-left: 15px;}
.px24 {padding-right: 12px;padding-left: 12px;}
.px16 {padding-right: 8px;padding-left: 8px;}


.main {width: 658px; border-left: 1px solid #8080C0; border-right: 1px solid #8080C0; border-top: 1px solid #8080FF;border-bottom: 1px solid #8080FF;color: #000000;background-color: inherit;margin:0;}

.main-left {width: 420px; float: left; font-weight: normal; }
.main-left p {margin-left: 10px; margin-right: 10px; margin-top: 8px; margin-bottom: 8px;text-align: justify;}

.main-left h1 {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 8px;  font-size: 14px;font-weight: 
	bold;color: #8080CB;background-color: inherit;}

.main-right {width: 235px; float: right; border-left: 1px solid #8080C0; border-bottom: 1px solid #8080C0; }


.main-inner {width:616px;border-bottom: 1px solid #8080FF;margin-left:auto; margin-right:auto;} 

.main-inner h1 {/*margin-left: 20px; margin-right: 20px;  */
				margin-left:0;margin-right:0;
				margin-top: 10px; margin-bottom: 8px;  font-size: 14px;font-weight: bold;color: #8080CB;background-color: inherit;}

.main-inner h2 {/*margin-left: 20px; margin-right: 20px; */
 				margin-top: 10px; margin-bottom: 8px;  font-size: 1em;font-weight: bold; color: #000080; background-color: inherit;}

.main-inner h3 {/*margin-left: 20px; margin-right: 20px; */
				margin-top: 10px; margin-bottom:10px;text-align: justify;padding-bottom: 10px;font-weight: normal;font-size:1em; }
.main-inner h4 {/*margin-left: 20px; margin-right: 20px; */
				margin-top: 10px; margin-bottom:0;text-align: justify;padding-bottom: 0;font-size:1em; color:#000080;background-color: inherit;
				font-style: italic;font-weight: bold; }

.main-inner p {/*margin-left: 20px; margin-right: 20px; */
				margin-top: 10px; margin-bottom:10px;text-align: justify;padding-bottom: 10px;margin-left:0;margin-right:0; }

.main-inner ul {margin: 10px; }
.main-inner li {margin: 10px;}

.main-inner i {font-style: italic; color:#000080; background-color: inherit;}
.main-inner b {color:#000080; background-color: inherit;font-weight: bold;}


.more_info a {font-weight: normal; font-size: 1em; color: #000097; background-color: inherit;text-decoration: none;}


.contact-info {margin-left: 10px; margin-right: 10px;}

.email {font-weight: bold; margin-top: 10px; margin-bottom:10px;}

.bottom {width:658px; height: 20px;background-color: #8080FF;border-bottom: 1px solid #8080C0;border-right: 1px solid #8080C0;border-left: 1px solid #8080C0;
		text-align: center;font-size:11px;font-weight:bold;color: inherit;}
.home-bottom {width:658px; height: 20px;background-color: #8080FF;border-bottom: 1px solid #ffffff;border-right: 1px solid #8080C0;border-left: 1px solid #8080C0;
		text-align: center;font-size:11px;font-weight:bold;color: inherit;}


.clear {width: 100%;
    clear: both;
    display: block;
   height: 1px;font-size:1px; 
    overflow: hidden;
    margin: 0;
    padding: 0;
	} 

.box {margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;width:213px; border: 1px solid #8080C0;}
.box h4 {color: #8080FF; font-size: 12px; font-weight: bold;margin-top:0;margin-bottom:0;margin-left: 5px;background-color: inherit;}
.box p {text-align: right; }

/* background images for the homepage rigth side boxes */
.lion {background-image: url('images/lion.jpg'); background-repeat: no-repeat; background-position: left bottom; height: auto}
.stop_smoking {background-image: url('images/stop-smoking.jpg');  background-repeat: no-repeat; background-position: left bottom; height: auto}
.lose_weight {background-image: url('images/lose-weight.jpg');  background-repeat: no-repeat; background-position: left bottom; height: auto}
.phobias {background-image: url('images/phobia.jpg');  background-repeat: no-repeat; background-position: left bottom; height: auto}


.credits {text-align: center;margin-top: 2px;}
.copyright {color: #8080C0; background-color: inherit; font-size: 10px; font-weight: normal;}
.copyright a {color: #8080C0; background-color: inherit;text-decoration: none; }

.highlight {color: #800080;background-color: inherit;}
.herts24 {float: left; width: 140px;padding-left: 10px;padding-top: 20px;}
.learn {float: left;text-align: center; width: 100px; font-weight: bold;padding-top: 10px;}
.learn a {color: #000097;background-color: inherit;font-weight: bold;}
.iah { float: right; width:120px;padding-right: 10px; padding-left: 10px; }
.email {font-weight: bold; margin-top: 10px; margin-bottom:10px;}
.email a {color: #000000;background-color: inherit; text-decoration: none;}

.email2 {font-weight: normal; margin-top: 10px; margin-bottom:10px;}
.email2 a {color: #000000;background-color: inherit; text-decoration: none;}

.special-link a {font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.red {color:#FF0000;background-color: inherit;}
.more {font-weight: bold; font-size: 12px; color: #000097; background-color: inherit;}



.fact {background-color: #C0C0C0; color: #ffffff; width: 616px; margin-left: auto; margin-right: auto;height:80px; margin-bottom: 10px;}
.fact h2 { font-size: 12px; font-weight: bold; padding-top:0px; margin-left: 180px;margin-right: 20px;margin-bottom: 0; color: #ffffff; background-color: inherit;}
.fact p {margin-left: 180px; margin-right: 20px;margin-bottom: 10px;}

/* background images for the grey fact boxes */
.yellow-flowers {background-image: url('images/yellow-flowers.jpg');background-repeat: no-repeat; background-position: left center}
.blue-sky {background-image: url('images/blue-sky.jpg');background-repeat: no-repeat; background-position: left center}
.runway {background-image: url('images/runway.jpg');background-repeat: no-repeat; background-position: left center}
.woolf {background-image: url('images/woolf.jpg');background-repeat: no-repeat; background-position: left center}
.no-smoking {background-image: url('images/no-smoking.jpg');background-repeat: no-repeat; background-position: left center}
.wise-chihuahua {background-image: url('images/wise-chihuahua.jpg');background-repeat: no-repeat; background-position: left center}



.listing {width: 280px;float: left;}
.listing ul {margin: 10px; }
.listing li {margin: 10px;}  

.dragon { width: 90px; margin-left: 300px;padding-top: 170px;padding-left:0;}
.img {padding:0;margin:0;}  


.kid-fact {background-color: #C0C0C0; color: #ffffff; width: 200px; float: right; margin-top: 180px;  margin-bottom: 10px;}
.kid-fact h2 { font-size: 12px; font-weight: bold; padding-top:0px; margin-left: 20px;margin-right: 20px;margin-bottom: 0; color: #ffffff; background-color: inherit;}
.kid-fact p {margin-left: 20px; margin-right: 20px;margin-bottom: 10px;}

.image_in_left {
 float: left; /* positionning of the drop cap line within the container*/
 margin: 0px;
 padding-left: 5px; padding-top: 10px;  padding-right: 20px; 
   }

.indent {padding-left: 20px; padding-right: 20px;}

.plain { width: 100%;}
.plain a {color: #000000;background-color: inherit;text-decoration:none;}

/* used on the contact page */
.left {float:left; width: 50%;}
.right {float:right; width: 40%;}