html {
    font-size: 1.25em; /* 1.25ý16px = 20px */
}

body {
    font-size: 50%; /* adjusts base font to 10px */
    margin-top: 0px;
        background:#878787 url(/ir/ote/images/interface/page_bg.gif) repeat-x top left;
padding-bottom:20px;
text-align:center;
font-family:Verdana, arial, sans-serif;
}

#pagecontainer{
margin:0px auto;
width:77.9em;
text-align:left;
}

#leftcol{
width:17.8em;
float:left;
position:relative;
left:5px;
}

#maincol{
width:60em;
float:left;
background:transparent url(/ir/ote/images/interface/maincol_bg.gif) no-repeat top left;
}

#maincolcontain{
width:59em;
margin:0 0.5em;
}



#leftshadowbox{
background:#D1E7F5;
height:5.7em;
}

#shadowright{

float:right;
margin-top:2.1em;
height:2.8em;
width:0.7em;
background: url(/ir/ote/images/interface/top_left_shadow.gif) repeat-y top right;
}

#shadowbottom{
clear:both;
float:right;
height:0.8em;
width:17.26em;
background: url(/ir/ote/images/interface/nav_top_shadow.gif) repeat-x top right;
          
}

#shadowbottom img{
float:left;
margin-left:16.6em;
}

#menushadow{
float:left;
background: transparent url(/ir/ote/images/interface/leftnav_shadow.gif) no-repeat top left;

}

#logobox{
background:#FFFFFF url(/ir/ote/images/interface/logoboxshadow.gif) repeat-y top right;
height:18.3em;
float:right;
width:17.26em;
}

#logobox a{
background:#FFFFFF url(/ir/ote/images/interface/logo_small.gif);
margin-top:1.5em;
margin-left:1.8em;
width:13.6em;
height:13.1em;
display:block;
}

#searchbox{
background:#E1E1E1 url(/ir/ote/images/interface/searchboxshadow.gif) repeat-y top right;
height:3.5em;
float:right;
width:17.26em;
}

#leftnav{
background:#CBCBCB;
float:right;
width:17.26em;
padding-bottom:1em;

}

#addressbox{

position:relative;
top:0.25em;

margin-top:-0.25em;
float:right;
width:17.26em;
height:17.5em ;
}

.nav_bottom_shadow{
height:0.5em;
width:17em;
margin-left:0.1em;
position:relative;
top:-0.3em;
left:0.3em;
}

#addresscontain{

background:#B3B3B3 url(/ir/ote/images/interface/addressboxshadow.gif) repeat-y top right;
float:right;
width:17.26em;
height:17em ;
}

#headerimage{
background:#878787 url(/ir/ote/images/interface/page_bg.gif) repeat-x top left;
}
#headerimage img{
width:59em;
height:24em;

}

#maincontent{
float:left;
background:#FFFFFF;
width:44.3em;
}

#rightcontent{
background:#FFFFFF;
float:right;
margin-right:0em;
width:14.7em;
}



#shareprice{
height:18.5em;
margin:10px 0;
}

#quicklinks{
height:15.5em;
margin:10px 0;
}


#footer{
clear:both;
height:6.9em;

background:#8FC3EA url(/ir/ote/images/interface/bottom_shadow.gif) repeat-x bottom left;
}

#hsbody{
width:38.3em;
margin: 0 3em;
color:#5890BD;
padding-bottom:1.5em;
}

#hsbody p{
font-size:1.2em;
line-height:1.4em;
}

#hsbody h1{
color:#003D7E;
font-size:1.8em;
margin-top:2em;
}

#hsbody .lightblue{

color:#B4D7F0;
}

#shareprice p{
font-size:1.2em;
color:#5890BD;
}

#shareprice h2{
color:#003D7E;
font-size:1.4em;
}

#shareprice .currentprice{
font-size:1.6em;
font-weight:bold;
margin-bottom:0;
}

#shareprice .daychange, #shareprice .pricedate{
margin:0.1em ;
}

#addressbox p{
color:#475B7C;
margin-left:1.5em;
line-height:1.3em;
}

#addressbox a{
color:#707C8A;
text-decoration:none;
}

#addressbox a:hover{
color:#707C8A;
text-decoration:underline;
}

#addressbox .telemail{
color:#707C8A;
}



#searchbox input{
background-color:#F6F6F6;
border:0;
width:12.3em;
height:1.5em;
padding-top:0.2em;
font-size:1em;
color:#475B7C;
margin-left:1.2em;
padding-left:0.5em;
position:relative;
top:0.7em;
}

#searchbox  img{
position:relative;
top:0.7em;
left:0.2em;
}

#quicklinks ul{
font-size:1.2em;
color:#5890BD;
}

