/* General Image Replacement statements */

.replace { 
position:relative;
overflow:hidden;
margin:0;
padding:0;
font-size:1.2em; /* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}

.replace em {
display:block;
position:absolute;
top:0; 
/* left:0; */
z-index:1; /* for Opera5 (?) and Opera6/Mac */
}

/* General IR statements for IE5.x mac only */

* html>body	.replace { 
position:static;
overflow:visible;
font-size:10px; /* Since overflow: hidden doesn't work with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}

* html>body	.replace em  { 
position:static;
}

* html>body	.replace a {
text-decoration:none; /* IE5.0-5.1.x/Mac must have this value or the underline shows through the image. */
}


/* Specific IR statements */

#header h1, #header h1 em {
width:590px;
height:30px;
background:url(/images/title.jpg) top left no-repeat;
}

* html>body #header h1 em { /* for IE5.x/Mac only */
margin-bottom:-30px; /* Required to bring text underneath image. Negative height of the image */
}

h1#pagetitle, h1#pagetitle em {
width:570px;
height:40px;
background:#0e69ad;
color:#fff;
margin:0 0 10px 0px;
line-height:40px;
padding:0 6px;
font-family: "TarzanaWideBold";
text-transform:capitalize;
font-size:36px;
}
body.kids h1#pagetitle, body.kids h1#pagetitle em {background:#fab731;}
body.res h1#pagetitle, body.res h1#pagetitle em {background:#ea422d;}
body.pro h1#pagetitle, body.pro h1#pagetitle em {background:#8e2d89;}

/*body.kids h1#pagetitle, body.kids h1#pagetitle em {background:url(/images/pagetitlekids.png) top left no-repeat;}
body.res h1#pagetitle, body.res h1#pagetitle em {background:url(/images/pagetitleres.png) top left no-repeat;}
body.pro h1#pagetitle, body.pro h1#pagetitle em {background:url(/images/pagetitlepro.png) top left no-repeat;}
body.hhw h1#pagetitle, body.hhw h1#pagetitle em {background:url(/images/pagetitlehhw.png) top left no-repeat;}
body.downloads h1#pagetitle, body.downloads h1#pagetitle em {background:url(/images/pagetitledownloads.png) top left no-repeat;}
body.about h1#pagetitle, body.about h1#pagetitle em {background:url(/images/pagetitleabout.png) top left no-repeat;}
body.faq h1#pagetitle, body.faq h1#pagetitle em {background:url(/images/pagetitlefaq.png) top left no-repeat;}
body.media h1#pagetitle, body.media h1#pagetitle em {background:url(/images/pagetitlemedia.png) top left no-repeat;}
body.sitemap h1#pagetitle, body.sitemap h1#pagetitle em {background:url(/images/pagetitlesitemap.png) top left no-repeat;}
body.contact h1#pagetitle, body.contact h1#pagetitle em {background:url(/images/pagetitlecontact.png) top left no-repeat;}
body.phaseii h1#pagetitle, body.phaseii h1#pagetitle em {background:url(/images/pagetitlephaseii.png) top left no-repeat;}
body.swim h1#pagetitle, body.swim h1#pagetitle em {background:url(/images/pagetitleswim.png) top left no-repeat;}
body.news h1#pagetitle, body.news h1#pagetitle em {background:url(/images/pagetitlenews.png) top left no-repeat;}
body.community h1#pagetitle, body.community h1#pagetitle em {background:url(/images/pagetitlecommunity.png) top left no-repeat;}
body.searchresults h1#pagetitle, body.searchresults h1#pagetitle em {background:url(/images/pagetitlesearchresults.png) top left no-repeat;}
body.thankyou h1#pagetitle, body.thankyou h1#pagetitle em {background:url(/images/pagetitlethankyou.png) top left no-repeat;}*/


* html>body h1#pagetitle, * html>body h1#pagetitle em { /* for IE5.x/Mac only */
margin-bottom:-46px;
}

#featured h3, #featured h3 em {
width:187px;
height:24px;
background:url(/images/usefultitle.png) top left no-repeat;
}

body.tertiary #featured h3, body.tertiary #featured h3 em {
margin-right:0;
}

body.swim #featured h3 {
margin-left:9px;
}

* html>body #featured h3, * html>body #featured h3 em { /* for IE5.x/Mac only */
margin-bottom:-24px;
}

#boxhkids, #boxhkids em, #boxhres, #boxhres em, #boxhpro, #boxhpro em {
width:197px;
height:40px;
}
#boxhpro, #boxhpro em {width:198px;}

#boxhkids, #boxhkids em {background:url(/images/boxhkids.png) top left no-repeat;}
#boxhres, #boxhres em {background:url(/images/boxhres.png) top left no-repeat;}
#boxhpro, #boxhpro em {background:url(/images/boxhpro.png) top left no-repeat;}

