<!--

a {
 color: #CE0A58;
 text-decoration: none;
 outline: none;
}

a:hover {
 text-decoration: underline;
}

html {

}

body {
 background-color: #A59D95;
 color: #333;
 font-family: arial, sans-serif;
 margin: 0;
}

form {
 margin: 0;
 padding: 0;
}

img {
 border: 0;
}

br.clear {
 clear: both;
 border: 0;
 height: 0;
}

input, select, textarea {
 font-size: 11px;
 font-family: tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0 0 2px 0;
}

p {
 margin: 0 0 12px 0;
}

/* ----- - ----- */

div#page_container {
 position: relative;
 margin: 20px auto;
 width: 960px;
 background-color: #E8E6E6;
 color: #333;
 border: 1px solid #B5B6BA;
}

ul#navigation {
 margin: 0;
 padding: 0 0 0 16px;
 display: block;
 width: 944px;
 height: 27px;
 background-color: #000;
 color: #FFF;
 list-style: none;
 font-size: 12px;
}

ul#navigation a {
 font-weight: bold;
 color: #FFF;
}

ul#navigation li {
 display: block;
 float: left;
 padding: 6px 20px 0 0;
#padding: 6px 19px 0 0;
}

ul#navigation li.sel a {
 color: #CE0A58;
}

ul#navigation li.right {
 float: right;
 padding-right: 19px;
}

ul#navigation li.right a {
 font-weight: normal;
}


/* ----- - ----- */
div#home_content {
 position: relative;
 clear: both;
 display: block;
 width: 893px;
 height: 768px;
 margin: 22px 0 0 40px;
 background: url('../graphics/bg_home.gif') no-repeat top right;
}

div#home_content h1 {
 display: none;
}

div#home_content div.stamp {
 position: absolute;
 overflow: hidden;
 display: block;
 width: 309px;
 height: 426px;
 margin:  67px 0 0 489px;
 padding: 16px 15px 16px 17px;
 background: url('../graphics/postage_stamp.gif') no-repeat top left;
}

div#home_content div.stamp img {
 position: absolute;
 margin: 46px 0 0 15px;
}

div#home_content div.stamp h2 {
 display: block;
 clear: both;
 width: 267px;
 height: 44px;
 margin: 117px 0 0 14px;
 #margin: 134px 0 0 14px;
 background: url('../graphics/stamp_h2.gif') no-repeat top left;
}

div#home_content div.stamp h3 {
 display: block;
 clear: both;
 width: 267px;
 height: 152px;
 margin: 25px 0 0 15px;
 background: url('../graphics/stamp_h3.gif') no-repeat top left;
}

div#home_content div.stamp a.more {
 display: block;
 clear: both;
 width: 252px;
 height: 18px;
 margin: 30px 0 0 15px;
 background: url('../graphics/stamp_h5.gif') no-repeat top left;
}

div#home_content div.stamp a.support {
 display: block;
 clear: both;
 width: 240px;
 height: 38px;
 margin: 16px 0 0 14px;
 background: url('../graphics/stamp_h4.gif') no-repeat top left;
}

div#home_content div.stamp h2 span { display: none; }
div#home_content div.stamp h3 span { display: none; }
div#home_content div.stamp a span { display: none; }

div.person {
 position: absolute;
}

div.off {
 display: block;
}

div.on {
 display: none;
 z-index: 10;
}

div.details {
 position: absolute;
 text-transform: uppercase;
 font-size: 10px;
 z-index: 20;
 display: none; 
 top: 0;
 left: 0;
 white-space: nowrap;
 background: url('../graphics/bg_details.png') no-repeat bottom left;
 _background-image: none;
}

div.details p {
 margin: 0 0 7px 4px;
 padding: 8px 10px;
 border: 1px solid #8A8A89;
 background-color: #FFF;
 color: #333;
 line-height: 11px;
}

