body{margin:0px; }
#printerFriendly{display:none;}
h1{font-family:Arial; color:#003366; font-weight:bold; margin-bottom:0px;}
	.headerRule{width:100%; color:#003366;}
h2{font-family:Arial; color:#003366; font-weight:bold; }
h6{font-family:Arial; color:#F50035; font-weight:bold; }
p{font-family:Arial; color:#000000; font-weight:normal;}
.header{font-family:Arial; color:#003366; font-weight:bold;}
.blueBoldText{font-family:Arial; color:#0F6190; font-weight:bold;text-align:center;width:100%;}

a.sitemap{ font-family:Arial;color:#000000;}
a.sitemap:hover{color:#CCCCCC;}

a.newsLink{color:#0F6190; text-decoration:none; font-family:arial; }
.newsDate{color:#000000; font-family:arial; }
.newscontent{color:#000000; font-family:arial; }
.newsblock{width:20px;}


a.mediaLink{color:#0F6190; text-decoration:none; font-family:arial; }
a.mediaLink:hover{color:#CCCCCC; text-decoration:none; font-family:arial; }

.staffTitle{color:#0F6190; font-weight:bold; font-family:arial;}
.staffattachmentLink{color:#0F6190; font-weight:bold; font-family:arial;}

.brochureTitle{color:#0F6190; font-weight:bold; font-family:arial; text-decoration:none;}

a.SearchLink{color:#0F6190; font-weight:bold; font-family:arial; }


.center{text-align:center;}

.attachmentDiv{vertical-align:middle; }
	a.attachmentLinkI{vertical-align:middle;}
	a.attachmentLink{vertical-align:middle; text-decoration:none; font-family:Arial; color:#0F6190;}
	a.attachmentLink:hover{text-decoration:underline; }
	
a.internalLink{color:#0F6190; text-decoration:none; font-family:arial; }
a.internalLink:hover{text-decoration:underline; }
/* in order to ensure the page fills the majority of browser windows it was important to enable to page width to adjust
to 100% or auto value. The problem occurs when a user is using a browser which is either very narrow, i.e. 600x800 or
very wide i.e. 1900*1024. 

To prevent this the min-width and max-width value can but set, but this will not work
in IE browsers. So a CSS experssion is used to set the width, using javascript to see if the page is less than 985px 
or more than 1500px. This will work act as a full screen page for most standard browser resolutions. 

The next problem is the fact that setting the test value and actual value in the expression can force IE 6 to freeze. 
In order to overcome this issue the test values have been changed to 983 and 1502. 

One final problem occurs when an IE browser has javascript disabled, which after an windows security fix will stop
css expressions working. To overcome this at the begining of the master default page I have included a <no script> 
tag contanined within a <!--[is IE]> tag to set the width to 985px for those users with javascript disabled. */
#pageBody{ margin:0px 0px 0px 0px; max-width:1500px; min-width:985px; width:expression(document.body.clientWidth < 983? "985px" : document.body.clientWidth > 1502? "1500px" : "auto");  }
    #header{clear:both;}
        #metaNavigation{clear:both; width:100%; background-color:#8C8C90; height:21px; text-align:right; }
            #metaNavigation a{color:#FFFFFF; text-decoration:none; font-family:arial;}
            #metaNavigation a:hover {text-decoration:underline; }  
			#metaNavigation a.small{font-size:11px; }
			#metaNavigation a.medium{font-size:14px; }
			#metaNavigation a.large{font-size:18px; } 
        #banner{width:100%; clear:both; height:86px;}
            #bannerLeft{float:left;  width:100%; margin: 0px 0px -365px 0px; height:86px;}
                #logo{height:60px;} 
                #navigation{height:26px; background-color:#003366;}   
                    
                    
                    #navigationBlank1{visibility:hidden;}
                    #navigationBlank2{visibility:hidden;}
                    #navigationBlank3{visibility:hidden;}
                    #navigationBlank4{visibility:hidden;}
                    #navigationBlank5{visibility:hidden;}
                    #navigationBlank6{visibility:hidden;}
                    #navigationBlank7{visibility:hidden;}
                    #navigationBlank8{visibility:hidden;}
                    #navigationBlank9{visibility:hidden;}
                    .navigationSub{background-color:#003366; position:absolute; top:105px; visibility:hidden;} 
						.navigationItemDiv{ background-color:#0F6190;}
                        a.navigationItem{text-decoration:none; padding:3px; background-color:#0F6190; width:100%; color:#FFFFFF; font-weight:bold; font-family:arial; } 
                        a.navigationItem:hover{background-color:#E3E5E6; color:#003366;}
                        a.navigationItem_{text-decoration:none; padding:3px; background-color:#0F6190; width:100%; color:#FFFFFF; font-weight:bold; font-family:arial; } 
                        a.navigationItem_:hover{background-color:#E3E5E6; color:#003366;}
                    #guernsey{text-decoration:none; padding:3px; background-color:#003366; width:100%; color:#FFFFFF; font-weight:bold; font-family:arial; text-align:right; }
                     #shadow{clear:both; border-top:solid 1px #FFFFFF; background-image:url('../images/shadow.jpg'); background-repeat:repeat-x; height:7px; width:100%;}
        
        #content{height:500px; }
            #leftContent{ background-color:#FFFFFF;float:left; width:75%; padding:0px 0px 0px 10px;}
                #frontpageImage{height:370px; width:99.5%; overflow:hidden; padding:0px 0px 0px 10px;} 
                    #homepageText{top:317; left:35%; padding:10px; color:#FFFFFF; position:relative; font-weight:bold;  font-family:arial;  }
                    #homepageTextBG{top:345; left:35%; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; padding:10px; background-color:#000000; color:#FFFFFF; position:relative;  }
                    #homepageSlogan{top:125; left:55%; padding:15px; color:#FFFFFF; position:relative; text-align:center; font-weight:bold; font-family:verdana; }
                    #homepageSloganBG{top:125; left:55%; padding:15px; background-color:#F50035; color:#FFFFFF; position:relative; }
                #internalNavigation{width:27%; float:left; }
					#internalNavigationContents{margin:5px 10px 20px 10px;}
						#internalNavigation a.LeftnavigationItemTop{background-color:#CCCCCC; text-decoration:none; padding:3px; width:100%; color:#003366; font-weight:bold; font-family:arial; } 
						#internalNavigation a.LeftnavigationItemA{background-color:#E3E5E6;  text-decoration:none; padding:3px; width:100%; color:#003366; font-weight:bold; font-family:arial; } 
						#internalNavigation a.LeftnavigationItemB{background-color:#F6F6F6;  text-decoration:none; padding:3px; width:100%; color:#003366; font-weight:bold; font-family:arial; } 
						#internalNavigation a.LeftnavigationItemBHidden{background-color:#F6F6F6; display:none;  text-decoration:none; padding:3px; width:100%; color:#003366; font-weight:bold; font-family:arial; } 
						#internalNavigation a.LeftnavigationItemBVisible{background-color:#F6F6F6;  text-decoration:none; padding:3px; width:100%; color:#003366; font-weight:bold; font-family:arial; } 
                #internalContentContainer{width:73%; float:right;  margin:5px 0px 20px 0px; }
                #internalContent{  }
                #internalContentLeft{ width:50%; float:left; }
                #internalContentRight{ width:50%; float:right; }
            #contentFooter{height:220px; background-color:#0F6190; margin:0px 5px 0px 10px;  }
                #FooterBankTitle{ height:110px; width:50%; float:left; z-index:5; position:relative; text-decoration:none; cursor:pointer; margin:0px 0px 0px 10px; color:#FFFFFF; font-weight:bold; font-family:arial; text-align:center; border-right:solid 1px black  }
                 #FooterInvestmentTitle{width:100%; z-index:5; position:relative; text-decoration:none; cursor:pointer; margin:0px 0px 0px 10px; color:#FFFFFF; font-weight:bold; font-family:arial; text-align:center; }
                 #FooterImages{height:110px; background-color:#0F6190; position:relative; overflow:hidden;border:solid 1px black; }
					#imageContainer{top: -32px; position:relative;}
                #FooterBottom{width:100%; height:155px; background-color:#0F6190;}
                    #FooterTitleContainer{width:25%; height:140px; background-color:#0F6190; float:left; }
                    #FooterBottomRight{width:73%; height:140px; background-color:#0F6190; float:right;}
                    #FooterTextContainer{ margin:10px 15px 0px 15px; height:98px; background-color:#0F6190; color:#FFFFFF; font-weight:normal;  font-family:verdana;}
                    #FooterReadMore{ height:32px; background-color:#0F6190; text-align:right;}
      
      
            #rightContent{ background-color:#FFFFFF; float:right; width:24%; padding:0px 0px 0px 0px;}                            
                #searchHeader{background-color:#8C8C90; font-family:verdana; color:#FFFFFF; margin:5px 0px 2px 0px; padding:0px 5px 0px 5px; font-weight:bold;}
                #searchBox{background-color:#E3E5E6; height:30px; font-family:arial; color:#000000; margin:0px 0px 10px 0px; padding:5px 5px 10px 5px; }
                    #searchLeft{margin:0 0 0 10; float:left; background: white url('../images/searchLeft.gif') no-repeat top left; width:19px; height:19px;}
                    .searchTextBox {float:left;width:65%; margin:0px; border:0px; height:19px; padding:3px; font-family:arial; background: white url('../images/searchBG.gif') repeat-x top left; }
                    #searchRight{cursor:pointer; margin:0 10% 0 0;float:left; background: white url('../images/searchRight.gif') no-repeat top left; width:19px; height:19px;}
                        #searchTitle{color:#FFFFFF; background-color:#8C8C90; width:100%; margin:0px 0px 1px 0px; font-weight:bold; }
                        #searchResultsBox{color:#FFFFFF; }
                            .searchResultDiv{margin:2px 0px 2px 0px; clear:both; height:36px; }
                            .searchResultDivImage{float:left; margin:0px 2px 0px 0px;}
                            .searchResultDivText{position:absolute; float:right;}
                                a.searchResultDivLink{color:#FFFFFF; text-decoration:none; font-weight:bold; }
                        #searchResultsFooter{color:#F50035; text-align:right; font-weight:bold; background-color:#FFFFFF; width:100%; }
                #newsHeader{background-color:#8C8C90; font-family:verdana; color:#FFFFFF; margin:5px 0px 2px 0px; padding:0px 5px 0px 5px; font-weight:bold;}
                #newsBox{background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 0px 0px; padding:5px 5px 10px 5px;}
                    #newsBox a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #newsBox a:hover{ color:#8C8C90;}
                #newsFooter{text-align:right; background-color:#E3E5E6; font-family:arial; color:#000000; margin:1px 0px 10px 0px; padding:1px 5px 1px 5px;}
                    #newsFooter a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #newsFooter a:hover{ color:#8C8C90;}
                #brochureHeader{background-color:#8C8C90; font-family:verdana; color:#FFFFFF; margin:5px 0px 2px 0px; padding:0px 5px 0px 5px; font-weight:bold;}
                #brochureBox{background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 1px 0px; padding:5px 5px 10px 5px;}
                    #brochureBox a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #brochureBox a:hover{ color:#8C8C90;}
                #brochureFooter{text-align:right; background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 10px 0px; padding:1px 5px 1px 5px;}
                    #brochureFooter a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #brochureFooter a:hover{ color:#8C8C90;}
                #factHeader{background-color:#8C8C90; font-family:verdana; color:#FFFFFF; margin:5px 0px 2px 0px; padding:0px 5px 0px 5px; font-weight:bold;}
                #factBox{background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 1px 0px; padding:5px 5px 10px 5px;}
                    #factBox a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #factBox a:hover{ color:#8C8C90;}
                #factFooter{text-align:right; background-color:#E3E5E6; font-family:arial;  color:#000000; margin:0px 0px 10px 0px; padding:1px 5px 1px 5px;}
                    #factFooter a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #factFooter a:hover{ color:#8C8C90;}
                #contactHeader{background-color:#8C8C90; font-family:verdana; color:#FFFFFF; margin:5px 0px 2px 0px; padding:0px 5px 0px 5px; font-weight:bold;}
                #contactBox{background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 1px 0px; padding:5px 5px 10px 5px;}
                    #contactBox a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #contactBox a:hover{ color:#8C8C90;}
                #contactFooter{text-align:right; background-color:#E3E5E6; font-family:arial;  color:#000000; margin:0px 0px 10px 0px; padding:1px 5px 1px 5px;}
                    #contactFooter a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #contactFooter a:hover{ color:#8C8C90;}
      #staffHeader{background-color:#8C8C90; font-family:verdana; color:#FFFFFF; margin:5px 0px 2px 0px; padding:0px 5px 0px 5px; font-weight:bold;}
                #staffBox{background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 1px 0px; padding:5px 5px 10px 5px;}
                    #staffBox a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #staffBox a:hover{ color:#8C8C90;}
                #staffFooter{text-align:right; background-color:#E3E5E6; font-family:arial; color:#000000; margin:0px 0px 10px 0px; padding:1px 5px 1px 5px;}
                    #staffFooter a{ color:#0F6190; font-weight:bold; text-decoration:none; }
                    #staffFooter a:hover{ color:#8C8C90;}
        #footer{min-width:955px; width:100%; clear:both; background-color:#B8BABD; text-align:right; height:18px; margin:2px 0px 2px 0px;  }
            #footer a{color:#4D4D4D; text-decoration:none; font-family:arial; }
            #footer a:hover {text-decoration:underline; }