* html>body #boxhkids, * html>body #boxhkids em,
* html>body #boxhres, * html>body #boxhres em,
* html>body #boxhpro, * html>body #boxhpro em { /* for IE5.x/Mac only */
margin-bottom:-39px;
}

#guide h3, #guide h3 em, #news h3, #news h3 em, #events h3, #events h3 em, #swim h3, #swim h3 em, #programs h3, #programs h3 em, body.hhw h3.guide, body.hhw h3.guide em, body.hhw h3.upcoming, body.hhw h3.upcoming em, body.hhw h3.useful, body.hhw h3.useful em {
width:200px;
height:24px;
}

body.hhw #guide h3.guide, body.hhw #guide h3.guide em {background:url(/images/usefultitle.png) top left no-repeat;}
body.hhw #featured h3.upcoming, body.hhw #featured h3.upcoming em {background:url(/images/upcomingtitle.png) top left no-repeat;}
body.hhw #featured h3.useful, body.hhw #featured h3.useful em {background:url(/images/usefultitle.png) top left no-repeat;}
#news h3, #news h3 em {background:url(/images/newstitle.png) top left no-repeat;}
body.kids #news h3, body.kids #news h3 em {background:url(/images/kidsnewstitle.png) top left no-repeat;}
body.res #news h3, body.res #news h3 em {background:url(/images/kidsnewstitle.png) top left no-repeat;}
body.pro #news h3, body.pro #news h3 em {background:url(/images/kidsnewstitle.png) top left no-repeat;}
body.kids #events h3, body.kids #events h3 em {background:url(/images/kidseventstitle.png) top left no-repeat;}
body.res #events h3, body.res #events h3 em {background:url(/images/kidseventstitle.png) top left no-repeat;}
body.pro #events h3, body.pro #events h3 em {background:url(/images/kidseventstitle.png) top left no-repeat;}
body.kids #swim h3, body.kids #swim h3 em {background:url(/images/kidsswimtitle.png) top left no-repeat;}
#programs h3, #programs h3 em {background:url(/images/programstitle.png) top left no-repeat;}

* html>body #guide h3, * html>body #guide h3 em,
* html>body #news h3, * html>body #news h3 em,
* html>body #events h3, * html>body #events h3 em,
* html>body #swim h3, * html>body #swim h3 em,
* html>body #programs h3, * html>body #programs h3 em, h3.guide, h3.guide em, h3.upcoming, h3.upcoming em, h3.useful, h3.useful em { /* for IE5.x/Mac only */
margin-bottom:-24px;
}

#school h3, #school h3 em, #scouts h3, #scouts h3 em, #waste h3, #waste h3 em {
width:278px;
height:24px;
}

#school h3, #school h3 em {background:url(/images/secsectionschoolbg.png) top left no-repeat;}
#scouts h3, #scouts h3 em {background:url(/images/secsectionscoutsbg.png) top left no-repeat;}
#waste h3, #waste h3 em {background:url(/images/secsectionwastebg.png) top left no-repeat;}

* html>body #school h3, * html>body #school h3 em,
* html>body #scouts h3, * html>body #scouts h3 em,
* html>body #waste h3, * html>body #waste h3 em { /* for IE5.x/Mac only */
margin-bottom:-24px;
}

body.pro #main .vendor h3, body.pro #main .vendor h3 em, body.pro #main .docs h3, body.pro #main .docs h3 em {
width:279px;
height:25px;
margin:0 0 10px 0;
}

body.pro #main .vendor h3, body.pro #main .vendor h3 em  {background:url(/images/res_strome_head.png) top left no-repeat;}
body.pro #main .docs h3, body.pro #main .docs h3 em  {background:url(/images/prof_healp_head.png) top left no-repeat;}

* html>body.pro #main .vendor h3, * html>body.pro #main .vendor h3 em,
* html>body.pro #main .docs h3, * html>body.pro #main .docs h3 em { /* for IE5.x/Mac only */
margin-bottom:-29px;
}


/* Horizontal Nav */

ul#hnavtwo li.navphaseii, ul#hnavtwo li.navphaseii em {
width:77px;
height:30px;
background:url(/images/navphaseii.png) top left no-repeat;
}

* html>body ul#hnavtwo li.navphaseii, * html>body ul#hnavtwo li.navphaseii em { /* for IE5.x/Mac only */
margin-bottom:-30px;
}

ul#hnavtwo li.navswim, ul#hnavtwo li.navswim em {
width:55px;
height:30px;
background:url(/images/navswim.png) top left no-repeat;
}

* html>body ul#hnavtwo li.navswim, * html>body ul#hnavtwo li.navswim em { /* for IE5.x/Mac only */
margin-bottom:-30px;
}

ul#hnavtwo li.navhhw, ul#hnavtwo li.navhhw em {
width:50px;
height:30px;
background:url(/images/navhhw.png) top left no-repeat;
}