#quicklinks h2{
color:#003D7E;
font-size:1.4em;
}

#quicklinks ul li{
list-style-type:none;
margin-left:-40px;
margin-top:4px;
}

#quicklinks ul li a{
font-size:0.9em;
color:#5890BD; text-decoration:none;
}

#quicklinks ul li a:hover{
color:#5890BD; text-decoration:underline;
}


#hsbody #homepage_imgs{
height:23em;
width:10.9em;
float:left;
}

#hsbody #hpmapdiv{
text-align:center;
width:21.4em;
float:left;
margin-left:1.5em;
background-color:#D9EBF7;
padding:1em 1.8em;
margin-top:-1.1em;
}

#hsbody #hpmapdiv h2{
font-size:1.1em;
font-weight:bold;
color:#003D7E;
}

#hsbody #hpmapdiv a{
font-size:1.1em;
font-weight:bold;
color:#003D7E;
text-decoration:none;

}

#hsbody #hpmapdiv a:hover{
text-decoration:underline;
}

#copyright{
float:left;
color:#FFFFFF;

margin-left:2.3em;
margin-top:3em;

}

#copyright span{
font-size:1.1em;
}

#footerlinks{
float:right;
width:17em;
margin-top:1.5em;
margin-right:2.5em;
}

#footerlinks #fl_left{
float:left;
border-right:1px solid #FFFFFF;
width:46%;
padding-right:0.5em;
}

#footerlinks #fl_right{
float:left;
padding-left:1.2em;


}

#footerlinks a{
color:#FFFFFF;
text-decoration:none;
font-size:1.1em;
display:block;
margin:0.3em 0;
}

#toolsbox{
background:#D2E8F6;
height:5.2em;
width:12.7em;
padding:1em;
}

#toolsbox span{
color:#0A3E7A;
font-size:1.1em;
}

#toolsbox a img{
border:0;
margin-top:1em;
margin-left:0.4em;
width:1.8em;
height:1.6em;
}

#toolsbox #smalltext{
font-size:1.1em;
margin-left:0.4em;
text-decoration:none;
color:#003A7C;
}

#toolsbox #mediumtext{
font-size:1.4em;
margin-left:0.4em;
text-decoration:none;
color:#003A7C;
}

#toolsbox #largetext{
font-size:1.7em;
margin-left:0.4em;
text-decoration:none;
color:#003A7C;
}


#searchbox #search_btn{
height:1.9em;
width:1.9em;
float:right;
background: #F6F6F6 url(/ir/ote/images/interface/search_btn.gif) no-repeat top left;
position:relative;
top:-1.1em;
left:-0.8em;
}

#searchbox #search_btn span{
position:relative;
top:-20000px;
}

/*----NAV STYLES ---*/

#leftnav ul li{
list-style-type:none;
margin-left:-2.5em;
font-size:1.2em;
padding:0.5em 0;
margin-right:1.5em;
}

#leftnav ul li a{
text-decoration:none;
color:#033F7B;
}


#leftnav ul li.section ul{
display:none;
}

#leftnav ul li.sectionOn ul{
background:#CBCBCB url(/ir/ote/images/interface/navshadow.gif) repeat-y top right;
width:10.9em;
position:relative;
left:-0.8em;
margin-top:1em;
}

#leftnav ul li.sectionOn ul li.subSectionOn ul{
background:#CBCBCB;
width:10em;
position:relative;
left:-0.8em;

}

#leftnav ul li ul li.subSection ul{
display:none;

}

#leftnav ul li ul li{
font-size:0.9em;
margin-right:0;
}

#leftnav .sectionOn ul a{
font-weight:normal;
}

#leftnav li.pageOn a, #leftnav .sectionOn li.subSectionOn a,  #leftnav .sectionOn{
font-weight:bold;
}

#leftnav .sectionOn li.subSectionOn ul a{
font-weight:normal;
}

#leftnav li.pageOn{
list-style-type:disc;
color:#033F7B;
margin-left:-1.2em;
}

#leftnav li.page, #leftnav li.subSection, #leftnav li.subSectionOn{

margin-left:-1.5em;
}

#leftnav ul li ul li ul li{
font-size:1em;
margin-right:0;
color:#6F6F6F;
}

#leftnav ul li ul li ul li.pageOn{
color:#6F6F6F;
font-weight:bold;
}

#leftnav ul li ul li a{
position:relative;
z-index:5;
color:#6F6F6F;
}

#leftnav ul li ul li ul li a{
position:relative;
z-index:5;
color:#6F6F6F;
}

#leftnav ul li ul li.subSectionOn ul li.pageOn a{
font-weight:bold;
}