div#person_1_off, div#person_1_on   { margin: 32px  0 0 10px; }
div#person_2_off, div#person_2_on   { margin: 32px  0 0 94px; }
div#person_3_off, div#person_3_on   { margin: 32px  0 0 179px; }
div#person_4_off, div#person_4_on   { margin: 32px  0 0 265px; }
div#person_5_off, div#person_5_on   { margin: 32px  0 0 350px; }
div#person_6_off, div#person_6_on   { margin: 133px 0 0 10px; }
div#person_7_off, div#person_7_on   { margin: 133px 0 0 94px; }
div#person_8_off, div#person_8_on   { margin: 133px 0 0 179px; }
div#person_9_off, div#person_9_on   { margin: 133px 0 0 265px; }
div#person_10_off, div#person_10_on { margin: 133px 0 0 350px; }
div#person_11_off, div#person_11_on { margin: 234px 0 0 10px; }
div#person_12_off, div#person_12_on { margin: 234px 0 0 94px; }
div#person_13_off, div#person_13_on { margin: 234px 0 0 179px; }
div#person_14_off, div#person_14_on { margin: 234px 0 0 265px; }
div#person_15_off, div#person_15_on { margin: 234px 0 0 350px; }
div#person_16_off, div#person_16_on { margin: 335px 0 0 10px; }
div#person_17_off, div#person_17_on { margin: 335px 0 0 94px; }
div#person_18_off, div#person_18_on { margin: 335px 0 0 179px; }
div#person_19_off, div#person_19_on { margin: 335px 0 0 265px; }
div#person_20_off, div#person_20_on { margin: 335px 0 0 350px; }
div#person_21_off, div#person_21_on { margin: 436px 0 0 10px; }
div#person_22_off, div#person_22_on { margin: 436px 0 0 94px; }
div#person_23_off, div#person_23_on { margin: 436px 0 0 179px; }
div#person_24_off, div#person_24_on { margin: 436px 0 0 265px; }
div#person_25_off, div#person_25_on { margin: 436px 0 0 350px; }
div#person_26_off, div#person_26_on { margin: 538px 0 0 10px; }
div#person_27_off, div#person_27_on { margin: 538px 0 0 94px; }
div#person_28_off, div#person_28_on { margin: 538px 0 0 179px; }
div#person_29_off, div#person_29_on { margin: 538px 0 0 265px; }
div#person_30_off, div#person_30_on { margin: 538px 0 0 350px; }
div#person_31_off, div#person_31_on { margin: 538px 0 0 434px; }
div#person_32_off, div#person_32_on { margin: 538px 0 0 519px; }
div#person_33_off, div#person_33_on { margin: 538px 0 0 605px; }
div#person_34_off, div#person_34_on { margin: 538px 0 0 690px; }
div#person_35_off, div#person_35_on { margin: 538px 0 0 774px; }
div#person_36_off, div#person_36_on { margin: 639px 0 0 10px; }
div#person_37_off, div#person_37_on { margin: 639px 0 0 94px; }
div#person_38_off, div#person_38_on { margin: 639px 0 0 179px; }
div#person_39_off, div#person_39_on { margin: 639px 0 0 265px; }
div#person_40_off, div#person_40_on { margin: 639px 0 0 350px; }
div#person_41_off, div#person_41_on { margin: 639px 0 0 434px; }
div#person_42_off, div#person_42_on { margin: 639px 0 0 519px; }
div#person_43_off, div#person_43_on { margin: 639px 0 0 605px; }
div#person_44_off, div#person_44_on { margin: 639px 0 0 690px; }
div#person_45_off, div#person_45_on { margin: 639px 0 0 774px; }


/* ----- - ----- */
div#page_content_blank {
 display: block;
 position: relative;
 width: 941px;
 margin: 0 0 0 8px;
 padding: 40px 0 40px 0;
}

div#page_popup {
 display: block;
 position: relative;
 margin: 0;
 padding: 10px 10px 10px 120px;
 font-size: 80%;
 background-color: #E8E6E6;
 color: #333;
 background: url('../graphics/artfund_logo_small.gif') no-repeat top left;
}

div#page_popup h1#foot_head,
div#page_content_blank h1#foot_head {
 font-size: 39px;
 text-align: right;
 font-weight: bold;
 padding: 10px 30px 0 0;
 margin: 0 0 40px 30px;
 height: 67px;
 display: block;
 font-family: arial, sans-serif;
 background: url('../graphics/artfund_logo_page.gif') no-repeat top left;
}

