/* PAGE */
#page { font-size: 1.2em; display: none; position: relative; width: 958px; height: 634px; background: url('images/homepage-bg.jpg'); margin: 5px auto; }
p { margin-bottom: 10px; line-height: 1.2em; }
#strapline { font-size: 1.4em; text-transform: uppercase; text-align: right; display: inline; position: absolute; right: 20px; bottom: 25px; cursor: pointer; }
#strapline b { background: white; padding: 0 7px; font-weight: normal; }
#updated { color: black; font-size: 1.4em; padding-right: 20px; }

/* MENUS */
#top-menu { position: absolute; top: 33px; left: -20px; }
#bottom-menu { position: absolute; bottom: 25px; left: -20px; width: 230px; }
.homepage-menu { float: left; }
.homepage-menu li.menu { position: relative; margin-bottom: 3px; }
.homepage-menu ul.menu { margin-left: 50px; }
.homepage-menu ul.menu li.menu { margin-bottom: 0; }
.homepage-menu a.menu { display: block; height: 25px; padding-left: 12px; font-size: 1.4em; color: black; text-transform: uppercase; background: white; overflow: hidden; white-space: nowrap; z-index: 100;}
.homepage-menu .o1 { width: 185px; }
    .homepage-menu .o1.active a.menu, .homepage-menu .o1.open a.menu { background: #00d2bc; }
.homepage-menu .o2 { width: 180px; }
    .homepage-menu .o2.active a.menu, .homepage-menu .o2.open a.menu { background: #6118ec; }
.homepage-menu .o3 { width: 182px; }
.homepage-menu .o4 { width: 90px; }
    .homepage-menu .o4.active a.menu { background-color: #f9554d; }
    .homepage-menu .o4 a { background: white url('images/sprite_icons.png') 60px -61px no-repeat; }
.homepage-menu .o5 { width: 115px; }
    .homepage-menu .o5.active a.menu { background-color: #32d682; }
    .homepage-menu .o5 a { background: white url('images/sprite_icons.png') 84px -82px no-repeat; }
.homepage-menu .o6 { width: 180px; }
    .homepage-menu .o6.active a.menu, .homepage-menu .o6.open a.menu { background: #d063bf; }
.homepage-menu .o7 { width: 200px; }
    .homepage-menu .o7.active a.first { background: #fff052; }
.homepage-menu .o8 { width: 145px; }
.homepage-menu .o9 { width: 145px; }
    .homepage-menu .o9.active a.first { background: #bebebe; }
.homepage-menu .o10 { width: 93px; }
    .homepage-menu .o10 a { background: white url('images/sprite_icons.png') 68px 4px no-repeat; }
.homepage-menu .o11 { width: 95px; }
    .homepage-menu .o11 a { background: white url('images/sprite_icons.png') 69px -18px no-repeat; }
.homepage-menu .o12 { width: 65px; }
    .homepage-menu .o12 a { background: white url('images/sprite_icons.png') 40px -40px no-repeat; }

/* INTERACTIVE OBJECTS */
#active-objects { z-index: 1; }
#active-objects span { display: none; }
#active-objects a { position: absolute; overflow: hidden; background-repeat: no-repeat; background-position: 500px 0; }
#active-objects .o1 { left: 479px; top: 367px; height: 97px; width: 105px; background-image: url('images/sprite_homepage.png'); }
#active-objects .o2 { left: 725px; top: 238px; height: 245px; width: 220px; background-image: url('images/sprite_homepage.png'); }
#active-objects .o2b { left: 489px; top: 271px; height: 103px; width: 94px; background-image: url('images/sprite_homepage.png'); }
#active-objects .o4 { left: 515px; top: 460px; height: 133px; width: 220px; background-image: url('images/sprite_homepage.png'); }
#active-objects .o5 { left: 317px; top: 467px; height: 105px; width: 189px; background-image: url('images/sprite_homepage.png'); }
#active-objects .o6 { left: 350px; top: 434px; height: 42px; width: 120px; background-image: url('images/sprite_homepage.png'); }

/* TV */
#tv { position: absolute; top: 202px; left: 0; height: 241px; width: 187px; }

/* AJAX CONTENT DIV */
.content { display: none; position: absolute; top: 25px; z-index: 100; padding: 0 25px 0 25px; overflow: auto; font-size: 1.1em; line-height: 1.4em; z-index: 1000; }
.content p { margin-bottom: 10px; }
.content h1 { font-size: 1.6em; margin-bottom: 10px; }

/* WHAT IS OPEN THREAD */
#what-is-open-thread { background: url('images/sprite_bg.png') 0 0 repeat-x; height: 400px; width: 360px; left: 291px; }
#what-is-open-thread .navigation { margin: 20px 0; }
#what-is-open-thread .navigation a { display: inline; padding: 0 5px; }
#what-is-open-thread .navigation a.active { color: black; }
#what-is-open-thread ul { list-style: disc; margin: 0 0 10px 20px; }
#what-is-open-thread li { width: 300px; }

/* WHO IS OPEN THREAD */
#who-is-open-thread { background: url('images/sprite_bg.png') 0 -400px repeat-x; height: 500px; width: 510px; left: 286px; color: white; }
#who-is-open-thread .left { text-transform: uppercase; width: 170px; float: left; margin-right: 10px; padding-right: 20px; }
#who-is-open-thread .left h1 { margin-bottom: 10px; font-size: 1.4em; }
#who-is-open-thread .left .name div { text-decoration: underline; font-style: normal !important; margin: 0; }
#who-is-open-thread .left .name { cursor: pointer; line-height: 1em; margin: 5px 0 15px 0; }
#who-is-open-thread .right { float: left; width: 290px; }

/* CONTACT OPEN THREAD */
#contact-open-thread { background: url('images/sprite_bg.png') 0 -900px repeat-x; height: 400px; width: 360px; left: 286px; }