/* Copyright 2009 Health Promotion Specialists */

* { margin: 0; padding: 0; }
.home { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #eeeeee url(../img/bg_main.jpg) top repeat-x; margin: 0; padding: 0; text-align: center; color: #000000; }
.sub { font: 100% Verdana, Arial, Helvetica, sans-serif; background:url(../img/bg_sub.jpg) top repeat-x; margin: 0; padding: 0; text-align: center; color: #000000; }

#container { width: 960px; margin: 0 auto; text-align: left; } 

#header { background: none; height:170px; } 

h1.logo a:hover{background-position: bottom left;}
h1.logo a{ display: block; width: 121px; height: 147px; margin:10px 0 0 80px; background:url(../img/logo.jpg) no-repeat; text-indent:-9999px; font-size: 0px; float:left; }

#nav { width:654px; padding:17px 10px 0 0; margin:120px 20px 0 0; float:right; height: 31px; background:url(../img/temp_nav_bg.jpg) bottom no-repeat; text-align:right; }
#nav a { font: 16px 'Myriad Pro', Helvetica, Arial, sans-serif; color:#006699; text-decoration:none; padding: 0 17px 0 17px;  }
#nav a:hover { color:#333333; }
#nav a:active { color:#FF6633; }

#CCCnavContainer { padding: 0 0 0 0; text-align: center; float:right; width:660px; }
#topnav { text-align:right; padding: 0 20px 101px 0; }
#topnav a { font:11px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; padding:0 5px 0 5px; font-weight:normal; }
#topnav a:hover { text-decoration:none; color:#003366; font-weight:normal; }
#navCCC { margin: 0 auto; width:654px; padding: 0; list-style-type: none; background:none; }
#navCCC li { float: right; margin: 0; padding: 0; height: 48px; background-color: transparent; background-repeat: no-repeat; }
#navCCC li a { display: block; background-color: transparent; background-repeat: no-repeat; height: 48px; text-decoration: none; }
#navCCC li a:hover { text-decoration: none; background-image:url(../img/bg_nav.jpg) }
#navVirtual { width: 190px; background-position: -462px 0; background-image:url(../img/bg_nav.jpg) }
#navVirtual:hover, #navVirtualSel { width: 190px; background-position: -462px -48px ; background-image:url(../img/bg_nav.jpg) }
#navWedding { width: 148px; background-position: -314px 0; background-image:url(../img/bg_nav.jpg) }
#navWedding:hover, #navWeddingSel { width: 148px; background-position: -314px -48px ; background-image:url(../img/bg_nav.jpg) }
#navEvents { width: 91px; background-position: -223px 0; background-image:url(../img/bg_nav.jpg) }
#navEvents:hover, #navEventsSel { width: 91px; background-position: -223px -48px ; background-image:url(/HPS/img/bg_nav.jpg) }
#navDownload { width: 129px; background-position: -94px 0; background-image:url(../img/bg_nav.jpg) }
#navDownload:hover, #navDownloadSel { width: 129px; background-position: -94px -48px ; background-image:url(../img/bg_nav.jpg) }
#navCatering { width: 94px; background-position: 0 0; background-image:url(../img/bg_nav.jpg) }
#navCatering:hover, #navCateringSel { width: 94px; background-position: 0 -48px ; background-image:url(../img/bg_nav.jpg) }
.navText { visibility:hidden;}

#footer { width: 960px; height:12px; margin:0 auto; padding:0 0 60px 20px; background:none; font:11px Arial, Helvetica, sans-serif; color:#555555;}
#footer a { color:#222222; text-decoration:underline; }
#footer a:hover {color:#006699; text-decoration: none; }
#footer span { margin:0 0 0 390px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#home_middle { height:405px; width:960px; margin:0; }
#home_middle_left { margin: 0 340px 0 0; height:405px; background:url(../img/temp_homepic.jpg) top no-repeat; }
#home_middle_right { float:right; width:340px; height:405px; background:url(../img/temp_homepic2.jpg) no-repeat; font:13px Arial, Helvetica, sans-serif; color:#ffffff;  font-weight:normal; }
#link_home_right { padding:370px 0 0 180px; }
#home_middle_right a { font:13px 'Myriad Pro', Helvetica, Arial, sans-serif; font-weight:600; color:#ffffff; text-decoration:underline; }
#home_middle_right a:hover { color:#cccccc; text-decoration:none; }

#home_bottom { width:960px; height:330px; background:url(../img/bg_home_bottom.jpg) top no-repeat; margin:0; }
#home_bottom h1 { font:22px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #ffffff; padding: 18px 0 25px 20px; }
#home_bottom p { font:12px Arial, Helvetica, sans-serif; line-height:18px; color:#333333; padding: 10px 0 0 10px; }

#sidebar1home { float: left; width: 460px; }
#sidebar1home a { color:#003366; text-decoration:underline; font-weight:bold; }
#sidebar1home a:hover { color:#006699; text-decoration:none; font-weight:bold; }

#sidebar2home { float: right; width: 240px; }
#sidebar2home ul { list-style:none; margin:0; }
#sidebar2home ul li a { height:60px; display:block; text-decoration:none; background:none; margin:0; }
#sidebar2home ul li a:hover { height:60px; width:240px; display:block; text-decoration:none; background:url(../img/bg_home_bottom_hover.jpg) no-repeat top; margin:0; }
#sidebar2home ul li span { font: 18px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #CCFFFF; padding: 10px 0 0 15px; display:block; }
#sidebar2home ul li em { color:#ffffff; font: 11px Arial, Helvetica, sans-serif; padding: 0 0 0 15px; }

#mainContenthome { margin: 0 245px 0 482px; }
#mainContenthome a { font:12px Arial, Helvetica, sans-serif; color:#003366; text-decoration:underline; font-weight:bold; }
#mainContenthome a:hover { text-decoration:none; color:#006699; }

#success_home { float:left; margin:15px 10px 5px 5px; width:75px; height:61px; background:url(../img/amy_bane_home.jpg) no-repeat; border:2px solid #ffffff; }

/* Sub */

#top_about { background:url(../img/subpages/3kids.jpg) top no-repeat; width:964px; height:242px; }
#top2 { background:url(../img/subpages/kids_classroom.jpg) top no-repeat; width:964px; height:242px; }
#schools {background:url(../img/subpages/schools.jpg) top no-repeat; width:964px; height:242px; }
#parents {background:url(../img/subpages/parents.jpg) top no-repeat; width:964px; height:242px; }
#services {background:url(../img/subpages/services.jpg) top no-repeat; width:964px; height:242px; }
#professionals {background:url(../img/subpages/professionals.jpg) top no-repeat; width:964px; height:242px; }
#research {background:url(../img/subpages/research.jpg) top no-repeat; width:964px; height:242px; font-stretch:normal; }

#top_about_nav_right { background:none; float:right; width:200px; }
#top_about_nav_right h2 { font: 25px 'Myriad Pro', Helvetica, Arial, sans-serif; color:#006699; padding:206px 0 0 20px; }
#top_about_nav_left { margin: 0 215px 0 0; }
#top_about_nav_left h1 { color:#003366; height:65px; font: 25px 'Myriad Pro', Helvetica, Arial, sans-serif; padding:206px 0 0 240px; }

#bottom { width:960px; margin:0; }
#bottom h1 { font:22px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #ffffff; padding: 18px 0 25px 20px; }
#bottom p { font:12px Arial, Helvetica, sans-serif; line-height:20px; color:#333333; padding: 10px 0 0 10px; }

#sidebar1 { float: left; width: 223px; background:url(../img/bg_sidebar1.jpg) top repeat-x; height:450px; padding:20px 0 0 0; }
#sidebar1 ul { list-style:none; margin:0; }
#sidebar1 ul li a { padding:10px 5px 10px 15px; display:block; text-decoration:none; font:13px 'Myriad Pro', Helvetica, Arial, sans-serif; font-weight:600; color:#ffffff; }
#sidebar1 ul li a:hover { display:block; text-decoration:none; margin:0; color:#003366; background:#eeeeee; }

#sidebar2 { float: right; width: 190px; }
#sidebar2 ul { list-style:none; margin:0; }
#sidebar2 ul li a { padding:10px 5px 10px 5px; display:block; text-decoration:none; font:13px 'Myriad Pro', Helvetica, Arial, sans-serif; font-weight:600; background:#ffffff; color:#006699; border-bottom: 1px inset #dddddd; }
#sidebar2 ul li a:hover { display:block; text-decoration:none; margin:0; color:#003366; background:#eeeeee; :10px 0 10px 0; }

#mainContent { margin: 10px 210px 40px 235px; }
#mainContent h2 { font:20px 'Myriad Pro', Helvetica, Arial, sans-serif; color:#006699; padding:13px 0 0 5px; }
#mainContent h3 { font:15px 'Myriad Pro', Helvetica, Arial, sans-serif; font-weight:600; color:#006699; padding:13px 0 0 5px; }
#mainContent p { font:12px Arial, Helvetica, sans-serif; line-height:20px; color:#333333; padding: 5px 0 5px 5px; }
#mainContent ol li { font:12px Arial, Helvetica, sans-serif; line-height:20px; color:#333333; margin:7px 0 7px 30px; }
#mainContent ul { margin:5px 0 5px 40px; font:12px Arial, Helvetica, sans-serif; line-height:20px; color:#333333; }
#mainContent a { color:#006699; text-decoration:underline; }
#mainContent a:hover { color:#003366; text-decoration:none; }

.schools { list-style:square; font:12px Arial, Helvetica, sans-serif; line-height:20px; color:#333333; margin:8px 0 0 15px; }
.text { list-style:square; font:12px Arial, Helvetica, sans-serif; line-height:20px; color:#333333; margin:8px 0 0 45px; }

#small_right_picture { float:right; margin:20px 0 15px 20px; padding:0; border:#dddddd solid 3px; }
#small_left_picture { float:left; margin:20px 25px 10px 0; padding:0; border:#dddddd solid 3px; }

form { margin:10px 0 15px 40px; }
form br { line-height:0; }
input, textarea, select { background-color:#eeeeee; border:1px #cccccc solid; color:#444444; width:250px; height:22px; vertical-align: middle; margin-bottom:6px; padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
textarea {  height:51px;  overflow:auto; }
input.submit, input.submit-contact-main {  width:90px; height:30px;  cursor:pointer;  padding:0;  }
input.submit-contact-main { margin:0 auto; }