div#page_popup h1#foot_head {
 text-align: left;
 font-size: 26px;
 margin: 0;
 background: url('../graphics/sp.gif') no-repeat top left;
}

div#page_content {
 display: block;
 position: relative;
 width: 941px;
 margin: 0 0 0 8px;
 padding: 13px 0 80px 0;
 background: url('../graphics/page_foot.gif') no-repeat bottom left;
}

div#page_content h1#page_head {
 display: block;
 position: relative;
 width: 941px;
 height: 140px;
 background: url('../graphics/page_head.gif') no-repeat top left;
 padding: 0;
 margin: 0 0 10px 0;
}

div#page_content h1#page_head span {
 display: none;
}

div#page_content div.copy {
 padding: 0 40px 0 59px;
 font-size: 12px;
}

div#page_content div.copy h1 {
 margin-bottom: 6px;
}

div#page_content_blank div.copy {
 padding: 0 30px;
 font-size: 12px;
}

div#page_content div.copy div.biog {
 padding: 0 0 0 250px;
 width: 300px;
 background: url('../graphics/steve02.jpg') no-repeat top left;
}

div#page_content div.copy div.qandc {
 background: url('../graphics/qandc01.jpg') no-repeat top left;
}

div#page_content div.personnel {
 white-space: nowrap;
 padding: 8px 0 0 0;
}

div#page_content div.personnel ul {
 position: relative;
 display: block;
 width: 830px;
 margin: 0;
 padding: 0;
 list-style: none;
}

div#page_content div.personnel ul li.year {
 clear: both;
 position: relative;
 display: block;
 top: -1px;
 background-color: #CCCACA;
 width: 816px;
 height: 17px;
 padding: 7px 0 0 14px;
 border: 0;
 z-index: 10;
}

div#page_content div.personnel ul li {
 position: relative;
 overflow: show;
 display: block;
 width: 400px;
 height: 101px;
 border-bottom: 1px solid #FFF;
 padding: 10px 0 11px 12px;
 color: #999;
 font-size: 11px;
 text-transform: uppercase;
 line-height: 12px;
}

div#page_content div.personnel ul li.left {
 float: left;
}

div#page_content div.personnel ul li.right {
 float: right;
}

div#page_content div.personnel ul li span.img {
 position: absolute;
 display: block;
 width: 81px;
 height: 98px;
 padding: 3px 0 0 4px;
 background: url('../graphics/frame.gif') no-repeat top left;
}

div#page_content div.personnel ul li span.text {
 position: relative;
 display: block;
 padding: 60px 0 0 95px;
}

div#page_content div.copy ul.images {
 position: relative;
 margin: 0 0 0 8px;
 padding: 0;
 list-style: none;
 float: right;
 width: 273px;
}

div#page_content div.copy ul.images li.copyright {
 color: #999;
 font-size: 75%;
 padding: 0 0 40px 0;
}

div#page_content div.copy h2.total {
 display: block;
 width: 530px;
 height: 40px;
 background: url('../graphics/bg_total.gif') no-repeat top left;
 padding: 16px 0 0 25px;
 #padding: 14px 0 0 25px;
 #height: 42px;
 margin: 0 0 19px 0;
}

div#page_content div.copy h3.total {
 display: block;
 width: 530px;
 height: 40px;
 background: url('../graphics/bg_those.gif') no-repeat top left;
 padding: 16px 0 0 25px;
}

div#page_content div.copy ul.supporters {
 list-style: none;
 margin: 0 25px;
 width: 505px;
 padding: 0;
 color: #666;
}

div#page_content div.copy ul.supporters li {
 display: block;
 width: 250px;
 float: left;
 margin: 0 0 4px 0;
}

div#page_content div.copy form {
 display: block;
 padding: 0 0 15px 0;
 margin: 0 0 15px 0;
 width: 555px;
 color: #666;
 background: #FFF url('../graphics/bg_form_foot.gif') no-repeat bottom left;
}

div#page_content div.copy form em {
 color: #C06
}

