body { background-image: url(../images/theme-home/body-bg-gradient.jpg); background-color: #2AC2FF; } #container { background-image: url(../images/theme-home/body-bg-picture.jpg); } #nav .about-us { background-image: url(../images/theme-home/nav/about_us.jpg) } #nav .fun-stuff { background-image: url(../images/theme-home/nav/fun_stuff.jpg) } #nav .home { background-image: url(../images/theme-home/nav/home.jpg) } #nav .info { background-image: url(../images/theme-home/nav/info.jpg) } #nav .make-a-difference { background-image: url(../images/theme-home/nav/make_a_difference.jpg) } #nav .raising-money { background-image: url(../images/theme-home/nav/raising_money.jpg) } #nav .stories { background-image: url(../images/theme-home/nav/real_life.jpg) } #nav .whats-happening { background-image: url(../images/theme-home/nav/whats_happening.jpg) } #nav .teachers { background-image: url(../images/theme-home/nav/teachers.gif) } #nav .exploring-issues { background-image: url(../images/theme-home/nav/exploring_issues.jpg) } #nav .exploring-issues:hover { background-image: url(../images/theme-home/nav/exploring_issues_h.jpg) } #nav .about-us:hover { background-image: url(../images/theme-home/nav/about_us_h.jpg) } #nav .fun-stuff:hover { background-image: url(../images/theme-home/nav/fun_stuff_h.jpg) } #nav .home:hover { background-image: url(../images/theme-home/nav/home_h.jpg) } #nav .info:hover { background-image: url(../images/theme-home/nav/info_h.jpg) } #nav .make-a-difference:hover { background-image: url(../images/theme-home/nav/make_a_difference_h.jpg) } #nav .raising-money:hover { background-image: url(../images/theme-home/nav/raising_money_h.jpg) } #nav .stories:hover { background-image: url(../images/theme-home/nav/real_life_h.jpg) } #nav .whats-happening:hover { background-image: url(../images/theme-home/nav/whats_happening_h.jpg) } #nav .teachers:hover { background-image: url(../images/theme-home/nav/teachers_h.gif) } #secondary-nav .contact-us { background-image: url(../images/theme-home/contact_us.gif) } #secondary-nav .back-to-sciaf { background-image: url(../images/theme-home/back_to_sciaf.gif) } /*#secondary-nav .contact-us:hover { background-image: url(../images/theme-home/contact_us_h.gif) } #secondary-nav .back-to-sciaf:hover { background-image: url(../images/theme-home/back_to_sciaf_h.gif) }*/ #guestbook-link { background-image: url(../images/theme-home/guestbook.gif); } #search-and-resize h2 { background-image: url(../images/theme-home/search-header.gif); } #search-query { border-color: #1857ef; } #home-page-wrapper { width: 464px; float: left; } #photo-frame { width: 464px; height: 270px; position: relative; } #photo-frame img { display: block; cursor: pointer; cursor: hand } #photo-frame img.mask { top: 0; left: 0; position: absolute; } #photo-frame #home-page-slideshow { position: absolute; top: 28px; left: 26px; cursor: pointer; cursor: hand } #photo-frame #home-page-slideshow a { display: block; position: absolute; top: 0; left: 0; } #photo-frame .actuators { position: absolute; bottom: -2px; left: 15px; font-size: 12px; } #photo-frame .actuators img { display: inline; } #photo-frame .actuators a { color: #008BC6; text-decoration: none; font-weight: bold; } #home-page { height: 259px; background-image: url(../images/home-page/bottom_right_only.gif); position: relative; width: 464px } #home-page ul.nav { margin: 0; padding: 0; width: 189px; position: absolute; left: 250px; top: 28px; } #home-page ul.nav li { margin: 0 0 2px 0; padding: 0 0 2px 0; list-style: none; display: block; border-bottom: 1px dotted white; } #home-page ul.nav li.last { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #home-page ul.nav a { display: block; height: 27px; text-indent: -5000px; outline: none; text-decoration: none; background-repeat: no-repeat; } #home-page ul.nav a.school-of-the-week { background-image: url(../images/home-page/nav/school_of_the_week.jpg); } #home-page ul.nav a.school-of-the-week:hover { background-image: url(../images/home-page/nav/school_of_the_week_h.jpg); } #home-page ul.nav a.fairtrade { background-image: url(../images/home-page/nav/fairtrade.jpg); } #home-page ul.nav a.fairtrade:hover { background-image: url(../images/home-page/nav/fairtrade_h.jpg); } #home-page ul.nav a.b-inspired { background-image: url(../images/home-page/nav/binspired.jpg); } #home-page ul.nav a.b-inspired:hover { background-image: url(../images/home-page/nav/binspired_h.jpg); } #home-page ul.nav a.video-wall { background-image: url(../images/home-page/nav/video_wall.jpg); } #home-page ul.nav a.video-wall:hover { background-image: url(../images/home-page/nav/video_wall_h.jpg); } #home-page #button-1 { display: block; position: absolute; background: url(../images/home-page/globies_colouringin_sprite.png) no-repeat 0 0; top: 3px; left: 2px; width: 230px; height: 135px; text-indent: -5000px; } #home-page #button-1:hover { background-position: 0 -135px; } #home-page #button-2 { display: block; position: absolute; background: url(../images/home-page/video_wall.png) no-repeat 0 0; top: 138px; left: 4px; width: 223px; height: 119px; text-indent: -5000px; } #home-page #button-2:hover { background-position: 0 -119px; } #home-page #button-3 { display: block; position: absolute; background: url(../images/home-page/music_store.jpg) no-repeat 0 0; top: 176px; left: 245px; width: 206px; height: 74px; } * html #home-page #button-1 { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/home-page/globies_colouringin.png',sizingMethod='crop'); top: -2px; } * html #home-page #button-1:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/home-page/globies_colouringin_h.png',sizingMethod='crop'); } #sidebar-icons { margin: 0; padding: 0; width: 155px; float: right } #sidebar-icons li { margin: 0 0 3px 0; padding: 0; list-style: none; display: block; } #sidebar-icons a { display: block; text-indent: -5000px; outline: none; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; cursor: hand !important; } #sidebar-icons .ico-games { height: 67px; background-image: url(../images/theme-home/icons/games_sprite.png); } #sidebar-icons .ico-games:hover { background-position: 0 -67px; } #sidebar-icons .ico-movies { height: 77px; background-image: url(../images/theme-home/icons/movies_sprite.png); } #sidebar-icons .ico-movies:hover { background-position: 0 -77px; } #sidebar-icons .ico-fundraising { height: 62px; background-image: url(../images/theme-home/icons/fundraising_sprite.png); } #sidebar-icons .ico-fundraising:hover { background-position: 0 -62px; } #sidebar-icons .ico-stories { height: 63px; background-image: url(../images/theme-home/icons/real_life_sprite.png); } #sidebar-icons .ico-stories:hover { background-position: 0 -63px; } #sidebar-icons .ico-photos { height: 71px; background-image: url(../images/theme-home/icons/inspiring_photos_sprite.png); } #sidebar-icons .ico-photos:hover { background-position: 0 -71px; } #sidebar-icons .ico-t-shirts { height: 73px; background-image: url(../images/theme-home/icons/sciaf_tshirts_sprite.png); } #sidebar-icons .ico-t-shirts:hover { background-position: 0 -73px; } #sidebar-icons .ico-bebo { height: 111px; background-image: url(../images/theme-home/icons/bebo_sprite.png); } #sidebar-icons .ico-bebo:hover { background-position: 0 -111px; } #sidebar-icons .ico-twitter{ height: 36px; background-image: url(../images/theme-home/icons/twitter_button.png); } #sidebar-icons .ico-facebook{ height: 36px; background-image: url(../images/theme-home/icons/facebook_button.png); } * html #sidebar-icons .ico-games { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/games.png',sizingMethod='crop'); } * html #sidebar-icons .ico-games:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/games_h.png',sizingMethod='crop'); } * html #sidebar-icons .ico-movies { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/movies.png',sizingMethod='crop'); } * html #sidebar-icons .ico-movies:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/movies_h.png',sizingMethod='crop'); } * html #sidebar-icons .ico-fundraising { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/fundraising.png',sizingMethod='crop'); } * html #sidebar-icons .ico-fundraising:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/fundraising_h.png',sizingMethod='crop'); } * html #sidebar-icons .ico-stories { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/real_life.png',sizingMethod='crop'); } * html #sidebar-icons .ico-stories:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/real_life_h.png',sizingMethod='crop'); } * html #sidebar-icons .ico-photos { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/inspiring_photos.png',sizingMethod='crop'); } * html #sidebar-icons .ico-photos:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/inspiring_photos_h.png',sizingMethod='crop'); } * html #sidebar-icons .ico-t-shirts { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/sciaf_tshirts.png',sizingMethod='crop'); } * html #sidebar-icons .ico-t-shirts:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/sciaf_tshirts_h.png',sizingMethod='crop'); } * html #sidebar-icons .ico-bebo { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/bebo.png',sizingMethod='crop'); } * html #sidebar-icons .ico-bebo:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/youth/images/theme-home/icons/bebo_h.png',sizingMethod='crop'); } #small-page { background-image: url(../images/theme-home/main/small.gif); } #large-page { background-image: url(../images/theme-home/main/large_middle.gif); } #large-page .bottom { background-image: url(../images/theme-home/main/large_bottom.gif); } #large-page .top { background-image: url(../images/theme-home/main/large_top.gif); } #related-info { background-color: #076dc4; } #related-info .title { background-image: url(../images/theme-home/related.jpg); }