<!--
body, td, div {font-family: Arial, Verdana, Helvetica;  font-size: 11px; color: #000000;}

.title {font-size: 18px; font-weight: bold; }

.titleclass {font-size: 14px; font-weight: bold; color: #cc3300; text-transform: uppercase; }

.subtitle {font-weight: bold; padding: 15px 15px 0px 15px;}

h2 {color: #008000;}

/* table border line & background colour */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* image */
.imgRM {margin-right: 10px;}

/* table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }

/* table header cell colours and backgrounds */
td.cat { background-image: url(../../image/icon/cellpic1.gif) }

/* Background images for tables tb1 = large and tbs = small*/
.tbl{border-collapse:collapse;height:4px;width:406px}
.tbs{border-collapse:collapse;height:4px;width:100%}
.tbll{background:  url(../../image/icon/tb4_l.gif) no-repeat;width:8px}
.tblbot{background:  url(../../image/icon/tb4_m.gif) repeat-x;width:100%}
.tblr{background:  url(../../image/icon/tb4_r.gif) no-repeat;width:8px}

/* Grey Table */
.row2 { background-image:  url(../../image/intro/bg_top.gif);}
.maintitle   { vertical-align: middle; font-weight: bold; color: #000; letter-spacing: 1px; 
               background-color: #c0c0c0; 
               padding-left: 5px; padding-right: 0px; padding-top: 8px; 
               padding-bottom: 8px; text-transform: uppercase }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active
{ text-decoration: none; color: #000; text-transform: uppercase}
.maintitle a:hover { text-decoration: underline }
.post1 { background-color: #c0c0c0; text-align: justify;}
.post1 a:link {color: #666666; font-weight: normal; text-decoration: none;}
.post1 a:visited {color: #800080; font-weight: normal; text-decoration: none;}
.post1 a:active {color: #006600; font-weight: normal; text-decoration: none;}
.post1 a:hover {color: #006600; font-weight: normal; text-decoration: none;}
.row3 { background-image:  url(../../image/intro/bg_bottom.gif);}

/* date & temp */
.datetemp {font-family: Verdana; font-size: 8px; color: #333333; font-weight: bold; letter-spacing: 2px}

/* last review date */
.datestamp {font-family: Verdana; font-size: 8px; color: #000000; }

/* copyright menu */
.copymenu {font-family: Verdana; font-size: 10px; color: #333333; font-weight: bold; text-align: center; letter-spacing: 2px}

/* copyright */
.copy {font-family: Verdana; font-size: 8px; color: #333333; font-weight: bold; text-align: center; letter-spacing: 3px}

/* layer text */
.ltext {font-size: 11px; text-align: justify;}

/* intro text */
.intro {font-size: 1px; text-align: center; color: #ffffff;}

/* bullet for interview questions */
.interviewq {line-height: 20px}

/* dotted table */
.dot_table {font-family: Arial, Helvetica, sans-serif; border: thin dotted #CCCCCC;}

a:link {color: #666666; font-weight: bold; text-decoration: none;}
a:visited {color: #800080; font-weight: bold; text-decoration: none;}
a:active {color: #ffffff; font-weight: bold; text-decoration: underline and overline;}
a:hover {color: #ffffff; font-weight: bold; text-decoration: underline and overline;}

div.ltext a:link {color: #666666; font-weight: normal; text-decoration: none;}
div.ltext a:visited {color: #800080; font-weight: normal; text-decoration: none;}
div.ltext a:active {color: #006600; font-weight: normal; text-decoration: none;}
div.ltext a:hover {color: #006600; font-weight: normal; text-decoration: none;}

div.copymenu a:link {color: #666666; font-weight: bold; text-decoration: none;}
div.copymenu a:visited {color: #800080; font-weight: bold; text-decoration: none;}
div.copymenu a:active {color: #ffffff; font-weight: bold; text-decoration: underline;}
div.copymenu a:hover {color: #ffffff; font-weight: bold; text-decoration: underline;}

div.classimg a:link {color: #666666; font-weight: normal; text-decoration: none; border-width: 2px; border-style: solid; border-color: #ffffff}
div.classimg a:visited {color: #800080; font-weight: normal; text-decoration: none; border-width: 2px; border-style: solid;  border-color: #ffffff}
div.classimg a:active {color: #006600; font-weight: normal; text-decoration: none; border-width: 2px; border-style: solid;  border-color: #808080}
div.classimg a:hover {color: #006600; font-weight: normal; text-decoration: none; border-width: 2px; border-style: solid;  border-color: #cc3300}

div.bg a:link {color: #666666; font-weight: normal; text-decoration: none;}
div.bg a:visited {color: #800080; font-weight: normal; text-decoration: none;}
div.bg a:active {color: #006600; font-weight: normal; text-decoration: none;}
div.bg a:hover {color: #006600; font-weight: normal; text-decoration: none; background-color: #ffff99;}

.light a:link {color: #999999; font-weight: normal; text-decoration: none;}
.light a:visited {color: #800080; font-weight: normal; text-decoration: none;}
.light a:active {color: #006600; font-weight: normal; text-decoration: none;}
.light a:hover {color: #006600; font-weight: normal; text-decoration: none;}

.blue a:link {color: #008000; font-weight: normal; text-decoration: none;}
.blue a:visited {color: #CC3300; font-weight: normal; text-decoration: none;}
.blue a:active {color: #008000; font-weight: normal; text-decoration: underline and overline;}
.blue a:hover {color: #008000; font-weight: normal; text-decoration: underline and overline;}

div.2line a:link {color: #999999; font-weight: normal; text-decoration: none;}
div.2line a:visited {color: #800080; font-weight: normal; text-decoration: none;}
div.2line a:active {color: #006600; font-weight: normal; text-decoration: underline and overline;}
div.2line a:hover {color: #006600; font-weight: normal; text-decoration: underline and overline;}		
-->