div#page_content div.copy form h2 {
 display: block;
 padding: 10px 0 10px 25px;
 margin: 0;
 width: 530px;
 font-weight: normal;
 font-size: 100%;
 background: url('../graphics/bg_form_head.gif') no-repeat top left;
}

div#page_content div.copy form h2 span {
 font-weight: bold;
 font-size: 160%;
 color: #333;
 display: block;
 padding: 0 0 10px 0;
}

div#page_content div.copy form h3 {
 color: #C00;
 font-size: 100%;
 padding: 0 0 10px 25px;
}

div#page_content div.copy form p {
 text-align: right;
 padding: 0 25px;
 margin: 0;
}

div#page_content div.copy form p.text {
 text-align: left;
 color: #333;
 margin: 0 0 10px 0;
}

div#page_content div.copy form p.disclaimer {
 text-align: left;
 color: #999;
 font-size: 90%;
 margin: 0 10px 10px 0;
}

div#page_content div.copy form p input {
 font-size: 13px;
}

div#page_content div.copy form p a.terms {
 font-size: 80%;
 margin: 0;
 float: left;
}

div#page_content div.copy form ul {
 margin: 0;
 padding: 0 25px;
 list-style: none;
}

div#page_content div.copy form ul li {
 clear: left;
 margin: 0 0 7px 0;
}

div#page_content div.copy form ul li.f label {
 display: block;
 float: left;
 padding: 2px 0 0 0;
}

form#support ul li.f label {
 width: 150px;
}

form#qanda ul li.f label {
 width: 110px;
}

div#page_content div.copy form ul li input.tf {
 background-color: #EEECEC;
 border: 1px solid #CDCAC7;
 font-size: 13px;
 width: 220px;
}

div#page_content div.copy form ul li input.s {
 width: 60px;
}

div#page_content div.copy form ul li.c {
 margin: 0 0 12px 0;
}

div#page_content div.copy form ul li.c label {
 font-size: 90%;
}

div#page_content div.copy form ul li.c input {
 display: block;
 float: left;
 margin: 1px 8px 8px 0;
 #margin-top: -2px;
}

div#page_content div.copy ul.qanda {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 555px;
}

div#page_content div.copy ul.qanda li.question {
 background: #FFF url('../graphics/bg_form_q.gif') no-repeat top left;
}

div#page_content div.copy ul.qanda li.question p {
 padding: 45px 20px 25px 20px;
 background: url('../graphics/bg_form_foot.gif') no-repeat bottom left;
}

div#page_content div.copy ul.qanda li.answer {
 padding: 45px 20px 25px 20px;
 background: url('../graphics/bg_form_a.gif') no-repeat top left;
}

div#page_content div.copy ul.family {
 clear: both;
 display: block;
 margin: 20px 0 0 0;
 padding: 0;
 list-style: none;
}

div#page_content div.copy ul.family li.space {
 clear: both;
 position: relative;
 width: 545px;
 height: 15px;
 top: -14px;
 border-bottom: 1px solid #FFF;
}

div#page_content div.copy ul.family li.end {
 border: 0;
}

div#page_content div.copy ul.family li.image {
 float: right;
 width: 272px;
}

div#page_content div.copy ul.family li.image span {
 display: block;
 color: #999;
 font-size: 75%;
 padding: 10px 4px 0 4px;
}

div#page_content div.copy ul.family li.copy {
 padding: 0 0 0 185px;
 width: 360px;
}

div#page_content div.copy ul.family li.maddison {
 background: url('../attachments/Image/family01-a.jpg') no-repeat top left;
}

div#page_content div.copy ul.family li.bacon {
 background: url('../attachments/Image/family02-a.jpg') no-repeat top left;
}

div#page_content div.copy ul.family li.copy h1 {
 background: url('../graphics/66.gif') no-repeat top left;
 font-size: 100%;
 font-weight: normal;
 padding: 0 0 0 40px;
}

div#page_content div.copy ul.family li.copy p {
 font-style: italic;
 padding: 0 0 0 40px;
}

div#page_content div.copy ul.ontour {
 clear: both;
 display: block;
 margin: 20px 0 0 0;
 padding: 0;
 list-style: none;
}

div#page_content div.copy ul.ontour a {
 font-weight: bold;
}

