@charset "utf-8";
/* CSS Document */

h2 { font-size: 2.2em; line-height: 1.1em; margin: 25px 0 10px 0;}
h3 { font-size: 2em; line-height: 1em; margin: 25px 0 10px 0;}
h4 { font-size: 1.5em; line-height: 1em; margin: 15px 0 5px 0;}
h5 { font-size: 1.2em; line-height: 1em; margin: 15px 0 5px 0;}

/********** GRAPHIC TITLES ***********/
#flashcontent {width:363px; height: 89px; position:absolute; left: 0px; top: -5px;}
h1.hoylogo { width:363px; height: 89px; float: left; text-indent: -500000px; padding:0; margin: 0; background:url(../img/h1_hoylogo.gif) no-repeat 0 70%;}
h2.explore { width:390px; height: 25px; text-indent: -500000px; padding:0; margin: 0; background:url(../img/h2_explore.gif) no-repeat left bottom;}
h2.directory { width:88px; height: 20px; text-indent: -500000px; padding: 0 0 7px 0; margin: 10px 0 0 10px; background:url(../img/h2_directory.gif) no-repeat left top;}
h2.themes { width:72px; height: 16px; text-indent: -500000px; padding: 0 0 7px 0; margin: 10px 0 0 10px; background:url(../img/h2_themes.gif) no-repeat left top;}
h2.about { width:250px; height: 16px; text-indent: -500000px; padding: 0 0 7px 0; margin: 10px 0 0 10px; background:url(../img/abouthoy_title.gif) no-repeat left top;}
h2.trails { width:72px; height: 16px; text-indent: -500000px; padding: 0 0 4px 0; margin: 10px 0 0 10px; background:url(../img/h2_trails.gif) no-repeat left top;}
h2.joinin { width:72px; height: 16px; text-indent: -500000px; padding: 0 0 4px 0; margin: 10px 0 0 10px; background:url(../img/h2_joinin.gif) no-repeat left top;}
h2.searchresults { width:136px; height: 16px; text-indent: -500000px; padding: 0 0 7px 0; margin: 10px 0 0 10px; background:url(../img/h2_searchresults.gif) no-repeat left top;}
h3.pickof {width:152px; height: 23px; text-indent: -500000px; padding:0; margin: 0 0 10px 0; background:url(../img/h3_pickof.gif) no-repeat left top;}
h3.search {width:42px; height: 12px; float: left; text-indent: -500000px; padding:0; margin: 7px 3px 0 0; background:url(../img/h3_search.gif) no-repeat left top;}
/*h3.relateditems {width:110px; height: 15px; text-indent: -500000px; padding:0; margin: 0 0 10px 10px; background:url(../img/h3_relateditems.gif) no-repeat left top;}*/
h3.themeitems {width:187px; height: 54px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; background:url(../img/h3_themeitems.gif) no-repeat left top;}
h3.peoplesitems {width:116px; height: 19px; text-indent: -500000px; padding:0; margin: 20px 0 10px 10px; background:url(../img/h3_peoplesitems.gif) no-repeat left top;}
h3.peoplesthemes {width:187px; height: 54px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; background:url(../img/h3_peoplesthemes-top.gif) no-repeat left top;}
h3.peoplestrails {width:116px; height: 19px; text-indent: -500000px; padding:0; margin: 20px 0 10px 10px; background:url(../img/h3_peoplestrails.gif) no-repeat left top;}
h3.peoplestrails-top {width:187px; height: 54px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; background:url(../img/h3_peoplestrails-top.gif) no-repeat left top;}
h3.relatedthemes { width:187px; height: 54px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; background:url(../img/h3_relatedthemes.gif) no-repeat left top;}
h3.relateditems { width:187px; height: 54px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; background:url(../img/h3_relateditems-top.gif) no-repeat left top;}
h4.highlights {width:75px; height: 16px; text-indent: -500000px; padding:0; margin: 10px 0 0 0; background:url(../img/h4_highlights.gif) no-repeat left top;}
h4.sugtheme {width:126px; height: 16px; text-indent: -500000px; padding:0; margin: 10px 0 0 0; background:url(../img/h4_sugtheme.gif) no-repeat left top;}
h4.sugitem {width:113px; height: 13px; text-indent: -500000px; padding:0; margin: 10px 0 0 0; background:url(../img/h4_sugitem.gif) no-repeat left top;}
h4.detailitems { width:104px; height: 13px; text-indent: -500000px; padding:0; margin: 20px 0 0 10px; background:url(../img/h4_detailitems.gif) no-repeat left top;}
h2.partners { width:79px; height: 16px; text-indent: -500000px; padding: 0 0 7px 0; margin: 10px 0 0 10px; background:url(../img/h2_partnersblue.gif) no-repeat left top;}
h2.partnertitle { width:127px; height: 20px; text-indent: -500000px; padding: 0 0 7px 0; margin: 10px 0 0 10px; background:url(../img/h2_partners.gif) no-repeat left top;}
h4.sugtheme {width:126px; height: 16px; text-indent: -500000px; padding:0; margin: 10px 0 0 0; background:url(../img/h4_sugtheme.gif) no-repeat left top;}
h4.sugitem {width:113px; height: 13px; text-indent: -500000px; padding:0; margin: 10px 0 0 0; background:url(../img/h4_sugitem.gif) no-repeat left top;}
h4.detailitems { width:104px; height: 13px; text-indent: -500000px; padding:0; margin: 20px 0 0 10px; background:url(../img/h4_detailitems.gif) no-repeat left top;}
h3.suggesttheme { width:141px; height: 19px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; background:url(../img/h3_suggesttheme.gif) no-repeat left top;}
h3.submitanitem { width:126px; height: 15px; text-indent: -500000px; padding: 0 0 7px 0; margin: 0; float:left; background:url(../img/h3_submitanitem.gif) no-repeat left top;}
h2.needhelp { width:325px; height: 16px; text-indent: -500000px; padding: 0; margin: 20px 0 7px 0; background:url(../img/h2_needhelp.gif) no-repeat left top;}
h4.resources { width: 72px; height: 13px; text-indent: -500000px; padding:0; margin: 20px 0 5px 0px !important; background:url(../img/h4_resources.gif) no-repeat left top;}
div#resources{clear:both;}
/********** Content page titles ***********/
#periodtitle { width: 500px; padding: 0 0 0 48px; margin: 0 0 5px 0;}
#periodtitle p { color:#1082ef; padding: 0; margin: 0;}
#periodtitle p a { font-size: 1em;}
#periodtitle h2 { margin: 3px 0 5px 0; padding: 0 0 10px 0;}

.prehistory { background: url(../img/bg_title_prehist.gif) no-repeat 0px 4px;}
.roman { background: url(../img/bg_title_roman.gif) no-repeat 0px 4px;}
.anglo-saxon { background: url(../img/bg_title_saxon.gif) no-repeat 0px 4px;}
.viking { background: url(../img/bg_title_viking.gif) no-repeat 0px 4px;}
.medieval { background: url(../img/bg_title_medieval.gif) no-repeat 0px 4px;}
.norman { background: url(../img/bg_title_norman.gif) no-repeat 0px 4px;}
.tudor-stuart { background: url(../img/bg_title_tudor.gif) no-repeat 0px 4px;}
.georgian { background: url(../img/bg_title_geo.gif) no-repeat 0px 4px;}
.victorian { background: url(../img/bg_title_victorian.gif) no-repeat 0px 4px;}
.th-century { background: url(../img/bg_title_thcentury.gif) no-repeat 0px 4px;}