/* Define the default first */

/******* em Text Delaration Start *******/

/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  font-size: 101%; /* for IE bug */
  font-family: Arial, Helvetica, sans-serif;
}

/* Reduce the font size to 68.8% or 11px size 
100% = 16
11/16 x 100
*/
body{ font-size: 75%; }

/* IE can’t read this */
html>body { font-size: 75%;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

/******* em Text Delaration End *******/

body {margin: 0px; padding:0px; background:url(sub_bg.gif) repeat-x #ededed; }

form, input * {margin:0px; padding:0px}

#containerHome {width:100%; background:url(home_bg.gif) repeat-x; line-height:1.3em;}
#containerHome2 {width:927px; font-size: 1em;  margin: 2px auto; clear:both;}
#container {font-size: 1em; width: 859px; margin: 0 auto; clear:both;}
#header {background: url(sub_header.gif); width:100%; height:114px; clear:both; text-indent: -1000em;}
#topNav {width:100%; clear:both; height:36px; background:#002f60;}
#middle {width:100%; clear:both; background:url(sub_title_bg.gif) #FFFFFF no-repeat; padding:31px 0;overflow: auto;}
#submenu {float:left; width:240px; font-weight:bold;}

#content {float:left; width:580px; padding-left:17px; }
#content p { margin: 0.5em 0 1.5em; color: #333; font-size: 1em; line-height: 1.25em; text-align: justify; }

#footer {font-size:0.92em; width: 100%; min-height:33px; padding-top:5px; clear:both;}
.footerLink {}
.footerLink a { padding: 0 10px; border-left: 1px solid #002f60; }
.footerLink a.first-child { border: 0; }

#containerPrint {font-size: 1em; width: 462px; margin: 0 auto; clear:both;}
#contentPrint {width:462px;}
#footerPrint {font-size:0.82em; background: url(/images/sample_footer.gif) no-repeat #939393; width: 462px; min-height:39px; padding-top:18px; clear:both;}

h1 {font-size: 1.5em; font-weight: bold; color: #002f60; text-transform: capitalize;}
h2 {font-size: 1.16em; font-weight: bold; color: #101010;}
h3 {font-size: 1.2em; line-height: 1.4em; color: #032258; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold; margin: 0px; padding: 0px;}
h5 {}
h6 {}
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

.textMainHighlight {color: #032258; font-weight: bold;}
.textSubHighlight {color: #666666;}
.textFootnote {font-size:0.9em;}
.textFootnote ol {font-size:1em;}
.textDivider {background: url(img_textDivider.gif) repeat-x; height:21px;}

.textFooter {text-align:left; color:#002f60;}
.textFooter a:link {color:#002f60; text-decoration: none;}
.textFooter a:visited {color:#002f60; text-decoration: none;}
.textFooter a:hover {color:#000000; text-decoration: none;}

.textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

.submenu_selected {color:#001d3a; padding-left:21px; background: url(sublink_selected.gif) no-repeat left 3px; padding-bottom: 5px; height: 1.2em; }
#submenu a:link, #submenu a:visited{color:#001d3a; text-decoration: none; padding-left:21px; display:block; padding-bottom: 5px; height: 1.2em; }
#submenu a:hover {color:#001d3a; text-decoration: none; padding-left:21px; background: url(sublink_selected.gif) no-repeat left 3px; display:block; padding-bottom: 5px; height: 1.2em; }
#submenu ul { margin-bottom: 20px; }
#submenu ul li { }

.menuIRHeader {background: url(img_bullets.gif) no-repeat left; padding-left:25px; font-weight:bold; color:#000000;}
.menuDivider {width:100%; height:15px;}

.tableBorder {border: 1px solid #eaeaea;}
table.contentTable {background:#ccc; border-collapse: collapse; }
table.contentTable tr td { border: 1px solid #ccc; padding: 8px; }
table.contentTable tr.tableTopRow td {background: #ff0000; color:#ffffff; font-weight: bold; text-align: center;}
table.contentTable tr.row1 td {background: #e7e7e7;}
table.contentTable tr.row2 td {background: #f4f4f4;}
table.contentTable tr.rowRollover td {background: #c3b777;}
table.contentTable tr.rowHighlight td {background: #414141; color:#ffffff;}
table.contentTable tr.rowTS td {background: #ccd0e1; border-bottom:1px solid #aaaaaa;}
table.contentTable tr td.left {text-align: left;}
table.contentTable tr td.center {text-align: center;}
table.contentTable tr td.right {text-align: right;}
table.contentTable tr td span.red {color:#ff0000;}
table.contentTable tr td span.green {color:#448800;}
table.contentTable tr td.cellHighlight {background: #245c97; color:#ffffff; font-weight:bold; }
table.contentTable tr td.cellTS {background: #ccd0e1; border-bottom:1px solid #aaaaaa;}
table.contentTable tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.contentTable tr td.cellSubTotal {border-top: 1px solid #414141;}
table.contentTable tr td.cellRed {background:#ebddd8;}
table.contentTable tr td.cellGreen {background:#d8ebdc;}
table.contentTable tr td.cellNormal {background: #f4f4f4;}

table.milestonesTable { margin: 1em 0 8em; width: 98%; }

.tsRed {color:#ff0000;}
.tsGreen {color:#448800;}
.tsCellTS {float:left; width:20px; height:7px; font-size:0em; background: #ccd0e1; border-bottom:1px solid #aaaaaa; margin-top:3px; margin-right:3px;}
.tsCellRed {float:left; width:20px; height:8px; font-size:0em; background:#ebddd8; margin-top:3px; margin-right:3px;}
.tsCellGreen {float:left; width:20px; height:8px; font-size:0em; background:#d8ebdc; margin-top:3px; margin-right:3px;}

.arContainer {width:100%; height:232px; padding:0px; margin:0px; clear:both;}
.arLeft {width:40%; float:left; list-style-type:none;}
.arRight {width:60%; float:right; list-style-type:none;}
.arHeight {width:98%; padding-top:30%;}
.iconRowHeight {height:20px;}

.webcastContainer {width:100%; height:113px; padding:0px; margin:0px; clear:both;}
.webcastLeft {width:37%; float:left; list-style-type:none;}
.webcastRight {width:63%; float:right; list-style-type:none;}
.webcastHeight {width:98%; padding-top:8%;}

.news {width:100%; padding:0px; margin:0px; clear:both;}
.newsDate {width:25%; float:left; list-style-type:none;}
.newsTitle {width:74%; float:right; list-style-type:none;}

.qa {width:100%; padding:0px; margin:0px; clear:both;}
.qaDate {width:25%; float:left; list-style-type:none;}
.qaTitle {width:74%; float:right; list-style-type:none;}

.boxHighlight {width:97%; background:#e9f1fb; border:1px dotted #6699d5; padding:1%;}

.insiderPopUp { position:absolute; z-index:200; visibility:hidden; left:100px;}
.insiderPopUpContent { background:#FFFFFF; width:300px; border:1px dotted #656565; padding:5px;}

img.spacerRight {margin-right:20px;}
img.spacerLeft {margin-left:20px;}

input.investmentCalculator { border:0px; background: transparent;}

/* Define the rest of the classes here */
em { font-style: italic; }
strong { font-weight: bold; }

.separator {clear:both; width:100%; height:1px; font-size:0em;}
.floatRight {float:right;}
.floatLeft {float:left;}
.clearBoth {clear:both;}
.si_marginTop { margin-top: 1em; }
.si_marginBottom { margin-bottom: 1em; }

.floatRightImg { float: right; margin: 0 0 1em 1em; }

.textRight { text-align: right; }

.generalUnorderedList { list-style: disc; }
.generalUnorderedList li { margin: 0.5em 0 1.5em 2em; }

.generalOrderedList { list-style: decimal; margin-left: 1.5em; line-height: 1.5em; }
.generalOrderedList ul { margin-left: 1.5em; }

.sitemap > li { margin-bottom: 2em; }

h2#corporateProfileTitle { background: url(title_profile.gif); width: 167px; height: 24px; text-indent: -1000em; }
h2#milestonesTitle { background: url(title_milestones.gif); width: 109px; height: 24px; text-indent: -1000em; }
h2#chairmanTitle { background: url(title_chairmanstatement.gif); width: 217px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }
h2#corporateTitle { background: url(title_corporatestructure.gif); width: 191px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }
h2#bodTitle { background: url(title_bod.gif); width: 176px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }
h2#managementTitle { background: url(title_management.gif); width: 127px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }

h2#aimTitle { background: url(title_aim.gif); width: 355px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }
h2#maritimeTitle { background: url(title_maritime.gif); width: 202px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }
h2#propertyTitle { background: url(title_property.gif); width: 196px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }

h2#faqsTitle { background: url(title_faqs.gif); width: 47px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }

h2#contactTitle { background: url(title_contact.gif); width: 103px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }

h2#sitemapTitle { background: url(title_sitemap.gif); width: 80px; height: 24px; text-indent: -1000em; margin-bottom: 2em; }


#topnav_home {display:block; background:url(topnav_home.gif) no-repeat 0% 100%; width:56px; height:36px; float:left;}
#topnav_home a{background:url(topnav_home.gif) no-repeat 0% 0%;  width:56px; height:36px;display:block; float:left;}
#topnav_home a:hover {display:block; background-position:0% 100%;}

#topnav_about {display:block; background:url(topnav_about.gif) no-repeat 0% 100%; width:120px; height:36px; float:left;}
#topnav_about a{background:url(topnav_about.gif) no-repeat; height:36px; display:block;}
#topnav_about a:hover {display:block; background-position:0% 100%;}

#topnav_business {background:url(topnav_business.gif) no-repeat 0% 100%; width:134px; height:36px; display:block; float:left;}
#topnav_business a{background:url(topnav_business.gif) no-repeat; width:134px; height:36px; display:block; float:left;}
#topnav_business a:hover {display:block; background-position:0% 100%;}

#topnav_ir {background:url(topnav_ir.gif) no-repeat 0% 100%; width:161px; height:36px; display:block; float:left;}
#topnav_ir a {background:url(topnav_ir.gif) no-repeat; width:161px; height:36px; display:block; float:left;}
#topnav_ir a:hover {display:block; background-position:0% 100%;}

#topnav_newsroom{background:url(topnav_newsroom.gif) no-repeat 0% 100%; width:145px; height:36px; display:block; float:left;}
#topnav_newsroom a{background:url(topnav_newsroom.gif) no-repeat; width:145px; height:36px; display:block; float:left;}
#topnav_newsroom a:hover {display:block; background-position:0% 100%;}

#topnav_faq {background:url(topnav_faq.gif) no-repeat 0% 100%; width:101px; height:36px; display:block; float:left;}
#topnav_faq a{background:url(topnav_faq.gif) no-repeat; width:101px; height:36px; display:block; float:left;}
#topnav_faq a:hover {display:block; background-position:0% 100%;}

#topnav_contactus {background:url(topnav_contactus.gif) no-repeat 0% 100%; width:101px; height:36px; display:block; float:left;}
#topnav_contactus a{background:url(topnav_contactus.gif) no-repeat; width:101px; height:36px; display:block; float:left;}
#topnav_contactus a:hover {display:block; background-position:0% 100%;}


ul.milestones {margin:0; padding:0; list-style:none; }
ul.milestones li {margin:0; padding:0; list-style:none; padding-left:13px; background:url(bullet.gif) no-repeat left top; font-size: 1em; line-height: 1.2em; color: #333; }

.bod_item { clear: both; float: left; width: 100%; padding: 1.3em 0 1em 0; border-bottom: 1px dotted #666; }
#content .bod_item p { margin-top: 0; }
.bod_name { float: left; width: 190px; }
#content .bod_name p { text-align: left; }
.bod_name img { margin-bottom: 1em; }
.bod_description { float: right; width: 360px; } 

.ir_textDivider { border-bottom: 1px dotted #666; height: 1px; margin: 10px 0; clear: both; }