html{
font-size: 22px;
}
#container
{
position: absolute;
width: 1000px;
height: 750px;
margin-left: -500px;
left: 50%;
background-repeat: no-repeat;
background-position: left center;
z-index: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container_head
{
position: absolute;
top: 0%;
height: 17%;
width: 95%;
background-image: url(../images/wbFFA_logo.png);
background-repeat: no-repeat;
bottom: 0%;
right: 0%;
background-position: left bottom;
}
#access{
width: 40%;
right: 3%;
position: absolute;
height: 100%;
bottom: 0%;
top: 0%;
}
#access a{
text-decoration: none;
color: #E44A02;
}
#lightorangelabel {
background-color: #FFF2EC;
color: #E44A02;
font-weight: bold;
width: 41%;
padding-left: 0.2em;
position: absolute;
height: 30%;
top: 0px;
padding-top: .2px;
padding-right: .2px;
padding-bottom: .2px;
}
#access_options_a {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: .85em;
position: absolute;
height: 30%;
left: 45%;
}
#access_options_aa {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: 1.25em;
position: absolute;
top: 0%;
height: 30%;
left: 60%;
}
#access_options_aaa {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: 1.5em;
text-decoration: overline;
position: absolute;
height: 30%;
left: 75%;
top: 0%;
}
#container_footer {
position: absolute;
height: 8%;
width: 92%;
bottom: 0%;
right: 3%;
background-color: #E44A02;
}
#topnav{
position: absolute;
width: 100%;
top: 18%;
height: 8%;
}
#container_left_top {
position: absolute;
left: 2%;
top: 27%;
height: 26%;
width: 47%;
padding-left: 1%;
background-image: url(../images/home_image2007.png);
background-repeat: no-repeat;
background-position: right bottom;
}
#container_left_bottom{
position: absolute;
left: 2%;
top: 54%;
height: 35%;
width: 65%;
padding-left: 5%;
padding-right: 3%;
}
#container_right {
position: absolute;
top: 27%;
height: 64%;
width: 26%;
right: 0%;
}
body {
font-size: .8em;
}
#container_centre {
position: absolute;
left: 51%;
top: 27%;
height: 26%;
width: 15%;
padding-left: 1%;
background-image: url(images/EHRC_Scot_Helpline_2757.png);
background-repeat: no-repeat;
background-position: left top;
}
#topnav li,#container_footer li {
list-style-type: none;
display: inline;
}
#topnav ul,#container_footer ul {
text-decoration: none;
left: 0%;
width: 100%;
position: absolute;
height: 50%;
}
#topnav a,#container_footer a {
text-decoration: none;
color: #FFFFFF;
background-color: #E44A02;
padding-right: 2%;
font-size: 1em;
font-weight: bold;
padding-top: 1%;
padding-left: 1%;
padding-right: 2%;
padding-bottom: 1%;
}
#topnav a:hover,#container_footer a:hover {
text-decoration: none;
color: #E44A02;
background-color: #FFFFFF;
padding-right: 2%;
padding-left: 1%;
padding-bottom: 2%;
font-weight: bold;
}
table {
position: absolute;
height: 100%;
top: 0%;
width: 100%;
left: 0%;
}
.bigpara{
font-size: 1.35em;
color: #666666;
vertical-align: top;
}
h2 {
font-size: 2em;
}
.orange_h{
color: #E44A02;
font-size: 1em;
font-weight: bold;
}#container_right_image {
position: absolute;
height: 64%;
width: 20%;
right: 0%;
bottom: 8%;
}
#bottomnews {
position: absolute;
height: 33.3%;
width: 98%;
right: 0%;
bottom: 0%;
left: 1%;
}
#middlenews {
position: absolute;
height: 23%;
width: 98%;
right: 0%;
left: 1%;
top: 40%;
}
#topnews {
position: absolute;
height: 23%;
width: 98%;
right: 0%;
left: 1%;
top: 0%;
}
.bigpara_orange {
font-size: 2em;
color: #E44A02;
}
.bigpara_top {
color: #666666;
}
#bigpara_top {
position: absolute;
left: 2%;
top: 37%;
height: 35%;
width: 65%;
padding-left: 5%;
padding-right: 3%;
font-size: 1.35em;
color: #333333;
}
#container_right_image {
position: absolute;
top: 28%;
height: 64%;
width: 20%;
right: 3%;
background-repeat: no-repeat;
background-position: center bottom;
}
.about{
background-image: url(../images/kathleen_antenatal.png);
}
.ged {
background-image: url(../images/laura_human_resources.png);
}
#publications {
position: absolute;
top: 27%;
height: 64%;
width: 90%;
left: 5%;
}
.publications {
background-image: url(../images/frank.png);
}
.label {
background-color: #E44A02;
color: #FFFFFF;
}
.pdf {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.links {
background-color: #FFFFCC;
}
.useful_links {
background-image: url(../images/alexander_dental_nurse.png);
}
.events {
background-image: url(../images/robert_domestic_help.png);
}
.network {
background-image: url(../images/Lubna_Kerr.png);
}
.resources {
background-image: url(../images/Margaret.png);
}
.strands {
background-image: url(../images/Chrys-Lerpiniere.png);
background-position: 75%;
}
#strand_links {
position: absolute;
left: 6%;
height: 15%;
width: 70%;
bottom: 15%;
text-align: left;
z-index: 2;
}
td {
background-repeat: no-repeat;
background-position: left top;
text-align: left;
}
#strand_links li {
display: inline;
list-style-type: none;
padding-right: 2%;
}
#strand_links ul {
position: absolute;
left: 0%;
width: 100%;
height: 100%;
}
#strand_links a {
list-style-type: none;
text-decoration: none;
color: #E44A02;
bottom: 0%;
font-weight: bold;
text-align: center;
font-size: .85em;
}
textarea {
background-color: #FFFFCC;
width: 90%;
height: 65%;
font-weight: bold;
color: #E44A02;
}
input {
background-color: #FFFFCC;
width: 90%;
font-weight: bold;
color: #E44A02;
}
#strand_links_image {
position: absolute;
left: 0%;
height: 12%;
width: 100%;
bottom: 15%;
}
#strand_links_image li {
display: inline;
list-style-type: none;
padding-right: 2%;
}
#strand_links_image ul {
position: absolute;
left: 0%;
}
#strand_links_image a {
list-style-type: none;
text-decoration: none;
color: #CC3300;
text-align: left;
bottom: 0%;
}.age {
list-style-type: none;
text-decoration: none;
background-image: url(images/strands/age2007.png);
width: 20%;
height: 84%;
}
.sexualorientation {
list-style-type: none;
text-decoration: none;
text-align: center;
vertical-align: center;
background-repeat: no-repeat;
width: 20%;
height: 84%;
background-position: left center;
}
.religion {
list-style-type: none;
text-decoration: none;
text-align: center;
vertical-align: center;
background-image: url(images/strands/religion2007.png);
height: 84%;
}
.Text {
list-style-type: none;
text-decoration: none;
text-align: center;
position: absolute;
width: 20%;
height: 15%;
}
.race {
list-style-type: none;
text-decoration: none;
text-align: center;
vertical-align: center;
background-image: url(images/strands/race2007.png);
width: 20%;
height: 84%;
}
.disability {
list-style-type: none;
text-decoration: none;
text-align: center;
vertical-align: center;
background-image: url(images/strands/disability2007.png);
width: 20%;
height: 84%;
}
#contact_left {
position: absolute;
left: 5%;
top: 35%;
height: 55%;
width: 45%;
padding-left: 5%;
padding-right: 3%;
}
.label_contact {
color: #E44A02;
font-weight: bold;
}
.db_nav {
color: #FF6600;
text-decoration: none;
}
#contact_right {
position: absolute;
top: 33%;
height: 55%;
width: 40%;
padding-left: 5%;
padding-right: 3%;
right: 0%;
}
.tdevents50 {
text-align: left;
width: 50%;
}
.10percent {
width: 10%;
}
#event_left {
position: absolute;
left: 5%;
top: 35%;
height: 70%;
width: 45%;
padding-left: 5%;
padding-right: 3%;
}
#publications_left {
position: absolute;
left: 7%;
top: 35%;
height: 60%;
width: 75%;
padding-left: 5%;
padding-right: 3%;
font-size: 1.2em;
}
#publications_left a{
color: #FF6600;
text-decoration: none;
font-weight: lighter;
}
.name {
text-decoration: none;
font-weight: normal;
width: 70%;
position: absolute;
left: 0%;
top: 0%;
}
.orangetext {
text-decoration: none;
font-weight: normal;
width: 100%;
color: #E44A02;
text-align: left;
left: 5%;
}
#pageheader {
position: absolute;
left: 2%;
top: 28%;
height: 8%;
width: 60%;
padding-left: 5%;
padding-right: 3%;
font-size: 2em;
color: #999999;
letter-spacing: .25em;
}
.60percent {
width: 60%;
}
#events_left {
position: absolute;
left: 7%;
top: 35%;
height: 40%;
width: 70%;
padding-left: 5%;
padding-right: 3%;
font-size: 1.2em;
text-decoration: none;
}
.title {
font-size: 1.1em;
color: #E44A02;
}
.date {
font-size: 0.85em;
color: #E44A02;
}
.pdf {
left: 70ex;
top: 0%;
}
.detail {
font-size: .85em;
color: #333333;
}
.venue {
font-size: 0.85em;
color: #333333;
}
.pagelink {
font-size: 0.85em;
color: #E44A02;
}
.navlink {
font-size: 1.1em;
color: #E44A02;
}
#access_options_yb {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: .85em;
position: absolute;
height: 30px;
left: 45%;
top: 32%;
}
#access_options_bw {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: 1.25em;
position: absolute;
height: 30%;
left: 60%;
top: 33%;
}
#access_options_default {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: 1.5em;
text-decoration: overline;
position: absolute;
height: 30px;
left: 75%;
top: 32%;
}
#access_options_yb_combo {
color: #E44A02;
width: 15%;
text-align: center;
font-weight: bold;
font-size: .85em;
bottom: 0%;
position: absolute;
left: 45%;
height: 30%;
}
#access_options_bw_combo {
color: #E44A02;
width: 19%;
text-align: center;
font-weight: bold;
font-size: 1.25em;
background-repeat: no-repeat;
background-position: center center;
}
#access_options_default_combo {
color: #E44A02;
width: 12%;
text-align: center;
font-weight: bold;
font-size: 1.5em;
text-decoration: overline;
background-image: url(../images/access/size%20and%20colour/text_and_colours_default.png);
background-repeat: no-repeat;
background-position: center center;
}
#lightorangelabel2 {
background-color: #FFF2EC;
color: #E44A02;
font-weight: bold;
width: 41%;
padding-left: 0.2em;
position: absolute;
height: 30%;
top: 33px;
}
#lightorangelabel3 {
background-color: #FFF2EC;
color: #E44A02;
font-weight: bold;
width: 41%;
padding-left: 0.2em;
position: absolute;
height: 30%;
bottom: 1%;
}
#access_options_yb a {
color: #E44A02;
text-align: center;
font-weight: bold;
font-size: .85em;
background-image: url(../images/access/colour/yb.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
}
#access_options_bw a {
color: #0033CC;
text-align: center;
font-weight: bold;
font-size: 0.85em;
background-image: url(../images/access/colour/bw.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
}
#access_options_a a {
color: #0033CC;
text-align: center;
font-weight: bold;
font-size: 0.85em;
background-image: url(../images/access/size/a.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
}
#access_options_aa a {
color: #0033CC;
text-align: center;
font-weight: bold;
font-size: 0.85em;
background-image: url(../images/access/size/aa.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
}
#access_options_aaa a {
color: #0033CC;
text-align: center;
font-weight: bold;
font-size: 0.85em;
background-image: url(../images/access/size/aaa.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
}
#strand_links a {
left: 0%;
height: 100%;
width: 100%;
z-index: 2;
top: 0%;
}
#access_options_default a {
color: #E44A02;
text-align: center;
font-weight: bold;
font-size: .85em;
background-image: url(../images/access/colour/defaullt.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
height: 100%;
width: 100%;
left: 0%;
top: 0%;
}
#strand_links a {
z-index: 2;
border: 1px solid #E44A02;
padding: 1%;
}
#access_options_yb_combo a {
color: #E44A02;
width: 100%;
text-align: center;
font-weight: bold;
font-size: .85em;
position: absolute;
left: 0%;
height: 100%;
background-image: url(../images/access/size%20and%20colour/text_and_colours_yb.png);
top: 0px;
background-repeat: no-repeat;
}
.publication_name {
text-decoration: none;
font-weight: normal;
width: 80%;
}
#next{
position: absolute;
height:30%;
width:27%;
right: 10%;
bottom: 2%;
}
#previous{
position: absolute;
height: 10%;
width: 30%;
left: 30%;
bottom: 0%;
text-align: right;
}