<!--  Title  -->

.title {FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #801934; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.subtitle {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #801934; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.subtitleBlack {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.subtitleMaroon { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #821836; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.subtitleblue {  FONT-SIZE: 12px; COLOR: #821836; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.subtitledkbl {  FONT-WEIGHT: bold; FONT-SIZE: 12px;  COLOR: #1A1886; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.tagline { FONT-SIZE: 12px;  COLOR: #1A1886; FONT-STYLE: italic; TEXT-DECORATION: none;FONT-FAMILY: Arial, Helvetica;}





<!--  Sub Navigation Bar  -->

 .bluelink         {font-family: Arial, Helvetica; font-size:12px; color: #FFFFFF; text-decoration:none}

a.bluelink:link    {COLOR:#FFFFFF; TEXT-DECORATION: none; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal}

a.bluelink:visited {COLOR:#ffcc00; TEXT-DECORATION: none; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal}

a.bluelink:hover   {COLOR:#ffcc00; TEXT-DECORATION: none; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal}

a.navlinksub:hover {text-decoration:none}



<!--  Left Frame Internet Banking Menu  -->

.navlink {font-family: Arial, Helvetica; font-size:12px; color: #0809A1; text-decoration:none}

.vnavlink {font-family: Arial, Helvetica; font-size:12px; color: #FFCC00; text-decoration:none}

.navlink2 {font-family: Arial, Helvetica; font-size:12px; color: #FFE7B3; text-decoration:none}

.navlinksub {font-family: Arial, Helvetica; font-size:11px; color: #0809A1; text-decoration:none}

a.navlink:hover {text-decoration:none}



<!-- Public Site Tertiary Tabs -->



.tertiarytext {FONT-SIZE: 12px; COLOR: #5D6065; FONT-FAMILY: Arial, Helvetica; }

.tertiarytextenabled {FONT-SIZE: 12px; COLOR: #101070; FONT-FAMILY: Arial, Helvetica; }



a.tertiarytext {FONT-SIZE: 12px; COLOR: #5D6065; FONT-FAMILY: Arial, Helvetica; text-decoration:none}

a.tertiarytext:hover {FONT-SIZE: 12px; COLOR: #5D6065; FONT-FAMILY: Arial, Helvetica; text-decoration:none}



a.tertiarytextenabled {FONT-SIZE: 12px; COLOR: #101070; FONT-FAMILY: Arial, Helvetica; text-decoration:none}

a.tertiarytextenabled:hover {FONT-SIZE: 12px; COLOR: #101070; FONT-FAMILY: Arial, Helvetica; text-decoration:none}



<!--  Body Text  -->

body {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica;}

td {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica;}

tr {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica;}

p {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica;}

br {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica;}

div {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica;}

center {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica;}

a:hover {COLOR: #00005D; text-decoration: underline;}



.titleroll {  background-color: #0F0860;}

.roll1 {  background-color: #D7DFF6;}

.roll2 {  background-color: #EFF8FF;}

.blankrow { FONT-SIZE: 8px; FONT-COLOR: #FFFFFF; background-color: #FFFFFF FONT-FAMILY: Arial, Helvetica;}

.bodytitle {FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica;}



.bodytext {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica; }

a.bodytext {FONT-SIZE: 12px; COLOR: #821836; FONT-FAMILY: Arial, Helvetica; text-decoration:none}

a.bodytext:hover {FONT-SIZE: 12px; COLOR: #000060; FONT-FAMILY: Arial, Helvetica; text-decoration:underline}

.disclaimer {FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica; }


.bodytextItalic {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica; FONT-STYLE: italic;}

.bodytextBold {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica; }

.bodytextmaroon {  FONT-SIZE: 12px; COLOR: #821836; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.bodytextpink {  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FF00FF; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica;}

.maroontext  {FONT-SIZE: 11px; COLOR: #801934; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none}

.specialtext  {FONT-SIZE: 16px; FONT-WEIGHT: BOLD; COLOR: #0000FF; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none}

.whitetext  {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none}

a.whitetext:hover { COLOR: #FDF2E2; TEXT-DECORATION: none}



 .menuheader  {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #801934; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none}

a.menuheader:active  { FONT-SIZE: 12px; COLOR: #801934; TEXT-DECORATION: none}

a.menuheader:visited  { FONT-SIZE: 12px; COLOR: #801934; TEXT-DECORATION: none}

a.menuheader:hover  { FONT-SIZE: 12px; COLOR: #801934;  TEXT-DECORATION: none}

a.menuheader:link  { FONT-SIZE: 12px; COLOR: #801934; TEXT-DECORATION: none}



 .menutext  {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none}

a.menutext:link { COLOR: #000000; TEXT-DECORATION: none}

a.menutext:hover { COLOR: #000000; TEXT-DECORATION: none}

a.menutext:active { COLOR: #000000; TEXT-DECORATION: none}

a.menutext:visited { COLOR: #000000; TEXT-DECORATION: none}



.tableheader {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica; color: #FFFFFF; FONT-WEIGHT: bold; background-color: #4B4B95;}

.subtableheader {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica; color: #FFFFFF; background-color: #4B4B95;}



UL { list-style-image: url(http://www.oub.com.sg/images/bullet_triangle.gif) }



<!--  Footer  -->

.copyright {font-family: Arial, Helvetica; font-size:10px;}

.smalltext {font-family: Arial, Helvetica; font-size:11px;; line-height: 9pt}

.smalltextb {font-weight: bold; font-family: Arial, Helvetica; font-size:11px;}

.red_roll {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #801934; font-size: 12px}

.grey_roll {  font-family: Arial, Helvetica, sans-serif; background-color: #CCCCCC}

.border {  border: 1px #801934 solid}