html {
height:100%;
overflow-y:hidden;
}

body {
background-position : left top;
margin : 0;
overflow-y:auto; /* This fixes IE6 scaling problem */
}

#bg {
position: absolute;
background-color : transparent;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index:-1;
}

#wrapper {
position: absolute;
top: 12%;
left: 50%;
margin-top:-65px;
margin-left:-465px;
width: 930px;
height: 550px;
text-align: left;
background-color:transparent;
z-index: 2;
}

#loading_gif {
position: absolute;
top:340px;
left:46%;
width: 48px;
height: 48px;
z-index: -2;
}

.title {
font-family : verdana, arial, sans-serif;
font-size : 20px;
line-height : 35px;
color : #8a8a04;
display : block;
}

.titlerunon {
font-family : verdana, arial, sans-serif;
font-size : 18px;
line-height : 35px;
color : #8a8a04;
text-decoration : none;
}

.quote_header {
font-family : verdana, arial, sans-serif;
font-style : italic;
font-size : 15px;
line-height : 15px;
color : #8a8a04;
}

.quote {
font-family : verdana, arial, sans-serif;
font-size : 13px;
line-height : 20px;
padding-left: 0px;
color : #8a8a04;
}

.quotedark {
font-family : verdana, arial, sans-serif;
font-size : 13px;
line-height : 20px;
padding-left: 0px;
color : #8a8a04;
}

.source {
font-family : verdana, arial, sans-serif;
font-size : 11px;
font-weight : bold;
line-height : 20px;
text-transform: uppercase;
padding-left: 0px;
color : #fff;
}

.out_quote {
font-family : verdana, arial, sans-serif;
font-size : 15px;
line-height : 20px;
padding-left: 0px;
color : #8a8a04;
}

.out_quote_source {
font-size : 13px;
color : #fff;
text-transform: uppercase;
}

#myScrollContainer {
position : absolute;
top : 146px;
left : 50px;
background-color : transparent;
z-index: 5;
}

#myScrollContent {
font-family : verdana, arial, sans-serif;
font-size : 11px;
line-height : 19px;
padding-left : 0px;
padding-right : 10px;
color : #fff;
}

#myScrollContent a{
text-decoration: none;
color : #8a8a04;
}

#myScrollContent a:hover{
text-decoration: underline;
color : #8a8a04;
}

#logoolive {
position : absolute;
top : 0px;
left : 50px;
height : 200px;
width : 271px;
}

#standfirst {
position : absolute;
background-color: transparent;
top : 170px;
left : 50px;
height : 400px;
width : 600px;
}

#slideshow {
position : absolute;
background-color : transparent;
right : 50px;
top : 120px;
height : 395px;
width: 425px;
}

#arrow_up {
position : absolute;
background-color : transparent;
left : 415px;
top : 460px;
width : 24px;
height : 18px;
}

#arrow_down {
position : absolute;
background-color : transparent;
left : 415px;
top : 485px;
width : 24px;
height : 18px;
}

#menuActuator a {
position : absolute;
top : 120px;
left : 50px;
width : 162px;
background-image : url(../images/menu_bar.png);
background-repeat : no-repeat;
background-position : left top;
color : #fff;
font-size : 9px;
font-family : verdana;
text-decoration : none;
padding : 2px 10px;
z-index:5;
}

#menuActuator a:hover {
color : #000;
background-color: #fff;
}

.menu {
color : #ffffff;
font-size : 10px;
font-family : verdana;
line-height : 2;
text-align: left;
_background-color: #8a8a04; /* This hides the background colour from browsers other than IE */
background-image : url(../images/menu_panel.png);
background-repeat : no-repeat;
background-position : left top;
padding : 10px 10px 0 10px;
}

.menu a {
color : #000000;
font-size : 10px;
font-family : verdana;
line-height : 1.5;
display : block;
padding-left : 6px;
padding-right : 10px;
text-decoration : none;
}

.menu a:hover {
background-color : #ffffff;
margin-right : 20px;
}

ul {
font-weight: bold;
list-style-type: square;
margin: 10px;
padding: 10px;
}

#contact {
position : absolute;
top : 60px;
right: 50px;
font-family : verdana, arial, sans-serif;
font-size : 11px;
line-height: 18px;
color : #8a8a04;
text-align: right;
}

#contact a{
color : #8a8a04;
text-decoration: none;
}

#contact a:hover{
color : #fff;
text-decoration: underline;
}