/* CSS Document */
/*
----------------------------------------------------------------------------------------
Reset Styles
----------------------------------------------------------------------------------------
*/
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-style: normal; font-size: 100%; font-family: arial, Helvetica, sans-serif; vertical-align: baseline;}

/*
----------------------------------------------------------------------------------------
Structure
----------------------------------------------------------------------------------------
*/
html {margin: 0; padding: 0; overflow-y: scroll;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 76%; text-align: center; background-color: #ffffff; margin: 0.5em; padding: 0; border: 0;}
#container {width: 960px; margin: 0 auto; padding: 0; text-align: left; background:#ffffff; border: 0px solid #9e9e9e;}
#leftcolumn {clear: both; color: #333; padding: 0px; width:210px; margin: 0px; float: left; /* fix IE6 */ display: inline;}
#rightcolumn {float: right; color: #333333; padding: 0px; width:720px; margin: 0px; position: relative; /* fix IE6 */ display: inline;}
#pagetop {background-image: url(../images/sub_menu_bg.gif); background-repeat: repeat-y; background-position: top left; height: 266px;}
#pagetop #leftcolumn {clear: both; color: #333333; padding: 0px; width:208px; margin: 0px; float: left; border: 1px dotted #999999; /* fix IE6 */ display: inline;}
#pagetop #rightcolumn {float: right; color: #333; padding: 0px; width:720px; margin: 0px; position: relative; /* fix IE6 */ display: inline;}
#pagebody {float: left; width: 940px; margin-top: 10px; min-height: 250px; height: auto !important;	height: 250px; /* fix IE6 */ display: inline;}
#homebody {float: left; width: 460px; margin-right: 5px; margin-top: 10px; /* fix IE6 */ display: inline;}
#newscolumn {float: left; width: 250px; margin-left: 5px; margin-top: 10px; /* fix IE6 */ display: inline;}

#navigation {clear: left; width: 940px; float:left; margin: 5px 10px 10px 10px; background-color: #1b4a9e; background-image: url(../images/menu_bg.gif); background-repeat: repeat-x; background-position: bottom; /* fix IE6 */ display: inline;}
#main {clear: left; width: 940px; float:left; margin: 0px 10px 15px 10px; min-height: 300px; height: auto !important; height: 300px; /* fix IE6 */ display: inline;}

#footer {width: 940px; clear: both; color: #333333; margin: 0px 10px 5px 10px; padding-top:5px; border-top: 2px solid #af1888;}
#footer .left {width: 720px; display: inline; float:left;}
#footer .right {width: 220px; display: inline; float:left;}
#pagetoolbox {height: 29px;}
#pagetoolbox img.printicon {width: 13px; height: 14px; margin: 8px 5px 0px 8px;	border: 0px;}
#pagetoolbox img.sendicon {width: 13px; height: 14px; margin: 8px 5px 0px 8px; border: 0px}
#pagetoolbox span.toolboxtext {font-size: 0.8em; color: #221d53;}
#brand {display: none;}
.clear {clear: both; height: 1px; background: none; overflow:hidden}
/*
----------------------------------------------------------------------------------------
Font Styles
----------------------------------------------------------------------------------------
*/
h1 {font-size: 1.4em; color: #333333;}
h1.first {font-size: 1.0em; font-weight: normal;}
h1.pagetitleunderline, h1.underline, h2.underline {border-bottom: #af1888 1px solid; padding-bottom: 2px; margin-bottom: 5px;}
h1.pagetitleunderline {margin-top: 0px;}
h2 {font-size: 1.2em; margin: 1em auto; color: #333333;}
h3 {font-size: 1.1em; margin: 1em auto; color: #333333;}
h1.pagetitleunderline, h1.underline, h2.underline {border-bottom: #af1888 1px solid; padding-bottom: 2px; margin-bottom: 5px;}
h1.pagetitleunderline {margin-top: 0px;}
h3.panelheader {font-size: 1.1em; line-height: 2.2em; font-weight: normal; height: 2.2em; padding-left: 0.5em; padding-right: 0.5em; color: #ffffff;  background-color: #1b4a9e; background-image: url(../images/menu_bg.gif); background-repeat: repeat-x; background-position: bottom; margin-top: 0; margin-bottom: 0.5em;}
p {margin: 1em auto;}
p, li, a {font-size: 1.0em;}
p.aim_rule26 {font-size: 0.9em; clear: both; color: #ff0000; padding-top: 15px; margin-top: 0px; margin-bottom: 0px; text-align: center;}

ul {display: block; list-style-type: square; margin: 0.5em 0; margin-left: 40px}
li {display: list-item; padding: 2px 0px;}
/* nested lists have no top/bottom margins */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl {margin-top: 0; margin-left: 30px; margin-bottom: 0;}
/* 2 deep unordered lists use a circle */
ol ul, ul ul {list-style-type: circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul, ol ul ul, ul ol ul, ul ul ul {list-style-type: square;}

/*ul li {margin-bottom: 0.5em;}*/
a:link, a:visited {color: #000099; text-decoration: none;}
a:hover, a:active {color: #fd6523; text-decoration: underline;}
a img {border: 0px solid #ffffff;}
blockquote {margin-right: 0px;}
/*
----------------------------------------------------------------------------------------
Navigation
----------------------------------------------------------------------------------------
*/
#navigation ul {margin: 0; padding: 0; list-style-type: none;}
#navigation ul li {float: left; display: inline; margin: 0; padding:0; line-height: 2.48em;}
#navigation ul li.seperator {width: 2px; height: 2.48em; background-color: #092691; background-image: url(../images/menu_bg_seperator.gif); background-repeat: repeat-x; background-position: bottom;}
#navigation ul li a {display:block; font-size: 1.1em; padding: 0em 1.25em; text-decoration:none; color:#ffffff;}
#navigation ul li a:hover, #navigation ul li a.selected {background-color: #376cb6; background-image: url(../images/menu_bg_over.gif); background-repeat: repeat-x; background-position: bottom; color:#ffffff;}

/*
--------------------------------------------------------------------------------------------
Submenu
--------------------------------------------------------------------------------------------
*/
#submenuarea {height: 235px;}
ul#sub_navigation, ul#sub_navigation li ul {margin: 0; padding: 0;}
ul#sub_navigation li {list-style-type: none; margin: 0; padding: 0; text-indent: 0.5em; border-bottom: 1px dotted #999999; /*fix margin bug - IE6 */margin-bottom: 0px;}
ul#sub_navigation li.more ul li {padding:0; text-indent: 1em; border-top: 1px dotted #999999; border-bottom: 0px;}
ul#sub_navigation li a, ul#sub_navigation li a:visited, 
ul#sub_navigation li a:hover, ul#sub_navigation li a.selected,
ul#sub_navigation li.more a, ul#sub_navigation li.more a:visited, 
ul#sub_navigation li.more a:hover, ul#sub_navigation li.more a.selected, 
ul#sub_navigation li.more ul li a, ul#sub_navigation li.more ul li a:visited,
ul#sub_navigation li.more ul li a:hover, ul#sub_navigation li.more ul li a.selected {color: #221d53; display: block; text-decoration: none; background-repeat: repeat-y; background-position: top right; padding: 0.4em 0.54em;}
ul#sub_navigation li a {background-image: url(/corporate/images/sub_menu_item_bg.gif);}
ul#sub_navigation li a:hover, ul#sub_navigation li a.selected {background-image: url(/corporate/images/sub_menu_item_bg_over.gif);}
ul#sub_navigation li.more a {background-image: url(/corporate/images/sub_menu_item_more_bg.gif);}
ul#sub_navigation li.more a:hover, ul#sub_navigation li.more a.selected {background-image: url(/corporate/images/sub_menu_item_more_bg_over.gif);}
ul#sub_navigation li.more ul li a {background-image: url(/corporate/images/sub_menu_subitem_bg.gif);}
ul#sub_navigation li.more ul li a:hover, ul#sub_navigation li.more ul li a.selected {background-image: url(/corporate/images/sub_menu_subitem_bg_over.gif);}
/* Hack to fix double line height on <li> in IE6/7 */
* html ul#sub_navigation li a, * html ul#sub_navigation li.more ul li a {height: 1px;}
/*
----------------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------------
*/
#footer p {font-size: 0.8em; text-align: left; margin: 0px; padding: 0px;}
#footer .left p {font-size: 0.8em; text-align: left; margin: 0px; padding: 0 0 5px;}
#footer .right p {font-size: 0.8em; text-align: right; margin: 0px; padding: 0 0 5px;}
/*
----------------------------------------------------------------------------------------
Homepage
----------------------------------------------------------------------------------------
*/
img.microsite {margin-bottom: 10px; width: 210px; height: 122px; border: 0px;}

.ticker {height: 21em; overflow:hidden; padding-bottom: 5px;}
.ticker dt {font-size: 1.102em; font-weight: 400; padding: 10px 5px 2px 5px;}
.ticker dd {font-size: 1.0em; margin-left:0; padding: 5px 5px 10px 5px; text-align: justify; border-bottom: 1px solid #af1888;}
/*required for the ticker to work properly under IE */
.ticker div {margin-top: 0;}
.ticker dt span.date {font-size: 0.8em; font-style: italic;}

/*.forthcomingevents {height: 21em; overflow:hidden; padding-bottom: 5px;}*/
.forthcomingevents ul {list-style-type: none; margin: 0; padding:0 3px 5px 3px;}
.forthcomingevents li {margin-bottom: 5px;}
/*
----------------------------------------------------------------------------------------
News / RNS / Events
----------------------------------------------------------------------------------------
*/
div#news {margin: 1.5em 1.5em 0em 2.5em;}
div#news table {border-collapse: collapse; border: 0px;}
div#news table td {padding: 5px; vertical-align: top;}
div#news table td.image {width: 20px;}
div#news table img.docicon {width: 16px; height: 16px; border: 0px;}
div#news table td.date {width: 100px;}
div#news table td.seperator {width: 10px;}
div#news table td p.title, div#news table td p.date, div#news table td p.location {margin:0px; font-size: 1.1em;}
div#news table td p.summary {margin-top:0px;}
div#events {margin: 1.5em 1.5em 0em 2.5em;}
div#events table {border-collapse: collapse; border: 0px;}
div#events table td {padding: 5px; vertical-align: top;}
div#events table td.image {width: 20px;}
div#events table img.eventlogo {border: 1px solid #999999;}
div#events table img.docicon {width: 16px; height: 16px; border: 0px;}
div#events table td.date {width: 380px;	padding-bottom: 1em;}
div#events table td.location {width: 468px; padding-bottom: 1em;}
div#events table td p.title, div#events table td p.date, div#events table td p.location {margin:0px;}
div#events table td p.title {font-size: 1.12em; text-decoration: underline;}
div#events table td p.summary {margin-top:0px;}
a.archivelink { display: inherit; }

/*
----------------------------------------------------------------------------------------
Investors
----------------------------------------------------------------------------------------
*/
#shareleftcolumn {clear: both; float: left; color: #333; padding: 0px; width:720px; margin: 0px; display: inline;}
#sharerightcolumn {display: inline; color: #333; padding: 0px; width:210px; margin: 0px; float: right; position: relative;}
/*
----------------------------------------------------------------------------------------
Careers
----------------------------------------------------------------------------------------
*/
ul#vacancies {margin: 0; padding: 0; list-style-type: none;}
ul#vacancies li {margin-bottom: 0.5em;}
a.returnlink { float: right; }

/*
----------------------------------------------------------------------------------------
Forms 
----------------------------------------------------------------------------------------
*/

#contact_form {width: 460px; float: left; display: inline;}
#contact_address {width: 420px; float: left; margin-left:30px; margin-top: 1.5em; display: inline;}

#cvaddress {width: 420px; float: left; margin-right:30px; margin-top: 20px;}
#cvform {width: 460px; float: left; margin-top: 20px;}

fieldset {  float: left; clear: left; width: 100%; margin: 1.5em 0 0 0; padding: 0 0 0 2em; border-style: none; }
fieldset.submit {clear: both;  width: auto; margin: 0 0 1.5em 0; padding: 0 0 0 16em; }
fieldset.cvemail { width: 460px; margin: 0; padding: 0; }
fieldset.cvsubmit { width: auto; margin: 0 0 1.5em 0; padding: 0 0 0 14em; }

fieldset ol { padding: 0em 1em 0 1em; margin: 0; list-style: none; }
fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }

p.smallprint { clear: both; padding: 0; font-size: 0.818em; line-height: normal; text-align: left; }
label  { float: left; width: 12em; margin-right: 1em;}
span.required { color: red; }
.textbox, .textarea, .dropdown { float: left; width: 255px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; }
.textarea { resize:none; }
.validator { margin-left: 13em; clear:both; }
.dropdown { width: 261px; }
.cvvalidator { padding: 0 0 0 13em; clear: both; }
.special {display: none;}


/*
----------------------------------------------------------------------------------------
SEO
----------------------------------------------------------------------------------------
*/
h1.seo_pagetitle {line-height: 1px; height: 1px; text-indent: -2000em; /* Hides the text in the h1 tag */}


/*
----------------------------------------------------------------------------------------
Thumbnail Viewer CSS
----------------------------------------------------------------------------------------
*/

/*Outermost DIV for thumbnail viewer*/
#thumbBox {position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #646464; /*#313131;*/ visibility: hidden; z-index: 10; cursor: hand; cursor: pointer;}
/*Footer DIV of thumbbox that contains "close" link */
#thumbBox .footerbar {font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right;}
/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage {background-color: white;}
/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading {position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5;}

/*
----------------------------------------------------------------------------------------
Twitter
----------------------------------------------------------------------------------------
*/
#tweets { width: 250px; margin: 0; }  
#tweets .twtr-widget, #tweets .twtr-doc { width: 100%; height: auto; }  
#tweets .twtr-hd { display: none !important; }  
#tweets .twtr-bd { background-color: #fff !important; }  
#tweets .twtr-tweet a:link, #tweets .twtr-tweet a:visited { font-family: Arial, Helvetica, sans-serif !important; color: #000099 !important; text-decoration: none !important; }
#tweets .twtr-tweet a:hover, #tweets .twtr-tweet a:active { color: #fd6523 !important; text-decoration: underline !important; } 
#tweets .twtr-tweet  .twtr-tweet-wrap { padding-left: 5px !important; padding-right: 5px !important; border-bottom: 1px solid #af1888 !important; } 
#tweets .twtr-tweet .twtr-tweet-text { padding-bottom: 4px !important; }  
#tweets .twtr-tweet .twtr-tweet-text p { font-family: Arial, Helvetica, sans-serif !important; color: #333 !important; } 
#tweets .twtr-ft { background-color: #ffffff !important; text-align: center !important; }
#tweets .twtr-ft img { display: none !important; }
#tweets .twtr-ft a:link, #tweets .twtr-ft a:visited { font-family: Arial, Helvetica, sans-serif !important; color: #000099 !important; text-decoration: none !important; }
#tweets .twtr-ft a:hover, #tweets .twtr-ft a:active { color: #fd6523 !important; text-decoration: underline !important; } 



#hpBanner{position:relative; width:720px; height:266px;}
#hpBanner img{position:absolute;z-index:1}
#hpBanner img.active{z-index:3}