html {
background: #9ccb47 none;
}
div#container {
background: #fff none;
margin: 0;
padding: 0 0 20px 0;
}
/* info scotland */
div#infoscotland {
width: 955px;
margin: 0 auto;
overflow: hidden;
}
div#infoscotland ul {
float: left;
margin:5px 0 0 0;
}
div#infoscotland ul li {
float: left;
font-size: 0.6em;
color: #1b3b67;
margin: 0;
padding: 0;
}
div#infoscotland ul li a {
color: #1b3b67;
font-weight: bold;
}
div#infoscotland ul li a:hover {
text-decoration: underline;
}
div#infoscotland_form {
width: auto;
float: right;
}
#infoscotland {
background: #fff none;
color:#949494;
font-size:100%;
vertical-align:middle;
width:120px;
padding: 5px 0 5px 0;
}
#infoscotland form select, #infoscotland form input {
float: left;
font-size: 0.59em;
border: 1px solid #666;
background: #fff none;
color: #666;
margin: 0 5px 0 0;
}
#infoscotland form input#go { margin-right:0;}
span.separator {
margin: 0 5px 0 5px;
}
/* header */
div#header {
width: 100%;
background: transparent url('../../images/backgrounds/home-bg.gif') repeat-x;
}
div#side_menu, div#branding, div#nav {
width: 955px;
margin: 0 auto;
overflow: hidden;
}
div#side_menu {
font-size: 0.7em;
text-align: right;
padding: 10px 0 10px 0;
}
div#side_menu ul li {
display: inline;
color: #fff;
}
div#side_menu ul li a {
color: #fff;
}
div#branding {
padding: 0;
}
div#branding h2 {
display: block;
width: 415px;
height: 37px;
margin: 0 0 12px 0;
text-indent: -9999px;
background: transparent url('../../images/branding/logo.gif') no-repeat;
}
/* main nav */
div#nav {
padding: 0;
height: 31px;
}
div#nav ul {
padding: 0;
margin: 0;
}
div#nav ul li {
float: left;
margin: 0;
padding: 0;
}
div#nav ul li a {
display: block;
height: 31px;
font-size: 0.4em;
text-indent: -9999px;
}
div#nav ul li#b1 a {
width: 63px;
background: transparent url('../../images/nav/b1.gif') repeat-x;
}
div#nav ul li#b2 a {
width: 72px;
background: transparent url('../../images/nav/b2.gif') repeat-x;
}
div#nav ul li#b3 a {
width: 100px;
background: transparent url('../../images/nav/b3.gif') repeat-x;
}
div#nav ul li#b4 a {
width: 169px;
background: transparent url('../../images/nav/b4.gif') repeat-x;
}
div#nav ul li#b5 a {
width: 85px;
background: transparent url('../../images/nav/b5.gif') repeat-x;
}
div#nav ul li#b1 a.act, div#nav ul li#b1 a:hover {
width: 63px;
background: transparent url('../../images/nav/b1_on.gif') repeat-x;
}
div#nav ul li#b2 a.act, div#nav ul li#b2 a:hover {
width: 72px;
background: transparent url('../../images/nav/b2_on.gif') repeat-x;
}
div#nav ul li#b3 a.act, div#nav ul li#b3 a:hover {
width: 100px;
background: transparent url('../../images/nav/b3_on.gif') repeat-x;
}
div#nav ul li#b4 a.act, div#nav ul li#b4 a:hover {
width: 169px;
background: transparent url('../../images/nav/b4_on.gif') repeat-x;
}
div#nav ul li#b5 a.act, div#nav ul li#b5 a:hover {
width: 85px;
background: transparent url('../../images/nav/b5_on.gif') repeat-x;
}
div#subnav {
width: 955px;
margin: 10px auto;
}
div#subnav ul li {
display: inline;
font-size: 0.8em;
line-height:1.2;
}
div#subnav ul li span.separator {
color: #498bb8;
}
div#subnav ul li a {
color: #498bb8;
font-weight: bold;
}
div#subnav ul li a:hover, div#subnav ul li a.act {
color: #000;
}
/* content */
div#content {
width: 955px;
overflow: hidden;
margin: 0 auto 10px auto;
}
div#content_left {
float: left;
}
div#content_right {
float: right;
}
div.drifter {
float: left;
}
/* top content on home page */
div.home {
padding: 30px 0 0 0;
}
div.home #content_left {
width: 630px;
}
div.home #content_right {
width: 325px;
}
div#content_bottom {
width: 955px;
clear: both;
overflow: hidden;
padding: 20px 0 20px 0;
}
div#main {
width: 290px;
height: 290px;
padding: 10px;
float: left;
background: #9ccb47 none;
}
div#flash {
width: 310px;
float: left;
}
p.arr_green {
font-weight: bold;
width: 190px;
margin: 10px 0 0 0;
}
p.arr_green a {
display: block;
background: transparent url('../../images/small_stuff/arrow_green.gif') no-repeat right 10px;
color: #fff;
padding: 0;
}
/* boxes schmoxes right home */
#content_right div.drifter {
_width: 300px;
}
div.home #content_right div.drifter {
background: #f5faec none;
}
#see_tv_adverts {
padding: 10px;
height: 100px;
width:310px;
}
#see_tv_adverts p {
display: block;
width: 160px;
}
.home #content { overflow:visible;}
.home #content_right .drifter { position:relative;}
.home #content_right p.floating_image{ position:absolute!important;top:-50px;right:-50px;z-index:9999!important;}
.home #content_right .drifter p.arr_grey {margin-top:5px!important; }
.home #wrinkly_campaign, .home #see_tv_adverts, .home #makeover_campaign{padding-top:5px!important;}
#wrinkly_campaign {
margin-top: 10px;
padding: 10px;
height: 70px !important;
width:310px;
_width: 290px;
}
#makeover_campaign {
margin-top: 10px;
padding: 10px;
height:78px !important;
width:310px;
_width: 290px;
}
p.floating_image {
position: relative;
margin: 0;
padding: 0;
margin-bottom: -200px;
}
.i1 {
top: -130px;
_top: -125px;
left: 159px;
}
div.drifter p {
zoom: 1;
}
/* boxes schmoxes bottom row home*/
div#content_bottom div.drifter {
border-bottom: 2px solid #ccc;
height:200px;
}
div#hear_our_story {
width: 230px;
margin: 0 10px 0 0;
background: transparent url('../../images/placeholders/hear_our_story_dude_home.jpg') no-repeat right 40px;
}
div#hear_our_story h3 {
margin: 0 0 10px 0;
zoom: 1;
}
div#hear_our_story p.short {
width:135px;
}
div#generational_trends {
width: 230px;
margin: 0 10px 0 0;
background: transparent url('../../images/small_stuff/box_first_child.gif') no-repeat right 40px;
}
div#generational_trends h3 {
margin: 0 0 10px 0;
}
div#generational_trends p {
margin: 0 120px 0 0;
}
div#generational_trends p.arr_grey {
margin: 10px 0 0 0;
}
div#who_does_what {
width: 230px;
margin: 0 10px 0 0;
background: transparent url('../../images/small_stuff/who_does_what_home.jpg') no-repeat right 40px;
}
div#who_does_what p {
margin: 0 121px 25px 0;
}
div#who_does_what p.arr_grey {
margin: 10px 0 0 0;
}
div#who_does_what h3 {
margin: 0 0 10px 0;
}
div#life_calculator {
width: 230px;
margin: 0 10px 0 0;
background: transparent url('../../images/small_stuff/life_calc_small.jpg') no-repeat right 40px;
}
div#life_calculator p {
margin: 0 121px 25px 0;
}
div#life_calculator p.arr_grey {
margin: 10px 0 0 0;
}
div#life_calculator h3 {
margin: 0 0 10px 0;
}
div#high_achiever_quiz {
width: 230px;
background: transparent url('../../images/placeholders/old_fashioned_shoe_home.jpg') no-repeat right 40px;
}
div#high_achiever_quiz h3 {
margin: 0 0 10px 0;
zoom: 1;
}
div#high_achiever_quiz p {
margin-right: 120px;
}
div#high_achiever_quiz p.arr_grey {
margin-right: 0 !important;
}
div#content_bottom div.drifter h3 {
padding: 0 0 5px 0;
border-bottom: 4px solid #ccc;
}
.i2 {
top: -100px;
_top: -95px;
left: 135px;
}
.i13 {
top: -77px;
_top: -72px;
left: 140px;
}
div.drifter_bottom_home {
position: absolute;
top: 655px;
}
/* arrows and stuff */
p.arr_grey {
margin: 10px 0 0 0;
}
p.arr_grey a {
background: transparent url('../../images/small_stuff/arrow_grey.gif') no-repeat top right;
padding: 0 30px 0 0;
font-weight: bold;
}
/* page heading for subpages */
div#page_heading {
width: 935px;
margin: 10px auto 10px auto;
height: 60px;
padding: 10px;
background: #9ccb47 none;
}
/* intro */
div.intro p {
font-weight: bold;
margin: 0 0 10px 0;
font-size: 0.9em;
}
/* content on about AND its subsections */
div.about {
padding: 0px 0 0 0;
}
div.about #content_left {
width: 610px;
padding-right: 20px;
}
div.about #content_left h2 {
color: #000;
font-weight: bold;
margin: 10px 0 10px 0;
}
div.about #content_right {
width: 310px;
float: left;
_float: right;
padding-top:0;
}
div.about div#wrinkly_campaign {
width: 310px;
_width: 290px !important;
}
div.about table {
margin: 10px 0 20px 0;
border-collapse: collapse;
}
div.about table th {
text-align:right;
vertical-align:top;
width:240px;
padding: 0 10px 0 0;
}
div.about table td {
font-size: 0.8em;
vertical-align: middle;
line-height: 160%;
}
div.about .tv_ads { margin-bottom:20px;}
div.about .campaign_blurb { float:right;width:240px;_width:230px; margin-right:10px;}
div.about .campaign_blurb p {margin-bottom:10px;}
div.about #real_lives, div.about #age_old_challenge {
background: transparent none !important;
margin: 20px 0 0 0;
width: 330px !important;
_width: 310px !important;
}
div.about #real_lives {
height: 100px;
}
div.about #real_lives p {
margin: 0 115px 10px 0;
}
div.about #real_lives h2, div.about #age_old_challenge h2, div.about #see_tv_adverts h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.about .copy_left {
width: 150px;
_width: 140px;
float: left;
}
div.about .image_right {
width: 150px;
float: right;
}
/* get_involved which uses slightly modified about us skeleton */
div.about div.content_columns {
width: 610px;
overflow: hidden;
}
div.about div.content_columns div.c_left {
width: 300px;
float: left;
margin: 0 10px 0 0;
}
div.about div.content_columns div.c_right {
width: 300px;
float: left;
}
div.about div.content_columns h3 a {
color: #000;
font-size: 0.8em;
font-weight: bold;
}
div.about div.content_columns p {
margin: 10px 0 0 0;
}
div.about div.content_columns h3 {
margin: 10px 0 10px 0;
text-decoration: underline;
}
div.about div.bord {
background: transparent url('../../images/small_stuff/border-horz.gif') no-repeat bottom;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
/* content on real lives */
div.real_lives {
padding: 0;
}
div.real_lives #content_left {
width: 310px;
_width: 300px !important;
margin: 0 10px 0 0;
}
div.real_lives #content_left h2, div.real_lives #content_middle h2 {
width: 310px;
_width: 300px;
}
div.real_lives #content_middle {
float: left;
width: 310px;
_width: 300px;
margin: 0 10px 0 0;
}
div.real_lives #content_right {
width: 310px;
_width: 300px;
margin: 0;
}
div.real_lives #content_left h2, div.real_lives #content_middle h2, div.real_lives #content_right h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.real_lives #content_middle p {
_font-size: 1em;
}
div.real_lives #hear_our_story, div.real_lives #celebrity_quotes {
overflow: visible;
height:170px;
width: 310px;
_width: 300px;
background: transparent none;
}
div.real_lives .copy_left {
width: 150px;
_width: 140px;
float: left;
_font-size: 0.77em;
}
div.real_lives .image_right {
width: 150px;
float: right;
}
div.real_lives #get_involved {
width: 310px;
height: 250px;
_width: 300px;
background: transparent none !important;
}
div.real_lives #get_involved h2, div.real_lives #get_involved p {
zoom: 1;
}
div.real_lives #get_involved p {
width: 200px;
}
.i4 {
top: -135px;
_top: -130px;
left: 200px;
}
/* content on hear our story */
div.hear_our_story {
padding: 16px 0 0 0;
}
div.hear_our_story #content_left {
width: 610px;
padding-right: 20px;
}
div.hear_our_story #content_left h2 {
color: #000;
font-weight: bold;
margin: 10px 0 10px 0;
}
div.hear_our_story #content_right {
width: 310px;
float: left;
_float: right;
}
div.hear_our_story div#wrinkly_campaign {
width: 310px;
_width: 290px !important;
}
div.hear_our_story table {
margin: 10px 0 20px 0;
border-collapse: collapse;
}
div.hear_our_story table th {
text-align:right;
vertical-align:top;
width:240px;
padding: 0 10px 0 0;
}
div.hear_our_story table td {
font-size: 0.8em;
vertical-align: middle;
line-height: 160%;
}
div.hear_our_story #real_lives, div.hear_our_story # _challenge {
background: transparent none !important;
margin: 20px 0 0 0;
width: 330px !important;
_width: 310px !important;
}
div.hear_our_story #real_lives h2, div.hear_our_story #age_old_challenge h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.hear_our_story .copy_left {
width: 150px;
_width: 140px;
float: left;
}
div.hear_our_story .image_right {
width: 150px;
float: right;
}
div.story {
width: 270px;
float: left;
margin: 0 30px 20px 0;
_margin: 0 20px 20px 0;
}
div.story img{
margin: 0 0 10px 0;
}
div.story h2 {
margin: 0 !important;
}
div.hear_our_story .drifter {
background-color: transparent !important;
}
div.hear_our_story #generational_trends {
background: transparent url('../../images/small_stuff/box_first_child.gif') no-repeat right 40px;
width: 310px;
height: 180px;
}
div.hear_our_story #generational_trends h2, div.hear_our_story #high_achiever h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.hear_our_story #high_achiever {
height: 180px;
}
div.hear_our_story #high_achiever p {
margin-right: 100px;
}
.i6 {
top: -125px;
_top: -120px;
left: 210px;
}
/* content on celebrity quotes */
div.celebrity_quotes {
padding: 16px 0 0 0;
}
div.celebrity_quotes #content_left {
width: 610px;
padding-right: 20px;
}
div.celebrity_quotes #content_left h2 {
color: #000;
font-weight: bold;
margin: 10px 0 10px 0;
}
div.c_quote {
padding: 30px 0 0 0;
}
div.c_quote p {
margin: 0 0 20px 0;
}
div.celebrity_quotes #content_right {
width: 310px;
float: left;
_float: right;
}
div.celebrity_quotes div#wrinkly_campaign {
width: 310px;
_width: 290px !important;
}
div.celebrity_quotes table {
margin: 10px 0 20px 0;
border-collapse: collapse;
}
div.celebrity_quotes table th {
text-align:right;
vertical-align:top;
width:240px;
padding: 0 10px 0 0;
}
div.celebrity_quotes table td {
font-size: 0.8em;
vertical-align: middle;
line-height: 160%;
}
div.celebrity_quotes #real_lives, div.celebrity_quotes #age_old_challenge {
background: transparent none !important;
margin: 20px 0 0 0;
width: 330px !important;
_width: 310px !important;
}
div.celebrity_quotes #high_achiever h2 {
width: 300px;
}
div.celebrity_quotes #real_lives h2, div.celebrity_quotes #age_old_challenge h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.celebrity_quotes .copy_left {
width: 150px;
_width: 140px;
float: left;
}
div.celebrity_quotes .image_right {
width: 150px;
float: right;
}
div.story {
width: 270px;
float: left;
margin: 0 30px 20px 0;
_margin: 0 20px 20px 0;
}
div.story img{
margin: 0 0 10px 0;
}
div.story h2 {
margin: 0 !important;
}
div.celebrity_quotes .drifter {
background-color: transparent !important;
}
div.celebrity_quotes #generational_trends {
background: transparent url('../../images/small_stuff/box_first_child.gif') no-repeat right 40px;
width: 310px;
height: 180px;
}
div.celebrity_quotes #generational_trends h2, div.celebrity_quotes #high_achiever h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.celebrity_quotes #high_achiever {
height: 180px;
}
div.celebrity_quotes #high_achiever p {
margin-right: 100px;
}
.i6 {
top: -125px;
_top: -120px;
left: 210px;
}
/* content on age_old */
div.age_old {
padding: 0;
}
div.age_old #content_left {
width: 310px;
_width: 300px !important;
margin: 0 10px 0 0;
}
div.age_old #content_left h2, div.age_old #content_middle h2 {
width: 310px;
_width: 300px;
}
div.age_old #content_middle {
float: left;
width: 310px;
_width: 300px;
margin: 0 10px 0 0;
}
div.age_old #content_right {
width: 310px;
_width: 300px;
margin: 0;
}
div.age_old #content_left h2, div.age_old #content_middle h2, div.age_old #content_right h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.age_old #generational_trends {
background:transparent url(../../images/small_stuff/box_first_child_big.gif) no-repeat scroll right 40px;
}
div.age_old #life_calculator {
background:transparent url(../../images/small_stuff/life_calc_big.jpg) no-repeat scroll right 40px !important;
}
div.age_old #generational_trends, div.age_old #old_fashioned {
overflow: visible;
height:190px;
width: 310px;
_width: 300px;
}
div.age_old #generational_trends p, div.age_old #life_calculator p {
margin:0 160px 0 0;
}
div.age_old #generational_trends p.arr_grey, div.age_old #life_calculator p.arr_grey {
margin:10px 120px 0 0 !important;
}
div.age_old #old_fashioned {
_margin: 10px 0 10px 0;
}
div.age_old #old_fashioned p {
_font-size: 1em;
}
div.age_old .copy_left {
width: 150px;
_width: 140px;
float: left;
_font-size: 0.77em;
}
div.age_old .image_right {
width: 150px;
float: right;
}
div.age_old #life_calculator {
width: 310px;
height: 190px;
_width: 300px;
background: transparent none;
}
div.age_old #high_achiever {
width: 310px;
height: 170px;
_width: 300px;
background: transparent none !important;
}
div.age_old #high_achiever h2, div.age_old #high_achiever p {
zoom: 1;
}
div.age_old #high_achiever p {
width: 200px;
}
.i5 {
top: -130px;
_top: -135px;
left: 210px;
}
/* content on old-fashioned */
div.old_fashioned {
padding: 16px 0 0 0;
}
div.old_fashioned #content_left {
width: 610px;
padding-right: 20px;
}
div.old_fashioned #content_left h2 {
color: #000;
font-weight: bold;
margin: 10px 0 10px 0;
}
div.old_fashioned #content_right {
width: 310px;
float: left;
_float: right;
}
div.old_fashioned div#wrinkly_campaign {
width: 310px;
_width: 290px !important;
}
div.old_fashioned table {
margin: 10px 0 20px 0;
border-collapse: collapse;
}
div.old_fashioned table th {
text-align:right;
vertical-align:top;
width:240px;
padding: 0 10px 0 0;
}
div.old_fashioned table td {
font-size: 0.8em;
vertical-align: middle;
line-height: 160%;
}
div.old_fashioned #real_lives, div.old_fashioned #age_old_challenge, div.old_fashioned #get_involved {
background: transparent none !important;
margin: 20px 0 0 0;
width: 330px !important;
height: 120px;
_width: 310px !important;
}
div.old_fashioned #real_lives h2, div.old_fashioned #age_old_challenge h2, div.old_fashioned #get_involved h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.old_fashioned #get_involved {
_height: 200px;
}
div.old_fashioned #get_involved p {
margin-right: 120px;
}
div.old_fashioned .copy_left {
width: 150px;
_width: 140px;
float: left;
}
div.old_fashioned .image_right {
width: 150px;
float: right;
}
div.story {
width: 270px;
float: left;
margin: 0 30px 20px 0;
_margin: 0 20px 20px 0;
}
div.story img{
margin: 0;
}
div.story h2 {
margin: 0 !important;
}
div.old_fashioned .drifter {
background-color: transparent !important;
}
div.old_fashioned #generational_trends {
background: transparent url('../../images/small_stuff/box_first_child.gif') no-repeat right 40px;
width: 310px;
height: 180px;
}
div.old_fashioned #generational_trends h2, div.old_fashioned #high_achiever h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
}
div.old_fashioned #high_achiever {
height: 180px;
}
div.old_fashioned #high_achiever p {
margin-right: 100px;
}
.i7 {
top: -125px;
_top: -120px;
left: 210px;
}
.i11 {
top: -165px;
_top: -160px;
left: 210px;
}
div.old_fashioned #quiz {
background: #f0f7e4 none;
width: 590px;
padding: 10px;
}
div#quiz .question {
width: 580px;
overflow: hidden;
margin: 0 0 10px 0;
}
div#quiz .question h3 {
font-size: 0.8em;
font-weight: bold;
color: #000;
margin: 0 0 10px 0;
}
div#quiz div.question div.q_image {
width: 190px;
float: left;
}
div#quiz div.question div.q_question {
width: 100px;
margin: 0 10px 0 10px;
float: left;
}
div#quiz div.question div.q_question label {
font-size: 0.8em;
display: block !important;
margin: 0 0 5px 0;
width: 100px;
overflow: hidden;
}
div#quiz div.question div.q_question label input {
float: left;
}
div#quiz div.question div.q_question label span {
display: block;
float: left;
margin: 2px 0 0 0;
}
div#quiz div.question div.q_question label.good {
color: #9ccb47;
background: transparent url('../../images/quiz/good.gif') no-repeat 60px 0;
}
div#quiz div.question div.q_question label.bad {
color: #ff0000;
background: transparent url('../../images/quiz/bad.gif') no-repeat 60px 3px;
}
div#quiz div.question div.q_answer {
width: 270px;
_width: 250px;
float: left;
}
div#quiz div.ha_quiz div.q_question {
margin: 0;
width: 90px;
}
div#quiz div.ha_quiz div.q_answer {
width: 460px;
_width: 440px;
}
/* content on life calculator */
div.life_calculator {
padding: 16px 0 0 0;
}
div.life_calculator #content_left {
width: 610px;
padding-right: 20px;
}
div.life_calculator #content_left h2 {
color: #000;
font-weight: bold;
margin: 10px 0 10px 0;
}
div.life_calculator #content_right {
width: 310px;
float: left;
_float: right;
}
div.life_calculator #calculator {
background: #f0f7e4 none;
width: 590px;
overflow: hidden;
padding: 10px;
}
div.life_calculator #calculator #form_entry {
width: 300px;
float: left;
}
div.life_calculator #calculator #form_entry label, div.life_calculator #calculator #form_entry label span {
display: block;
}
div.life_calculator #calculator #form_entry label {
margin: 0 0 10px 0;
}
div.life_calculator #calculator #form_entry label span {
margin: 10px 0 5px 0;
}
div.life_calculator #calculator #form_entry {
font-size: 0.8em;
}
div.life_calculator #calculator #form_results {
width: 280px;
float: left;
}
div.life_calculator #calculator #form_results ul {
font-size: 0.8em;
line-height: 160%;
}
div.life_calculator #calculator #form_results ul li {
background: transparent url('../../images/small_stuff/arrow_calculator.gif') no-repeat 0 5px;
padding: 0 0 0 25px;
}
div.life_calculator div#wrinkly_campaign {
width: 310px;
_width: 290px !important;
}
div.life_calculator table {
margin: 10px 0 20px 0;
border-collapse: collapse;
}
div.life_calculator table th {
text-align:right;
vertical-align:top;
width:240px;
padding: 0 10px 0 0;
}
div.life_calculator table td {
font-size: 0.8em;
vertical-align: middle;
line-height: 160%;
}
div.life_calculator #real_lives, div.life_calculator #get_involved {
background: transparent none !important;
margin: 0 0 20px 0;
width: 330px !important;
_width: 310px !important;
height:120px;
}
div.life_calculator #real_lives p {
margin-right: 150px;
}
div.life_calculator #real_lives h2, div.life_calculator #get_involved h2 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 4px solid #ccc;
zoom: 1;
}
div.life_calculator #get_involved {
height: 220px;
}
div.life_calculator #get_involved p {
margin-right: 122px;
zoom: 1;
}
div.life_calculator .copy_left {
width: 150px;
_width: 140px;
float: left;
}
div.life_calculator .image_right {
width: 150px;
float: right;
}
.i8 {
top: -150px;
_top: -145px;
left: 210px;
}
/* real lives case studies */
div#threecolumns {
width: 955px;
overflow: hidden;
}
div#column_one {
width: 300px;
float: left;
}
div#column_one p {
margin: 0 0 10px 0;
}
div#column_two {
width: 300px;
margin: 0 10px 0 10px;
float: left;
}
div#column_three {
width: 300px;
float: left;
}
div.personal #get_involved {
width: 310px;
height: 250px;
_width: 300px;
background: transparent none !important;
}
div.personal #get_involved h2 {
border-bottom: 4px solid #ccc;
}
div.personal #get_involved h2, div.personal #get_involved p {
zoom: 1;
}
div.personal #get_involved p {
width: 200px;
}
/* Story Lead - LEGACY STUFF */
div.lead {float:left; width:960px; height:281px; min-height:281px; position:relative; top:-15px; left:0px; margin:0px 0px -90px 0px; background:transparent url('../../images/legacy/bg-lead-repeatx.png') repeat-x scroll 0px 39px; font-family:tahoma, arial, helvetica, sans-serif;display:inline;}
div.lead div {float:left; width:346px; height:281px; _height: 340px; min-height:281px; padding:39px 614px 0px 0px ; background:transparent url('../../images/legacy/big-polaroid.jpg?') no-repeat scroll 176px 14px;display:inline;}
div > div.lead, div > div.lead div {height:380px;}
div.lead div div {background-image:none;}
div.lead h1 {height:85px; min-height:85px; width:280px; color:#fff; font-size:2em; padding:10px 0px 0px 13px; margin-bottom:0px;} div > div.lead h1 {height:auto;}
div.lead h2 {height:80px; min-height:80px; width:280px; color:#fff; font-size:1.6em; font-weight:normal; padding:30px 40px 0px 13px; margin-bottom:0px;} div > div.lead h2 {height:auto;}
div.lead h3 {font-size:1.6em; color:#274b7d;}
div.lead img {float:left; position:absolute; top:35px; left:342px;display:inline;}
/* sub navigation - LGEGACY STUFF*/
ul.sub-navigation {width:550px; height:300px; position:absolute; top:0px; left:0px; padding:0px; margin:0px;}
ul.sub-navigation li {width:0px; height:0px; padding:0px; margin:0px; background-image:none;}
ul.sub-navigation li div {position:absolute; width:435px; height:auto; min-height:0; padding:14px 38px 0px 8px; top:146px; left:-9999px; font-size:0.8em; font-weight:normal; background:transparent none no-repeat scroll 0px 0px;}
ul.sub-navigation li div h4 {display:block; font-size:12px; padding:0.3em 0px 0px 0px;}
ul.sub-navigation li div a.overlay {float:left; display:block; position:absolute; top:12px; left:-9999px; z-index:1000; width:480px; height:60px; background:transparent;display:inline;}
ul.sub-navigation li div p {display:block; font-size:10px; padding:0.3em 0px 0px 0px;}
ul.sub-navigation li.hovered div {left:35px;}
ul.sub-navigation li.hovered div a.overlay { left:0px;}
ul.sub-navigation li a {position:absolute; display:block; width:75px; height:100px;}
ul.sub-navigation li a span {position:absolute; top:0px; left:-9999px;}
ul.sub-navigation li.item-1 a {top:42px; left:20px;}
ul.sub-navigation li.item-1 div {background-image:url('../../images/legacy/bg-left-shark-fin.png'); background-position:19px 0px;}
ul.sub-navigation li.item-2 a {top:42px; left:102px;}
ul.sub-navigation li.item-2 div {background-image:url('../../images/legacy/bg-right-shark-fin.png'); background-position:122px 0px;}
ul.sub-navigation li.item-3 a {top:42px; left:193px;}
ul.sub-navigation li.item-3 div {background-image:url('../../images/legacy/bg-left-shark-fin.png'); background-position:172px 0px;}
ul.sub-navigation li.item-4 a {top:40px; left:283px;}
ul.sub-navigation li.item-4 div {background-image:url('../../images/legacy/bg-left-shark-fin.png'); background-position:266px 0px;}
ul.sub-navigation li.item-5 a {top:45px; left:365px;}
ul.sub-navigation li.item-5 div {background-image:url('../../images/legacy/bg-right-shark-fin.png'); background-position:393px 0px;}
ul.sub-navigation li.item-6 a {top:40px; left:455px;}
ul.sub-navigation li.item-6 div {background-image:url('../../images/legacy/bg-left-shark-fin.png'); background-position:432px 0px;}
.sifr-active ul.sub-navigation li div h4 {height:21px;}
.sifr-active ul.sub-navigation li div p {padding-top:0px;}
div.promo-menu ul.sub-navigation {width:550px; height:300px; background:transparent url('../../images/assets/menu-home.jpg') no-repeat scroll 0px 0px;}
div.promo-menu ul.sub-navigation li div {width:435px;}
div.promo-menu ul.sub-navigation li div p {font-size:10px; padding:0.3em 0px 0px 0px;}
.sifr-active div.promo-menu ul.sub-navigation li div h4 {height:21px;}
.sifr-active div.promo-menu ul.sub-navigation li div p {padding-top:0px;}
div.lead ul.sub-navigation {left:auto; top:56px; right:0px; width:347px; height:114px; background:transparent url('../../images/legacy/bg-small-polaroids.png') no-repeat scroll 0px 0px;}
div.lead ul.active {height:214px;}
div.lead ul.active li.instructions {display:none;}
div.lead ul.sub-navigation li.instructions {position:absolute; width:347px; height:auto; color:#fff; top:120px; left:0px; text-align:center; font-weight:bold; font-size: 0.8em;}
div.lead ul.sub-navigation li div {top:103px; width:310px; padding-right:8px;}
div.lead ul.sub-navigation li div a.overlay {width:310px;}
div.lead ul.sub-navigation li div p {padding-right:80px; height:42px; min-height:42px; background:transparent none no-repeat 100% 20px; padding-top:0;}
div.lead ul.sub-navigation li.hovered div {left:4px;}
div.lead ul.sub-navigation li span.pic {position:absolute; width:64px; height:75px; background:transparent none no-repeat scroll 3px 2px;}
div.lead ul.sub-navigation li span.pic a {display:block; position:static; width:100%; height:100%;}
div.lead ul.sub-navigation li.active span.pic {top:0px; left:-9999px;}
div.lead ul.sub-navigation li.pos-1 span.pic {top:14px; left:5px;}
div.lead ul.sub-navigation li.pos-2 span.pic {top:19px; left:71px;}
div.lead ul.sub-navigation li.pos-3 span.pic {top:7px; left:137px;}
div.lead ul.sub-navigation li.pos-4 span.pic {top:16px; left:204px;}
div.lead ul.sub-navigation li.pos-5 span.pic {top:11px; left:269px;}
div.lead ul.sub-navigation li.item-1 span.pic {background-image:url('../../images/assets/sub-menu-linda-joyce.jpg')}
div.lead ul.sub-navigation li.item-1 div p {background-image:url('../../images/assets/sub-name-linda-joyce.gif')}
div.lead ul.sub-navigation li.item-2 span.pic {background-image:url('../../images/assets/sub-menu-anna-ross.jpg')}
div.lead ul.sub-navigation li.item-2 div p {background-image:url('../../images/assets/sub-name-anna-ross.gif')}
div.lead ul.sub-navigation li.item-3 span.pic {background-image:url('../../images/assets/sub-menu-fay-blackburn.jpg')}
div.lead ul.sub-navigation li.item-3 div p {background-image:url('../../images/assets/sub-name-fay-blackburn.gif')}
div.lead ul.sub-navigation li.item-4 span.pic {background-image:url('../../images/assets/sub-menu-lily-hendry.jpg')}
div.lead ul.sub-navigation li.item-4 div p {background-image:url('../../images/assets/sub-name-lily-hendry.gif')}
div.lead ul.sub-navigation li.item-5 span.pic {background-image:url('../../images/assets/sub-menu-may-bowman.jpg')}
div.lead ul.sub-navigation li.item-5 div p {background-image:url('../../images/assets/sub-name-may-bowman.gif')}
div.lead ul.sub-navigation li.item-6 span.pic {background-image:url('../../images/assets/sub-menu-dorothy-and-jim.jpg')}
div.lead ul.sub-navigation li.item-6 div p {background-image:url('../../images/assets/sub-name-dorothy-and-jim.gif')}
div.lead ul.sub-navigation li.pos-1 div {background-image:url('../../images/legacy/bg-left-shark-fin.png'); background-position:27px 0px;}
div.lead ul.sub-navigation li.pos-2 div {background-image:url('../../images/legacy/bg-right-shark-fin.png'); background-position:90px 0px;}
div.lead ul.sub-navigation li.pos-3 div {background-image:url('../../images/legacy/bg-left-shark-fin.png'); background-position:160px 0px;}
div.lead ul.sub-navigation li.pos-4 div {background-image:url('../../images/legacy/bg-right-shark-fin.png'); background-position:224px 0px;}
div.lead ul.sub-navigation li.pos-5 div {background-image:url('../../images/legacy/bg-right-shark-fin.png'); background-position:300px 0px;}
html > body div.lead ul.sub-navigation li div p {height:auto;}
/* generational trends copy */
div#graph_container {
width: 935px;
overflow: hidden;
background: #9ccb47 none;
padding: 10px;
}
div#graph_container div#graph_desc {
width: 300px;
float: left;
}
div#graph_container div#graph_desc p {
font-weight: bold;
color: #274b7d;
}
div#graph_container div#graph_plot {
width: 625px;
float: left;
margin: 0 0 0 10px;
}
div#graph_container div#graph_plot ul li {
display: inline;
}
div#graph_container div#graph_plot ul li a {
display: block;
float: left;
width: 156px;
height: 140px;
text-indent: -9999px;
}
div#graph_container div#graph_plot ul li#b1 a {
background: transparent url('../../images/generational_trends/b1.jpg') no-repeat;
}
div#graph_container div#graph_plot ul li#b2 a {
background: transparent url('../../images/generational_trends/b2.jpg') no-repeat;
}
div#graph_container div#graph_plot ul li#b3 a {
background: transparent url('../../images/generational_trends/b3.jpg') no-repeat;
}
div#graph_container div#graph_plot ul li#b4 a {
background: transparent url('../../images/generational_trends/b4.jpg') no-repeat;
}
div#graph_container div#graph_plot ul li#b5 a {
background: transparent url('../../images/generational_trends/b5.jpg') no-repeat;
}
div#graph_container div#graph_plot ul li#b6 a {
background: transparent url('../../images/generational_trends/b6.jpg') no-repeat;
}
div#graph_container div#graph_plot ul li#b7 a {
background: transparent url('../../images/generational_trends/b7.jpg') no-repeat;
}
div#graph_tabs ul {
width: 955px;
overflow: hidden;
}
div#graph_tabs ul li {
float: left;
}
div#graph_tabs ul li.trend_act a, div#graph_tabs ul li a:hover {
background: transparent url('../../images/generational_trends/tab_on.gif') no-repeat;
}
div#graph_tabs ul li a {
font-size: 0.8em;
color: #fff;
font-weight: bold;
display: block;
width: 117px;
height: 41px;
margin: 0 2px 0 0;
text-align: center;
padding: 10px 0 0 0;
background: transparent url('../../images/generational_trends/tab_off.gif') no-repeat;
}
div.generational_trends div#bottom {
width: 955px;
overflow: hidden;
height: 160px;
margin: 20px 0 0 0;
}
div.generational_trends div#bottom .drifter {
width: 300px;
margin: 0 10px 0 0;
}
div.generational_trends div#bottom .drifter h2 {
border-bottom: 4px solid #ccc;
margin: 0 0 10px 0;
}
div.generational_trends div#bottom .drifter p {
margin: 0 90px 10px 0;
}
.i9 {
top: -110px;
_top: -100px;
left: 210px;
_margin-bottom: -100px !important;
}
.i10 {
top: -145px;
_top: -140px;
left: 199px;
}
/* accessibility content */
ul.arrows {
font-size: 0.8em;
margin: 10px 0 10px 0;
}
ul.sitemap li {
font-size: 0.8em;
line-height: 140%;
margin: 0 0 5px 0;
padding: 0 0 0 0;
}
ul.sitemap li ul li {
font-size: 1em;
padding: 0 0 0 10px;
}
ul.sitemap li ul li ul li {
padding: 0 0 0 20px;
}
/* errors */
p.error {
color: red;
font-size: 1em;
font-weight: bold;
margin: 0 0 10px 0;
}
/* footer */
div#footer {
width: 955px;
margin: 0 auto;
padding: 10px 0 20px 0;
text-align: right;
}
/* the wrinkly campaign */
div#flash_wrinkly {
margin: 0 0 20px 0;
}
div.about div#content_right div#old_fashioned h2 {
border-bottom: 4px solid #ccc;
margin: 0 0 10px 0;
}
div.about div#content_right div#life_calculator h2 {
border-bottom: 4px solid #ccc;
margin: 0 0 10px 0;
}
div.about div#content_right div#life_calculator {
width: 300px;
margin: 20px 10px 0 0;
background: transparent url('../../images/small_stuff/life_calc_big.jpg') no-repeat right 40px;
}
div.about div#content_right div#life_calculator p {
margin: 0 160px 25px 0;
}
div.about div#content_right div#life_calculator p.arr_grey {
margin: 10px 0 0 0;
}
div#comment_box {
width: 610px;
overflow: hidden;
margin: 20px 0 20px 0;
}
div#comments {
width: 300px;
float: right;
}
div#comments h3, div#comment_form h3 {
font-weight: bold;
font-size: 0.9em;
}
div#comments p {
font-size: 0.7em;
}
div#comments p.comment_p {
margin: 20px 0 0 0;
}
div#comment_form {
width: 280px;
margin: 0 10px 0 0;
padding: 10px;
background: #ededed none;
float: left;
}
div#comment_form label, div#comment_form input, div#comment_form select {
font-size: 0.8em;
display: block;
}
div#comment_form label {
margin: 10px 0 5px 0;
}
div#comment_form .inp {
border: 1px solid #333;
width: 250px;
}
div#comment_form input#bttn_submit {
margin: 20px 0 0 0;
}
div.cmn {
margin: 0 0 10px 0;
}
ul#pagination {
font-size: 0.8em;
margin: 0 0 10px 0;
padding: 0;
}
ul#pagination li {
display: inline;
margin: 0 5px 0 0;
}