* {margin:0px; paddding:0px} .left {float:left} .right {float:right} .clear {clear:both} .border {border:1px solid red} .borderb {border:1px solid blue} /*positionings*/ body {background-image: url(../images/bgMainImage3.jpg); background-repeat: no-repeat; background-position:top center; text-align:center; height: 100%;} body > .middleContainer {margin: 0 auto; text-align: left; width:768px; min-height: 100%; height: auto !important; height: 100%;} html, body, .middleContainer {height: 100%;} .homeTop {background-image: url(../images/homeTop.jpg); background-repeat: no-repeat; width:1024px; height:133px} .mainTop {background-image: url(../images/bgHeader.gif); background-repeat: no-repeat; width:767px; height:133px} .containerWrap {margin: 0 auto; width:1024px; } .mainAreas {margin: 0 auto; border:1px solid red; width:768px; text-align:center;} .contentContainer {text-align:left;} .printContainer {clear:both; padding:7px 0 0 25px; height:33px} .storyContainer {float:left;} .storyContainer p {padding-left:1px;} .textPrinterContainer {width:550px; float:left} .textPrinterContainer-555 {width:555px; float:left} p {margin:0px; padding:0px; font-family:tahoma, Arial; font-size:0.70em; /*line-height:1.15em*/line-height:17px} ul {list-style-position: inside; margin:0; padding:0; margin-left:15px} li {margin:0px; padding:0px; font-family:tahoma, Arial; font-size:0.70em; line-height:17px} p a {color:#5EB6E4; font-family:tahoma, Arial; font-weight:bold; text-decoration:none} .bold {font-weight:bold} .boldblue {color:#5EB6E4; font-family:tahoma, Arial; font-weight:bold; font-size:0.75em} .lineHeight13 {line-height:13px} h2 {color:#000000; font-size:5px; height:39px; text-indent:-5000px; width:477px; padding:0; margin:0} #about h2 {background-image: url(../images/headerAboutus.gif); background-repeat: no-repeat; scroll 0 0; width:158px; height:39px;} #trustees h2 {background-image: url(../images/headerTrustees.gif); background-repeat: no-repeat; scroll 0 0; width:232px; height:39px } #story h2 {background-image: url(../images/headerStory.gif); background-repeat: no-repeat; scroll 0 0; width:276px; height:39px } #story-text h2 {background-image: url(../images/headerStory.gif); background-repeat: no-repeat; scroll 0 0; width:276px; height:39px } #how h2 {background-image: url(../images/headerHowToApply.gif); background-repeat: no-repeat; scroll 0 0; width:231px; height:39px } #contact h2 {background-image: url(../images/headerContactUs.gif); background-repeat: no-repeat; scroll 0 0; width:184px; height:39px } #priority h2 {background-image: url(../images/headerPriority.gif); background-repeat: no-repeat; scroll 0 0; width:199px; height:39px;} #young h2 {background-image: url(../images/headerTrustees.gif); background-repeat: no-repeat; scroll 0 0; width:232px; height:39px } #peter h2 {background-image: url(../images/headerTrustees.gif); background-repeat: no-repeat; scroll 0 0; width:232px; height:39px } #why h2 {background-image: url(../images/headerTrustees.gif); background-repeat: no-repeat; scroll 0 0; width:232px; height:39px } #paisner h2 {background-image: url(../images/headerTrustees.gif); background-repeat: no-repeat; scroll 0 0; width:232px; height:39px } #prince h2 {background-image: url(../images/headerPrinces.gif); background-repeat: no-repeat; scroll 0 0; width:151px; height:25px } #duke h2 {background-image: url(../images/headerDuke.gif); background-repeat: no-repeat; scroll 0 0; width:300px; height:25px } #connection h2 {background-image: url(../images/headerConnection.gif); background-repeat: no-repeat; scroll 0 0; width:409px; height:25px } #royalopera h2 {background-image: url(../images/headerRoyal.gif); background-repeat: no-repeat; scroll 0 0; width:210px; height:25px } #willow h2 {background-image: url(../images/headerWillow.gif); background-repeat: no-repeat; scroll 0 0; width:210px; height:25px } #challenge h2 {background-image: url(../images/headerChallenge.gif); background-repeat: no-repeat; scroll 0 0; width:158px; height:25px } #gosh h2 {background-image: url(../images/headerGreatOrmond.gif); background-repeat: no-repeat; scroll 0 0; width:325px; height:25px } #trinity h2 {background-image: url(../images/headerTrinity.gif); background-repeat: no-repeat; scroll 0 0; width:226px; height:25px } #caudwell h2 {background-image: url(../images/headerCaudwell.gif); background-repeat: no-repeat; scroll 0 0; width:201px; height:25px } #coram h2 {background-image: url(../images/headerCoram.gif); background-repeat: no-repeat; scroll 0 0; width:70px; height:25px } #national h2 {background-image: url(../images/headerNational.gif); background-repeat: no-repeat; scroll 0 0; width:333px; height:25px } #times h2 {background-image: url(../images/headerTimes.gif); background-repeat: no-repeat; scroll 0 0; width:165px; height:25px } #royalchelsea h2 {background-image: url(../images/headerChelsea.gif); background-repeat: no-repeat; scroll 0 0; width:385px; height:25px } #arts h2 {background-image: url(../images/headerArts.gif); background-repeat: no-repeat; scroll 0 0; width:121px; height:25px } #childrens h2 {background-image: url(../images/headerChildrens.gif); background-repeat: no-repeat; scroll 0 0; width:296px; height:25px } #fusion h2 {background-image: url(../images/headerFusion.gif); background-repeat: no-repeat; scroll 0 0; width:475px; height:25px } #magic h2 {background-image: url(../images/headerMagic.gif); background-repeat: no-repeat; scroll 0 0; width:179px; height:25px } #nang h2 {background-image: url(../images/headerNang.gif); background-repeat: no-repeat; scroll 0 0; width:457px; height:25px } #reeds h2 {background-image: url(../images/headerReeds.gif); background-repeat: no-repeat; scroll 0 0; width:151px; height:25px } #skill h2 {background-image: url(../images/headerSkill.gif); background-repeat: no-repeat; scroll 0 0; width:63px; height:25px } #mungos h2 {background-image: url(../images/headerMungo.gif); background-repeat: no-repeat; scroll 0 0; width:119px; height:25px } #tate h2 {background-image: url(../images/headerTate.gif); background-repeat: no-repeat; scroll 0 0; width:47px; height:25px } .center {width: 768px; margin-left: auto; margin-right: auto} .textLeft {text-align:left;} /*widths*/ .w108 {width:108px} .w150 {width:150px} .w225 {width:225px} .w444 {width:444px} .w450 {width:450px} .w495 {width:495px} .w526 {width:526px} .w670 {width:670px} .w675 {width:675px} /*used on biography-young to prevent weird wrap in the text*/ .w711 {width:711px} /*height*/ .h20 {height:20px} .h35 {height:35px} .h39 {height:39px} .h50 {height:50px} /*margs*/ .margTop30 {margin-top:30px} .margTop60 {margin-top:60px} .margTop200 {margin-top:200px} .margLeft20 {margin-left:20px} .margRight150 {margin-right:150px} /*pads*/ .padTop2 {padding-top:2px} .padTop5 {padding-top:5px} .padTop10 {padding-top:10px} .padTop13 {padding-top:13px} .padTop16 {padding-top:16px} .padTop20 {padding-top:20px} .padTop25 {padding-top:25px} .padTop30 {padding-top:30px} .padTop32 {padding-top:32px} .padTop35 {padding-top:35px} .padTop45 {padding-top:45px} .padTop50 {padding-top:50px} .padTop54 {padding-top:54px} .padTop58 {padding-top:58px} .padTop63 {padding-top:63px} .padTop75 {padding-top:75px} .padTop98 {padding-top:98px} .padTop105 {padding-top:105px} .padTop118 {padding-top:118px} .padLeft2 {padding-left:2px} .padLeft8 {padding-left:8px} .padLeft10 {padding-left:10px} .padLeft15 {padding-left:15px} .padLeft20 {padding-left:20px} .padLeft35 {padding-left:35px} .padLeft37 {padding-left:37px} .padLeft60 {padding-left:60px} .padLeft45 {padding-left:45px} .padLeft250 {padding-left:250px} .padLeft330 {padding-left:330px} .padRight12 {padding-right:12px} .padBottom6 {padding-bottom:6px} .padBottom10 {padding-bottom:10px} .padBottom14 {padding-bottom:14px} .padBottom15 {padding-bottom:15px} .padBottom16 {padding-bottom:16px} .padBottom17 {padding-bottom:17px} .padBottom19 {padding-bottom:19px} .padBottom20 {padding-bottom:20px} .padBottom21 {padding-bottom:21px} .padBottom22 {padding-bottom:22px} .padBottom30 {padding-bottom:30px} .story-p-pad {padding-bottom:10px} #footer {position: relative; margin-top: -113px; /* negative value of footer height */ height: 113px; clear:both; background-image: url(../images/bgFooter2.jpg); background-repeat: no-repeat; width:712px; height:113px;margin: 0 auto; } #footer .container {padding-top:20px; border:0px solid red; margin-left:10px; width:675px; height:113px; margin: 0 auto;} .footerFont {margin:0px; padding:0px; font-family:tahoma, Arial; font-size:0.60em; text-align:left;} #footer-special { height: 113px; clear:both; background-image: url(../images/bgFooter2.jpg); background-repeat: no-repeat; width:712px; height:113px;margin: 0 auto; } #footer-special .container {padding-top:20px; border:0px solid red; margin-left:10px; width:675px; height:113px; margin: 0 auto;} /* Sprite nav by Robin Stewart */ #nav-example {background:url("../images/nav2.png") no-repeat; width:478px; height:19px; margin:0; padding:0;} #nav-example span {display: none;} #nav-example li, #nav-example a {height:19px; display:block;} #nav-example li {float:left; list-style:none; display:inline;} #nav-example-01 {width: 79px;} #nav-example-02 {width: 108px;} #nav-example-03 {width: 100px;} #nav-example-04 {width: 111px;} #nav-example-05 {width: 80px;} #nav-example-01 a:hover {background:url("../images/nav2.png") 0px -19px no-repeat; } #nav-example-02 a:hover {background:url("../images/nav2.png") -79px -19px no-repeat; } #nav-example-03 a:hover {background:url("../images/nav2.png") -187px -19px no-repeat; } #nav-example-04 a:hover {background:url("../images/nav2.png") -287px -19px no-repeat; } #nav-example-05 a:hover {background:url("../images/nav2.png") -398px -19px no-repeat; } /* Index specific nav */ #nav-example1 {background:url("../images/index-nav.png") no-repeat; width:478px; height:19px; margin:0; padding:0;} #nav-example1 span {display: none;} #nav-example1 li, #nav-example1 a {height:19px; display:block;} #nav-example1 li {float:left; list-style:none; display:inline;} #nav-example-01a {width: 79px;} #nav-example-02a {width: 108px;} #nav-example-03a {width: 100px;} #nav-example-04a {width: 111px;} #nav-example-05a {width: 80px;} #nav-example-01a a:hover {background:url("../images/index-nav.png") 0px -19px no-repeat; } #nav-example-02a a:hover {background:url("../images/index-nav.png") -79px -19px no-repeat; } #nav-example-03a a:hover {background:url("../images/index-nav.png") -187px -19px no-repeat; } #nav-example-04a a:hover {background:url("../images/index-nav.png") -287px -19px no-repeat; } #nav-example-05a a:hover {background:url("../images/index-nav.png") -398px -19px no-repeat; } /* index */ #nav-example1-g {background:url("../images/nav-new-index.gif") no-repeat; width:478px; height:19px; margin:0; padding:0;} #nav-example1-g span {display: none;} #nav-example1-g li, #nav-example1-g a {height:19px; display:block;} #nav-example1-g li {float:left; list-style:none; display:inline;} #nav-example-01a-g {width: 79px;} #nav-example-02a-g {width: 108px;} #nav-example-03a-g {width: 100px;} #nav-example-04a-g {width: 111px;} #nav-example-05a-g {width: 80px;} #nav-example-01a-g a:hover {background:url("../images/nav-new-index.gif") 0px -19px no-repeat; } #nav-example-02a-g a:hover {background:url("../images/nav-new-index.gif") -79px -19px no-repeat; } #nav-example-03a-g a:hover {background:url("../images/nav-new-index.gif") -187px -19px no-repeat; } #nav-example-04a-g a:hover {background:url("../images/nav-new-index.gif") -287px -19px no-repeat; } #nav-example-05a-g a:hover {background:url("../images/nav-new-index.gif") -398px -19px no-repeat; }