* html>body ul#hnavtwo li.navhhw, * html>body ul#hnavtwo li.navhhw em { /* for IE5.x/Mac only */
margin-bottom:-30px;
}

ul#hnavtwo li.navoutreach, ul#hnavtwo li.navoutreach em {
width:138px;
height:30px;
background:url(/images/navoutreach.png) top left no-repeat;
}

* html>body ul#hnavtwo li.navoutereach, * html>body ul#hnavtwo li.navoutreach em { /* for IE5.x/Mac only */
margin-bottom:-30px;
}

h3#hilightlink, h3#hilightlink em {
width:199px;
height:24px;
margin-top:-2px;
background:url(/images/hilightlink.png) top left no-repeat;
}

* html>body h3#hilightlink, * html>body h3#hilightlink em { /* for IE5.x/Mac only */
margin-bottom:-24px;
}

body.hhw .harris h3, body.hhw .harris h3 em, body.hhw .cityhouston h3, body.hhw .cityhouston h3 em {
width:250px;
height:25px;
}

body.hhw .harris h3, body.hhw .harris h3 em {background:url(/images/hcountytitle.png) top left no-repeat;}
body.hhw .cityhouston h3, body.hhw .cityhouston h3 em {background:url(/images/cityhoustontitle.png) top left no-repeat;}

* html>body.hhw .harris h3, * html>body.hhw .harris h3 em,
* html>body.hhw .cityhouston h3, * html>body.hhw .cityhouston h3 em { /* for IE5.x/Mac only */
margin-bottom:-22px;
}

body.hhw h3#fourrtitle, body.hhw h3#fourrtitle em {
width:525px;
height:25px;
background:url(/images/fourrtitle.png) top left no-repeat;
border-bottom:0;
}

* html>body.hhw h3#fourrtitle, * html>body.hhw h3#fourrtitle em { /* for IE5.x/Mac only */
margin-bottom:-22px;
}


body.downloads h3#downloadgeneral, body.downloads h3#downloadgeneral em,
body.downloads h3#downloadpro, body.downloads h3#downloadpro em,
body.downloads h3#downloadorder, body.downloads h3#downloadorder em {
width:547px;
height:20px;
}

body.downloads h3#downloadgeneral, body.downloads h3#downloadgeneral em {background:url(/images/downloadgeneral.png) top left no-repeat;}
body.downloads h3#downloadpro, body.downloads h3#downloadpro em {background:url(/images/downloadpro.png) top left no-repeat;}
body.downloads h3#downloadorder, body.downloads h3#downloadorder em {background:url(/images/downloadorder.png) top left no-repeat;}

* html>body.downloads h3#downloadgeneral, * html>body.downloads h3#downloadgeneral em,
* html>body.downloads h3#downloadpro, * html>body.downloads h3#downloadpro em,
* html>body.downloads h3#downloadorder, * html>body.downloads h3#downloadorder em { /* for IE5.x/Mac only */
margin-bottom:-20px;
}

body.community h3#scouts, body.community h3#scouts em,
body.community h3#gallery, body.community h3#gallery em {
width:280px;
height:25px;
}

body.community h3#scouts, body.community h3#scouts em {background:url(/images/communityscouts.png) top left no-repeat;}
body.community h3#gallery, body.community h3#gallery em {background:url(/images/communitygallery.png) top left no-repeat;}

* html>body.community h3#scouts, * html>body.community h3#scouts em,
* html>body.community h3#gallery, * html>body.community h3#gallery em { /* for IE5.x/Mac only */
margin-bottom:26px;
}

body.community h3#partnerships, body.community h3#partnerships em {
width:582px;
height:21px;
padding-right:0;
margin-right:0;
background:url(/images/communitypartnerships.png) top left no-repeat;
}

* html>body.community h3#partnerships, * html>body.community h3#partnerships { /* for IE5.x/Mac only */
margin-bottom:21px;
}

body.community #hhw h3, body.community #hhw h3 em,
body.community #swim h3, body.community #swim h3 em {
width:200px;
height:24px;
}

body.community #hhw h3, body.community #hhw h3 em {background:url(/images/hhw.png) top left no-repeat;}
body.community #swim h3, body.community #swim h3 em {background:url(/images/swim.png) top left no-repeat;}

* html>body.community #hhw h3, * html>body.community #hhw h3 em,
* html>body.community #swim h3, * html>body.community #swim h3 em { /* for IE5.x/Mac only */
margin-bottom:23px;
}

body.community #events h3, body.community #events h3 em {
width:200px;
height:25px;
background:url(/images/events.png) top left no-repeat;
}

* html>body.community #events h3, * html>body.community #events h3 em { /* for IE5.x/Mac only */
margin-bottom:24px;
}
#pagetitle em { display:none;}