body { margin:0; padding:0; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 15px;color: #000000; background: #fff url(../images/hhms-bg.jpg) repeat-x center top; line-height:1.3em; word-spacing:0.1em; }

p { margin-top: 0; margin-bottom: 14px; font-size: 15px; }

table td { vertical-align: top; border: none;}

img { display: inline; border: 0; vertical-align: middle; }
a img { vertical-align: middle; }

a { color: #005028; text-decoration: none; }
a:hover { color: #005028; text-decoration: underline; }
#headerWrap { width: 970px; margin: 0 auto; height: 267px; text-align: left; background: url(../images/hhms-header.jpg) repeat-x center top;}
#logo { z-index: 1000; float:left; width: 178px; height: 210px;}
#parentCornerWrap {  width: 168px; height: 36px; float: right;}
a.parentCornerLogin { display: block;text-indent:-9999px; background: url(../images/parentcorner-login.jpg) no-repeat;width: 168px; height: 36px;}
a.parentCornerLogin:hover { display: block;text-indent:-9999px; background: url(../images/parentcorner-login-over.jpg) no-repeat; width: 168px; height: 36px;}

strong { font-weight: bold; }


#mainWrap { width: 970px; height: 100%; margin: 0 auto;text-align:center; }

#menuWrap { width: 970px; height: 45px; background: url(../images/hhms-menubg.jpg); margin-left: auto; margin-right: auto; text-align: left; z-index:2000;} 

#sddm1{	margin: 0;padding: 0;z-index: 999; height: 45px; width: 970px; margin-left: 28px; }

.ourSchool { width: 138px;} 
.programs { width: 138px;} 
.admissions { width: 138px;} 
.montessori { width: 138px;} 
.photoGallery { width: 138px;} 
.testimonials { width: 138px;} 
.contactUs { width: 138px;}
#sddm1 li{margin: 0;padding: 0;list-style: none;float: left; font-size: 14px; margin-top: 4px;  }
#sddm1 li a{display: block; margin: 0 1px 0 0;padding: 4px; color: #fff ; font-size: 15px; font-weight: bold;text-align: left;padding: 10px 0 0 0; text-decoration: none;}
#sddm1 li a:hover{color: #f6d300; }
#sddm1 div { font-size: 12px;position: absolute;visibility: hidden;margin: 12px 0 0 -5px;padding: 0; background-color: #005b2e; width: 168px;}
#sddm1 div a
{position: relative;display: block;margin: 0;padding: 6px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #005b2e;color: #fff; border-bottom: 1px solid #006c37; text-transform: none; font-size: 12px;}
#sddm1 div a.last{border: none; padding-bottom: 6px;}
#sddm1 div a:hover {background: #007e40;color: #fff; font-size: 12px;}

#indexTop { width: 970px; height: 333px; background: #fffdc8 url(../images/home-contentbg-top.jpg) no-repeat;}
#indexTopLeft { width: 558px; float: left; padding: 41px 6px 6px 22px; text-align: left; }
#indexTopRight { width: 384px; float: right; }
#indexBottom { width: 970px; height: 345px; background: #fffdc8 url(../images/home-contentbg-bottom.jpg) no-repeat;}
#indexBottomLeft { width: 558px; float: left; padding: 18px 6px 6px 22px; text-align: left;}
#indexBottomRight { width: 384px; float: right; text-align:left;}

.videoWrap { float: right; }
.hhmsVideoLink { margin-top: 6px;}
.hhmsVideoLink a { background:url(../images/videoLink.gif) no-repeat 100% 50%; font-weight: bold; padding-right: 20px;}

.sidePhoto-home { background: url(../images/hhms-sidePhoto-home.jpg) no-repeat; z-index:3000; width: 332px; display: block;text-indent:-9999px;  width: 405px; height: 332px; }
.sidePhoto-montessori { z-index:3000; display: block;  width: 405px; height: 331px; margin-top: 1px; }


h2 {color:#005028; font-size: 24px; margin: 0 0 20px; line-height:1.3em; word-spacing:0.1em; }
h3 {color:#005028; font-size: 17px; margin: 6px 0 6px 0; line-height:1.3em; word-spacing:0.1em; }
.pubNotes { color: #707155; font-size: 12px;}
hr { background-color:#fffdc8; border:#aaa779 1px dashed; border-style: none none dashed; color:#fffdc8; margin:12px 0 12px 0;}

.indexQuote {margin: 75px 0 0 18px; width: 330px;height: 206px;text-align: left; line-height:1.4em; }
.indexQuoteName { color: #005028; font-weight: bold; font-style:italic; font-size: 16px; padding-top: 4px;}
.indexMoreTestimonials { margin: 3px 0 0 18px; height: 20px; width: 330px; text-align:right; }
.indexMoreTestimonials a { background: url(../images/linkArrow.gif) no-repeat 100% 50%; padding-right: 10px;}



#footerWrap { width: 970px;  height: 172px; background: url(../images/home-footerbg.jpg) no-repeat;}
#footerMenu  { padding: 0;margin-left: auto; margin-right: auto;text-align: center; }
#footerMenu ul {margin: 0;padding: 0;text-align: center;list-style: none;padding-top: 12px;}
#footerMenu ul li {margin: 0;padding: 10px;list-style: none;display:inline;}
#footerMenu ul li a {margin: 0 5px 0 5px;padding: 0;font-weight: normal;font-size: 14px;text-decoration: none; color: #fff;}
#footerMenu ul li a:hover {font-size: 14px; text-decoration: underline;color: #fff;}
#footerWrap hr { width: 930px; height: 1px; border: 0px none; color: #2b7b4f; background: #2b7b4f;margin: 12px 0px 6px 20px; }
#footerAddress { font-size: 13px; color: #fff; margin-top: 20px; margin-bottom: 10px;}
#footerAddress a { color: #fff; }
#footerCopyright { font-size: 11px; color: #fff; margin-top: 20px; margin-bottom: 10px; padding-bottom: 25px;}






#contentWrap { width: 970px; text-align: left; } 
.clear { clear: both; margin: 0; padding: 0; width: auto; }

#rightMenu ul { margin: 0 0 0 12px; padding: 0; font-size: 13px; width: 350px;}
#rightMenu li {list-style: none; background: url(../images/bullet2.gif) no-repeat left center; padding: 6px 10px 6px 12px; margin: 0; border-bottom: 1px dashed #cdc9c7; }
#rightMenu li a { margin-bottom: 4px; color: #005028; font-size: 16px;}
#rightMenu li a:hover { margin-bottom: 4px; color: #005028; text-decoration: underline;}
#rightMenu li a.rightMenuOn  { margin-bottom: 4px; color: #000; }
#rightMenu li a.rightMenuOn:hover { margin-bottom: 4px; color: #000; text-decoration: underline;}


#rightPdf { margin-top: 12px;  width: 350px; }
#rightPdf div { margin-bottom: 9px; border-top: 1px dashed #cdc9c7; padding: 6px 10px 6px 12px; } 
#rightPdf div a { background: url(../images/pdf_sm.jpg) no-repeat left center; padding-left: 20px;}
#rightPdf div a:hover { background: url(../images/pdf_sm.jpg) no-repeat left center; padding-left: 20px; }


/* table settings for gallery section */
.galleryLinks { width: 560px;  font-size: 13px; }
.gallery-left {  float: left; margin: 0; padding: 0; width: 33%; vertical-align: middle; }
.gallery-middle {  float: left; margin: 0; padding: 0; width: 33%;  vertical-align: middle; text-align:center;}
.gallery-right { float: right; margin: 0; padding: 0; width: 33%;  vertical-align: middle; text-align:right;}
.photoBox2 { background: #eae2d0; padding: 3px; width: 250px; text-align:center; }

/* Gallery Large View */
.galleryPhotoWrap { margin: 6px 0 6px 0; width: 560px; height: auto; text-align:center; border: 1px solid #E1E0B8; background: #fff;padding-top:8px;padding-bottom: 8px;}
.photoCaptionWrap { font-size: 13px; margin: 103px 0 12px 12px; line-height:1.6em;  background: url(../images/hhms-sidePhoto-gallery.jpg) no-repeat top left; width: 339px; height: 271px;}
.photoCaptionWrap p{ padding: 46px 20px 20px 20px; }

#photoThumbsWrap { width: 560px; margin: 0; text-align:center;}
#photoThumbsWrap ul { text-align: center; margin: 0; padding: 0 !important; }
#photoThumbsWrap li { list-style: none; display: inline; text-align: left; float: left; width: 65px; margin: 0px 5px 5px 0px;}
.last { margin: 0px 0px 30px 0px;}
.photoThumbBG { width: 65px; height: auto; background: #fff; text-align: center; border: 1px solid #E1E0B8;}
.photoThumbBG-on { width: 65px; height: auto; background: #efece9; text-align: center; border: 1px solid #005028; }
.photoThumb { width: 65px; }
.photoThumbCaption { margin-top: 6px; margin-bottom: 6px;} 

#photoThumbsWrap img { display: inline; border: 0; vertical-align: top; }

/* form elements */

form { width: 544px;}

div.fieldGroupWrap { width: 544px; background: #eeeeca;margin-bottom: 8px;padding: 15px 0px 15px 15px;border: 1px solid #d5d4b0;}
div.fieldWrap { padding: 10px 0px 10px 10px;}
label {display: block;padding:3px 0 0 0;width: 140px;float: left;vertical-align: text-bottom;font-weight: bold; font-size: 15px;}
.formError { color: #CC0000; margin-left: 140px; }
input,textarea {width: 300px;border: 1px solid #d5d4b0;color: #000;height: 20px;padding: 5px 5px 0 5px;font-family: "Times New Roman", Times, serif;background: #fff; font-size: 15px;}
textarea { height: 125px; font-family: "Times New Roman", Times, serif;background: #fff; font-size: 15px;}
form strong { color: #005028; font-weight: bold;}

.submitButton {border: 0px none;padding: 0; width: auto; height: auto;}

.contactUsAddress { margin-left: 30px;}

.errorHeader { color: #fff; padding: 6px 0 6px 0; text-align: center; font-size: 16px;width: 100%;background: #c90000;margin-bottom: 6px;border-bottom: 1px solid #9b0000; font-weight: bold;}
.error {color:#CC0000; }

.saved { color: #fff; padding: 6px 0 6px 0; text-align: center; font-size: 16px;width: 100%;background: #00a644;margin-bottom: 6px;border-bottom: 1px solid #006d36; font-weight: bold;}