/* CSS Document 

body,td,th {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    background:#E7E6DB url(./images/ContentBackground.jpg) 50% 0 repeat-y;
    margin: 0 0 0 0;
}
*/

body{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    background:#E7E6DB url(./images/ContentBackground.jpg) 50% 0 repeat-y;
    margin: 0 0 0 0;
}

* html body { font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}
a { color:#28427B; text-decoration: none;}
.light {color:#CFD1E3;}
.black { color:#000;}


#wrapperMain { position: relative; width:819px; /*-- use if centered first figure is top margin change to suit --*/ margin: 0 auto 0; padding: 0;    text-align: left;  font-size: .9em;  background: #FFF; /* border: 1px solid #D1D2D4; */}
#PageTop {position:relative; margin:0; height:140px; background: #FFF; border-bottom: 2px solid #D1D2D4;}
#wrapperInner {   padding: 0 0 0 0;  }

/* Help Bar */
#wrapperHelp { position: relative; width:580px; /*-- use if centered first figure is top margin change to suit --*/ margin: 0 auto 0; padding: 0;    text-align: left;  font-size: .9em;  background: #FFF; /* border: 1px solid #D1D2D4; */}
#Help {position:relative; height:170px; width: 100%;  background:  url(./images/HelpBackground.jpg) 50% 0   no-repeat;  }
#Help h1 { position:absolute; top: 90px; right: 25px; height: 40px; color:#28427B; line-height: 20px; font-size: 18px; margin: 0; padding: 0;}
#Help h1 span {  }

/* Help Navigation bar */
#Helpnav { position: absolute ; right: 12px; width:550px; margin: 0; /* adjust the padding to move the navigation bar possition */ padding: 120px 0 0 0px; list-style: none; background: none;  }
#Helpnav li { float: right; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; white-space:nowrap;}
#Helpnav a { float: left; display: block; margin: 0 1px 0 0; padding: 4px 8px; color:#666666; text-decoration: none;  background: url(./images/nav_btn_background.gif) 0 0 no-repeat;}
#Helpnav a:hover { color:#141F78;}





/* Header Bar Generic*/
#Header {position:relative; height:170px; width: 100%;   background:  url(./images/HeaderBackground.jpg) 50% 0   no-repeat;  }
#Header h1 { position:absolute; top: 90px; right: 25px; height: 40px; color:#28427B; line-height: 20px; font-size: 18px; margin: 0; padding: 0;}
#Header h1 span {  }

/* Header Bar GBP*/
#HeaderGBP {position:relative; height:170px; width: 100%;   background:  url(./images/HeaderBackgroundGBP.jpg) 50% 0   no-repeat;  }
#HeaderGBP h1 { position:absolute; top: 90px; right: 25px; height: 40px; color:#28427B; line-height: 20px; font-size: 18px; margin: 0; padding: 0;}
#HeaderGBP h1 span {  }

/* Header Bar USB*/
#HeaderUSD {position:relative; height:170px; width: 100%;   background:  url(./images/HeaderBackgroundUSD.jpg) 50% 0   no-repeat;  }
#HeaderUSD h1 { position:absolute; top: 90px; right: 25px; height: 40px; color:#28427B; line-height: 20px; font-size: 18px; margin: 0; padding: 0;}
#HeaderUSD h1 span {  }

/* Header Bar USB*/
#HeaderEUR {position:relative; height:170px; width: 100%;   background:  url(./images/HeaderBackgroundEUR.jpg) 50% 0   no-repeat;  }
#HeaderEUR h1 { position:absolute; top: 90px; right: 25px; height: 40px; color:#28427B; line-height: 20px; font-size: 18px; margin: 0; padding: 0;}
#HeaderEUR h1 span {  }





/* navigation */

#nav { position: absolute ; right: 12px; width:550px; margin: 0; /* adjust the padding to move the navigation bar possition */ padding: 120px 0 0 260px; list-style: none; background: none;  }
#nav li { float: right; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; white-space:nowrap;}
#nav a { float: left; display: block; margin: 0 1px 0 0; padding: 4px 8px; color:#666666; text-decoration: none;  background: url(./images/nav_btn_background.gif) 0 0 no-repeat;}
#nav a:hover { color:#141F78;}

/* navigation tabs */
#navTabs { width:520px; float: left; margin:20px 0 30px 0; /* adjust the padding to move the navigation bar possition */ padding: 0 ; list-style: none; background: none; border-bottom: 1px dotted #666666;  }


#navTabs li { float: left; margin: 0; padding: 0 0 0 20px; font-weight:bold;  font-size: 12px; background: url(./images/BlueTabLeft.jpg) no-repeat ;}
#navTabs a { display: block;   color:#FFFFFF; text-decoration: none;  background: url(./images/BlueTabRight.jpg) top right no-repeat ; padding: 6px 20px 5px 0px;  white-space:nowrap;}

#navTabs li.grey{ float: left; margin: 0; padding: 0 0 0 20px; font-weight:bold;  font-size: 12px; background: url(./images/GreyTabLeft.jpg) no-repeat ;}
#navTabs a.grey{ display: block;   color:#FFFFFF; text-decoration: none;  background: url(./images/GreyTabRight.jpg) top right no-repeat ; padding: 6px 20px 5px 0px;  white-space:nowrap;}


#navTabs a:hover { color:#141F78;}

/* Content */
#HelpContentContainer { width:100%;   background:  url(./images/HelpContentBackground.jpg) 0 0  repeat-y;  }
#ContentContainer { width:100%;   background:  url(./images/ContentBackground.jpg) 0 0  repeat-y;  }

#ContentContainer .gutter { padding: 10px 0 0 0 ;}
#ContentTop {}
#ContentSide { float: left; width: 33%;      }
#ContentSide  .gutter {margin: 0 10px 0 30px;  }
#ContentSide h2 { background: url(./images/WhiteTabLeft.jpg) no-repeat ;  padding: 6px 20px 4px 20px; color:#FFFFFF; font-size:12px; border-bottom: 1px dotted #666666; margin: 0 0 20px 0;  }
#ContentSide h2 span { background: url(./images/WhiteTabRight.jpg) top right  no-repeat ; padding: 6px 20px 4px 0px;  }
#ContentSide h2 span a { padding: 0; margin: 0;}
#ContentSide h3 { color:#28427B; font-size:12px; margin:0; line-height: 12px;  }
#ContentSide p { color: #666666; font-size:11px; line-height:16px;}


#HelpContentMain { float: right; width: 90%;   }
#HelpContentMain h2 { background: url(./images/BlueTabLeft.jpg) no-repeat ; padding: 6px 20px 4px 20px; color:#FFFFFF; font-size:12px; border-bottom: 1px dotted #666666; margin: 0 0 20px 0;  }
#HelpContentMain h2 span { background: url(./images/BlueTabRight.jpg) top right no-repeat ; padding: 6px 20px 5px 0px;}
#HelpContentMain  h3 { color:#28427B; font-size:12px; margin:0 0 20px 0; line-height: 12px;  }
#HelpContentMain p { color: #666666; font-size:11px; line-height:16px;}
#HelpContentMain strong { color:#28427B;}
#HelpContentMain .gutter {margin: 0 20px 0 0 ; }

#ContentMain { float: right; width: 66%;   }
#ContentMain h2 { background: url(./images/BlueTabLeft.jpg) no-repeat ; padding: 6px 20px 4px 20px; color:#FFFFFF; font-size:12px; border-bottom: 1px dotted #666666; margin: 0 0 20px 0;  }
#ContentMain h2 span { background: url(./images/BlueTabRight.jpg) top right no-repeat ; padding: 6px 20px 5px 0px;}

#ContentMain  h3 { color:#28427B; font-size:12px; margin:0 0 20px 0; line-height: 12px;  }
#ContentMain p { color: #666666; font-size:11px; line-height:16px;}
#ContentMain strong { color:#28427B;}
#ContentMain .gutter {margin: 0 20px 0 0 ; }

.dottedLine {border-bottom: 1px dotted #666666; margin: 25px 0 20px 0;  }

table td, tr{ vertical-align:top;  font-size:11px; padding: 2px 2px 10px 2px; color:#666666; } 
table a{ color:#28427B; font-size:11px; padding-top: 0;}
table a:hover{ color:#666666; font-size:11px; padding-top: 0;}


.linka{ color:#28427B; font-size:11px; font-weight:bold; padding-top: 0;}
.linka:hover{ color:#666666; font-size:11px; font-weight:bold; padding-top: 0;}


form {margin: 0; padding: 0;}
input { background:  url(./images/FormInputBackground.jpg) 0 0 no-repeat  ; border: 1px dotted #666666; margin-right: 10px; padding: 2px; font-size: 11px; color:#666666;}
textarea { background:  url(./images/FormInputBackground.jpg) 0 0 no-repeat  ; border: 1px dotted #666666; margin-right: 10px; padding: 2px; font-size: 11px; color:#666666;}

.red{ color:#FF0000; font-size:11px; font-weight:bold; padding-top: 0;} 
.green{ color:#006600; font-size:11px; font-weight:bold; padding-top: 0;} 

.selectStuff {  
         background-color: #e7e6db;    
         color: #666666;    
}

.selectText {
        font-weight: bold;
        vertical-align: middle;
        font-size: 12px;
}