div#page_content div.copy ul.ontour li.southbank {
_height: 1px;
 background: url('../attachments/Image/ontour02.jpg') no-repeat top left;
 padding: 0 0 0 255px;
 height: 300px;
}

div#page_content div.copy ul.ontour li.southbank div {
_height: 1px;
 background: url('../attachments/Image/ontour01.jpg') no-repeat top right;
 padding: 0 295px 0 0;
 height: 200px;
}

div#page_content div.copy ul.ontour li.barbican {
_height: 1px;
 background: url('../attachments/Image/ontour04.jpg') no-repeat top left;
 padding: 0 0 0 255px;
 height: 505px;
}

div#page_content div.copy ul.ontour li.barbican div {
_height: 1px;
 background: url('../attachments/Image/ontour03.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.liverpool {
_height: 1px;
 background: url('../attachments/Image/ontour05.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.liverpool div {
_height: 1px;
 background: url('../attachments/Image/ontour06.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.scotland {
_height: 1px;
 background: url('../attachments/Image/ontour07.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.scotland div {
_height: 1px;
 background: url('../attachments/Image/ontour08.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.mima {
_height: 1px;
 background: url('../attachments/Image/ontour09.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.mima div {
_height: 1px;
 background: url('../attachments/Image/ontour10.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.wolverhampton {
_height: 1px;
 background: url('../attachments/Image/ontour11.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.wolverhampton div {
_height: 1px;
 background: url('../attachments/Image/ontour12.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.essexuni {
_height: 1px;
 background: url('../attachments/Image/ontour13.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.essexuni div {
_height: 1px;
 background: url('../attachments/Image/ontour14.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.npg {
_height: 1px;
 background: url('../attachments/Image/ontour15.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.npg div {
_height: 1px;
 background: url('../attachments/Image/ontour16.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li.rusi {
_height: 1px;
 background: url('../attachments/Image/ontour17.jpg') no-repeat top left;
 padding: 0 0 0 255px;
}

div#page_content div.copy ul.ontour li.rusi div {
_height: 1px;
 background: url('../attachments/Image/ontour18.jpg') no-repeat top right;
 padding: 0 295px 0 0;
}

div#page_content div.copy ul.ontour li div p.quote {
 font-style: italic;
 background: url('../graphics/66.gif') no-repeat top left;
 padding-top: 30px;
 margin-top: 30px;
}

div#page_content div.copy ul.ontour li div h1 {
 background: url('../graphics/99.gif') no-repeat bottom right;
 font-size: 100%;
 font-weight: normal;
 padding: 0 0 30px 0;
 margin-bottom: 10px;
}

div#page_content div.copy ul.ontour li.space {
 clear: both;
 position: relative;
 height: 10px;
 border-bottom: 1px solid #FFF;
 margin-bottom: 15px;
}

div#page_content div.copy ul.ontour li.end {
 margin: 0;
 border: 0;
}

div#page_content ul.prevnext {
 clear: both;
 position: relative;
 display: block;
 border-top: 2px solid #CCC;
 width: 510px;
 margin: 10px 0 0 0;
 padding: 8px 20px 0 25px;
 list-style: none;
}

div#page_content ul.prevnext li {
 display: inline;
}

div#page_content ul.prevnext li b {
 padding: 0 5px;
}

div#page_content ul.prevnext li.sel a {
 color: #333;
 font-weight: bold;
}


/* ----- - ----- */
ul#footer {
 clear: both;
 display: block;
 width: 950px;
 height: 39px;
 margin: 0;
 padding: 15px 0 0 10px;
 list-style: none;
 font-size: 13px;
}

ul#footer.home {
 width: 915px;
 padding: 20px 0 0 45px;
}

ul#footer a {
 color: #CE0A58;
}

ul#footer li {
 display: block;
 float: left;
 padding: 6px 21px 0 0;
}

ul#footer li.sel a {
 text-decoration: underline;
}

ul#footer li.staf {
 float: right;
 padding-right: 16px;
 font-weight: bold;
}

ul#footer li.staf a {
 padding: 0 28px 0 0;
 background: url('../graphics/staf.gif') no-repeat top right;
}

//-->