﻿html{
   overflow: -moz-scrollbars-vertical;
}

body{
    text-align:center;
    font-size:1em;
    font-family:Arial;
    color:#003f67;
}

input
{
    outline:none;
    border:none;
    background-color:Transparent;
}

#flashHeader
{
    margin-bottom:20px;    
}
.outerContainer{
    margin:0px auto;
    width:760px;
    background-image:url(../images/shadow/leftAndRight.gif);
    padding:0 30px 0 30px;
    position:relative;
}

.innerContainer
{
    width:760px;
    background-color:#ffffff;
    background-image:url(../images/background/footer.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    margin:0px auto;
    text-align:left;
    float:left;
    position:relative;
    padding:0 0 5px 0; 
}

.innerContainer .leftShadow
{
    width:760px;
    height:35px;
    background-image:url(../images/shadow/bottom.gif);
    position:absolute;
    bottom:-35px;
    left:0;
}

/*this style is for modern browsers (not ie6)*/
.innerContainer .rightShadow
{
    height:100%;/* doesn't work in ie6*/
    width:35px;
    background-image:url(../images/shadow/right.gif);
    position:absolute;
    right:-35px;
    top:0;
}

/*this style is for modern browsers (not ie6)*/
.innerContainer .leftShadow
{
    height:100%;/* doesn't work in ie6*/
    background-image:url(../images/shadow/left.gif);
    width:35px;
    position:absolute;
    left:-35px;
    top:0;
}

.innerContainer .bottomShadow
{
    width:760px;
    height:35px;
    background-image:url(../images/shadow/bottom.gif);
    position:absolute;
    bottom:-35px;
    left:0;
}


.innerContainer .bottomLeftShadow1
{
    height:40px;
    width:20px;
    background-image:url(../images/shadow/bottomLeftLeft.gif);
    position:absolute;
    left:-20px;
    bottom:-20px;
}

.innerContainer .bottomLeftShadow2
{
    height:20px;
    width:40px;
    background-image:url(../images/shadow/bottomLeftBottom.gif);
    position:absolute;
    left:-20px;
    bottom:-20px;
}

.innerContainer .bottomRightShadow1
{
    height:40px;
    width:20px;
    background-image:url(../images/shadow/bottomRightRight.gif);
    position:absolute;
    right:-20px;
    bottom:-20px;
    background-repeat:no-repeat;
}

.innerContainer .bottomRightShadow2
{
    height:20px;
    width:40px;
    background-image:url(../images/shadow/bottomRightBottom.gif);
    position:absolute;
    background-repeat:no-repeat;
    right:-20px;
    bottom:-20px;
}


.innerContainer .leftColumn
{
    width:185px;
    float:left;
    margin-left:20px;
    padding-bottom:130px;/*ensures there is no clash with bacground image*/
}

/*ie 6 only*/
* html .innerContainer .leftColumn
{
   margin-left:10px;
}

.innerContainer .leftColumn .inputContainer
{
    background-image:url(../images/search/box.gif);
    background-repeat:no-repeat;
    background-position:left top;
    height:21px;
    width:157px;
    position:relative;
    padding:0;
    float:left;
}


.innerContainer .leftColumn .inputContainer input.txt
{
    position:relative;
    color:#149eda;
    top:3px;
    left:9px;
    width:129px;
    font-size:10px;
    margin:0;
    padding:0;
}


/*not ie7 and 6*/
.inputContainer>/**/input.txt
{
   position:relative;
   bottom:0px!important;
   top:auto !important;
   left:9px !important;     
}

/*opera - this selector may select ie8 or future versions of ie7 
- however this style is the same as the ie one anyway*/
html:first-child .innerContainer .leftColumn .inputContainer input.txt
{
    position:relative;
    top:3px;
    left:9px;    
}

.innerContainer .leftColumn input.but
{
    float:left;
    clear:right;
    width:28px;
    height:22px;
    margin:0;
    padding:0;
    background-image:url(../images/search/go.gif);
}


.innerContainer .leftColumn ul li.on
{
    padding-left:15px;
    background-image:url(../images/nav/on-bullet.gif);
    background-position:left 2px;
    background-repeat:no-repeat;
}

/*small content column*/
.innerContainer .middleContentColumn 
{
    margin-left:20px;
    float:left;
    width:320px;
    padding-bottom:130px;/*ensures there is no clash with background image*/
}

/*big content column*/
.innerContainer .contentColumn
{
    margin-left:20px;
    float:left;
    width:480px;
    padding-bottom:130px;/*ensures there is no clash with bacground image*/ 
}

.middleContentColumn h1, .contentColumn h1 {
    color:#003f66;
    font-size:1.7em;
    font-weight:normal;
    line-height:1em;
}

.middleContentColumn h3, .contentColumn h3 {
    color:#79b942;
    font-size:1.1em;
    margin-top:20px;
    margin-bottom:0px;
    
}

.middleContentColumn p, .contentColumn p{
    margin-bottom:10px;
}

.middleContentColumn p a, .contentColumn p a{
    color:#79b942;
}

.middleContentColumn p a, .contentColumn p a:hover{
    color:#79b942;
    text-decoration:underline;
}

.middleContentColumn h2, .contentColumn h2{
    color:#149eda;
    font-size:1.3em;
    margin-bottom:10px;
    margin-top:10px;
}

.middleContentColumn em, .contentColumn em{
    font-weight:bold;
}

.middleContentColumn  p.date
{
    font-size:1.4em;
    margin-bottom:0px;
}

.innerContainer .assetColumn{
    float:left;
    width:190px;
    margin-left:20px;
}

.innerContainer .assetCoulmn img{
    float:left;
}

a#stockExchangeLink { 
		position: absolute; 
		bottom: 17px; 
		left: 223px;
		width: 143px; 
		height: 13px; 
		background-color: transparent; 		
}	

a#stockExchangeLink:hover { 
	    position: absolute; 
		bottom: 17px; 
		left: 223px;
		width: 143px; 
		height: 13px; 
		background-color: transparent; 		
		border-bottom:solid 1px #ffffff;
		
}	
.button{
background:#79b942;
color:white;
border:1px solid #003399;
padding:3px;
}
p{
font-size:0.8em;
}