/* -------------------------------- */


/* Header Properties */

h1 { font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #F7E8FF; margin-bottom: 0; 
            padding-top: 1; padding-bottom: 1 }
H2 { font-size : 15pt; font-family : Times New Romanserif;margin-bottom : 0; color : #386890}
H3 { font-size : 12pt; font-family : Verdana, Arial, Helvetica, sans-serif; font-style : italic; 	margin-bottom : 0; color : #386890;}
H4 { font-size : 11pt; font-family : Verdana, Arial, Helvetica, sans-serif; margin-bottom : 0; color : #386890;}
.bg { background-color: #F7F3FF; font-family: Trebuchet MS; font-size: 8 px }
.loginbg { background-color: #ECF5FF }
              

/* Paragraph Properties */

/* Table Properties */

.header      { text-align: center; word-spacing: 1; color: #000000; background-color: #DEDBFF; 
               font-family: Century Gothic; font-size: 9pt; text-decoration: 
               none; position: relative; height: 20; font-weight: bold }
.tbheader    { background-color: #EBECE8; font-family: Trebuchet MS; font-size: 11px; color: 
               #000000; font-weight: bold}
.footer      { background-color: #DEDBFF; color: #000000; font-size: 11px; text-align: center }
.formtr      { background-color: #F3F4FE; color: #000080; font-family: Verdana; font-size: 
               11px; padding-top: 1; padding-bottom: 1 }
.button      { background-color: #FFFFFF; font-family: verdana, Arial; font-weight: bold; 
               font-size: 8pt; color: #414183 }
.checkbox    { background-color: #FFFFFF; font-family: verdana, Arial; font-weight: bold; 
               font-size: 8pt; color: #FCF4FF }
.radio       { background-color: #FCF4FF; font-family: verdana, Arial; font-weight: bold; 
               font-size: 8pt; color: #414183 }
.multibox    { background-color: #FCF4FF; font-family: verdana, Arial; font-weight: bold; 
               font-size: 8pt; color: #414183 }
.select      { width: 100; background-color: #FCF4FF; color: #414183 }

               
.textbox {font-family: Verdana; font-size:12px;	color:#000000;	zIndex: -100;	border-left: 1px solid #BBBBFF; 
		border-right: 1px solid #BBBBFF; border-top: 1px solid #BBBBFF; border-bottom: 1px solid #BBBBFF; }
.formtrhref  { color: #3050A0; background-color: '#ECF5FF font-family verdana', arial; 
               text-decoration: none; font-size: 13px; font-family: 
               Trebuchet MS; font-weight: bold }
.formtrhref:hover { font-family: Trebuchet MS; font-size: 11px; color: #414183; text-decoration: 
               none; background-color: #FFFFFF; font-weight: bold }
:active.formtrhref  { font-family:verdana,arial;
                      font-size:12px;
                      color:#000080;
                      font-weight:bold;
                      text-decoration:none; background-color:#FFFFFF }
               
.forwardmsg  { color: #FF0000; background-color: #D0D3D9; font-size: 12px; font-family:  Trebuchet MS }
.total       {  font-weight: bold; background-color: #C8CCD9}
.status      {  color: #FF0000; background-color: #E9F0F8; font-weight:bold}
.remark      {  color: #FFFFFF; background-color: #0000FF; font-weight:bold}
.date        {  font-weight: bold}

.formtrhighlight   {  font-weight: bold; background-color: #000080; color:#FFFFFF; font-family:Verdana; font-size:9pt }
                      
.note        { color: #FF0000; background-color: #E9F0F8; font-weight:bold }

.formtrheader {  font-family: Courier New; font-weight: bold; background-color: #98D0FF}

.tbmiddleleft {  background-color: #DDDFE8; font-family:Courier New; font-size:13px; font-weight:bold  }

.tbmiddleright {  background-color: #F7F7F9; font-family:Courier New;  font-size:13px; font-weight:bold  }

.search      {  background-color: #868EAC}

.rownum { background-color: #F2FBFF; color:#000000; font-family:Verdana; font-size:12px; font-weight:bold; padding-top:1; padding-bottom:1}
                
 
.loginheader { text-align: center; word-spacing: 1; color: #FFFFFF; background-color: #1C4C82; font-family:Verdana; font-size:13px;               
              font-weight:bold; text-decoration:none; position: relative; height: 20 }
              
.loginfooter {  background-color: #1C4C82; color:#FFFFFF; font-size:11px;text-align:center}

.loginformtr { background-color: #ECF5FF; color: #414183; font-family: Verdana; font-size: 
               12px; font-weight: bold; padding-top: 1; padding-bottom: 1 }


/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/

/* level 0 inner */
.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #00049c;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #00049c;
}

/* level 0 outer */
.m0l0oout    { text-decoration: none; background-image: 
               url('../img/lev0_bg1.gif'); background-color: 
               #b3b3ff; border: 1px solid #5c5cff }
.m0l0oover   { text-decoration: none; background-image: 
               url('../img/lev0_bg2.gif'); background-color: 
               #b3b3ff; border: 1px solid #5c5cff }
/* Drop Down Menu inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #00049c;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #00049c;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #cecfff;
	border: 1px solid #5c5cff;
	padding: 0;
}
.m0l1oover   { text-decoration: none; background-color: #E1E2FF; background-image: 
               url('../img/lev1_arrow.gif'); background-repeat:                no-repeat; border: 1px solid #5c5cff; padding: 0 }
/*Initial page */

BODY {
	MARGIN: 0px; FONT: 12px Arial
}
A:active {
	FONT-SIZE: 12px; COLOR: #ff9900
}
A:hover {
	FONT-SIZE: 12px; COLOR: #ff9900
}
A:link {
	FONT-SIZE: 12px; COLOR: #336699
}
A:visited {
	FONT-SIZE: 12px; COLOR: #336699
}
A.topLinks:active {
	FONT-SIZE: 11px; COLOR: #003366
}
A.topLinks:hover {
	FONT-SIZE: 11px; COLOR: #003366
}
A.topLinks:link {
	FONT-SIZE: 11px; COLOR: #003366
}
A.topLinks:visited {
	FONT-SIZE: 11px; COLOR: orange
}
.topLinks {
	FONT-SIZE: 12px; FONT-FAMILY: Arial
}
A.topMenu:active {
	FONT-SIZE: 12px; COLOR: white
}
A.topMenu:hover {
	FONT-SIZE: 12px; COLOR: white
}
A.topMenu:link {
	FONT-SIZE: 12px; COLOR: white
}
A.topMenu:visited {
	FONT-SIZE: 12px; COLOR: white
}
.topMenu {
	FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial
}
.bottomLinks {
	LINE-HEIGHT: 100%; BACKGROUND-COLOR: #e6e6e6
}
A.depMenu:active {
	FONT-SIZE: 12px; COLOR: white
}
A.depMenu:hover {
	FONT-SIZE: 12px; COLOR: white
}
A.depMenu:link {
	FONT-SIZE: 12px; COLOR: white
}
A.depMenu:visited {
	FONT-SIZE: 12px; COLOR: white
}
.depMenu {
	FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fc7d0a
}
.depMenuHighlighted {
	FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fc7d0a
}
A.currLocation:active {
	FONT-SIZE: 11px; COLOR: #fc7d0a
}
A.currLocation:hover {
	FONT-SIZE: 11px; COLOR: #fc7d0a
}
A.currLocation:link {
	FONT-SIZE: 11px; COLOR: #fc7d0a
}
A.currLocation:visited {
	FONT-SIZE: 11px; COLOR: #fc7d0a
}
.currLocation {
	FONT-SIZE: 11px; COLOR: #fc7d0a; FONT-FAMILY: Arial
}
A.currLocation2:active {
	FONT-SIZE: 12px; COLOR: #cc0000
}
A.currLocation2:hover {
	FONT-SIZE: 12px; COLOR: #cc0000
}
A.currLocation2:link {
	FONT-SIZE: 12px; COLOR: #cc0000
}
A.currLocation2:visited {
	FONT-SIZE: 12px; COLOR: #cc0000
}
.currLocation2 {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial
}
.sideLinksDisabled {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699
}
A.sideLinks:active {
	FONT-SIZE: 12px; COLOR: #336699
}
A.sideLinks:hover {
	FONT-SIZE: 12px; COLOR: #336699
}
A.sideLinks:link {
	FONT-SIZE: 12px; COLOR: #336699
}
A.sideLinks:visited {
	FONT-SIZE: 12px; FONT-FAMILY: Arial
}
.sideLinks {
	FONT-SIZE: 12px; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.topMenuShade { background-image: url('../../theme_pictures/sideShade.bmp') }
A.sideMenuHdr :active {
	FONT-SIZE: 12px; COLOR: #ff6600
}
A.sideMenuHdr :hover {
	FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: underline
}
A.sideMenuHdr :link {
	FONT-SIZE: 12px; COLOR: #ff6600
}
A.sideMenuHdr :visited {
	FONT-SIZE: 12px; FONT-FAMILY: Arial
}
.sideMenuHdr {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0099ff; TEXT-DECORATION: none
}
.sideMenuHdrSep {
	BACKGROUND-COLOR: #ff6600
}
.sideMenuSubHdr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #336699
}
.sideMenuHdrSep2 {
	BACKGROUND-COLOR: #336699
}
.sideMenuBlockSep {
	BACKGROUND-COLOR: #666666
}
.topMenuBackground { background-image: url('../images/orange_bg.jpg') }
.serviceTopicHdr0 {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: red; FONT-FAMILY: Arial; valign: "middle"
}
.serviceTopicHdr {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial; BACKGROUND-COLOR: #0099ff; valign: "middle"
}
.serviceTopicSubHdr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FILTER: DropShadow( color=silver, offX=1, offY=1); COLOR: #ffffff; FONT-FAMILY: Arial; BACKGROUND-COLOR: #d20604; valign: "middle"; align: center
}
.serviceTopicSubHdrBG {
	BACKGROUND-COLOR: #d2ffff
}
.serviceDescBlockBG {
	FONT-SIZE: 0.85em; LINE-HEIGHT: 200%; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: justify; valign: top
}
.serviceTopicSubHdr2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ececec; FONT-FAMILY: Arial; BACKGROUND-COLOR: #373236; valign: "middle"
}
.question {
	FONT-WEIGHT: bold; FONT-SIZE: 95%; COLOR: rgb(204,51,0); FONT-FAMILY: Arial; valign: "middle"
}
.serviceTopicDesc {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Arial"; TEXT-ALIGN: justify
}
.departmentHeader1 {
	FONT-SIZE: 18px; COLOR: #ff6600; FONT-FAMILY: Arial
}
.departmentHeader2 {
	FONT-SIZE: 14px; COLOR: #0099ff; FONT-FAMILY: Arial
}
.districtBodyItemEng {
	FONT-SIZE: 11px; COLOR: rgb(0,0,0); LINE-HEIGHT: 200%; FONT-FAMILY: Verdana; HEIGHT: 21px; valign: "top"
}
.districtBodyItem {
	FONT-SIZE: 0.85em; LINE-HEIGHT: 200%; FONT-FAMILY: Arial; TEXT-ALIGN: justify; valign: top
}
.fill_left {
	FONT-SIZE: 12px; BACKGROUND-COLOR: #f7f8fb
}
.cellBackground {
	FONT-SIZE: 0.85em; COLOR: #000066; LINE-HEIGHT: 200%; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: rgb(242,249,255); valign: "top"; bordercolor: #800000
}
.cellBackgroundLastRow {
	FONT-SIZE: 0.85em; COLOR: #000066; LINE-HEIGHT: 200%; BORDER-BOTTOM: rgb(159,73,98) 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: rgb(242,249,255); valign: top
}
.tableHdr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: rgb(69,112,163); TEXT-ALIGN: center
}
.tableHdrRelLinks {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
.tableHdrDetailedInfo {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; BACKGROUND-COLOR: #003366; TEXT-ALIGN: center
}
.cellBGRelLinks {
	FONT-SIZE: 10px; BACKGROUND-COLOR: #eaeaea
}
.cellBGDetailedInfo {
	FONT-SIZE: 10px; BACKGROUND-COLOR: #ddeeff
}
.lastUpdatedBy {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #0066ff; FONT-FAMILY: Arial; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: justify; valign: middle
}
.courseHdr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #dbdbdb
}
.listPicBullet {
	MARGIN-TOP: 0px; FONT-SIZE: 1em; MARGIN-BOTTOM: 12px; LINE-HEIGHT: 200%; FONT-FAMILY: Arial; TEXT-ALIGN: justify; valign: "top"
}
.hori_break {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 6px; COLOR: #800000; align: "left"
}
.gapLink {
	COLOR: #666600
}
.gapText {
	COLOR: #666666
}
.parentMnu {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: rgb(204,51,0)
}
.parentMnu1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: rgb(204,51,204); BACKGROUND-COLOR: rgb(233,233,233)
}
.linkDisabled {
	FONT-SIZE: 12px; COLOR: rgb(120,120,120)
}
A.newsHeadline:hover {
	FONT-SIZE: 18px; COLOR: rgb(0,0,0); FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none; valign: top
}
A.newsHeadline:link {
	FONT-SIZE: 18px; COLOR: rgb(0,0,0); FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none; valign: top
}
A.newsHeadline:visited {
	FONT-SIZE: 18px; COLOR: rgb(0,0,0); FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none; valign: top
}
.newsHeadline {
	FONT-SIZE: 18px; COLOR: rgb(0,0,0); FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none; valign: top
}
.newsSeparator1 {
	BACKGROUND-COLOR: #800000
}
.newsSeparator2 {
	BACKGROUND-COLOR: #c0c0c0
}
.newsAuthor {
	FONT-SIZE: 75%; COLOR: rgb(125,125,125); FONT-FAMILY: Arial; TEXT-ALIGN: left; valign: top
}
.newsFooter {
	FONT-SIZE: 0.75em; COLOR: rgb(0,0,0); LINE-HEIGHT: 200%; FONT-FAMILY: Arial; BACKGROUND-COLOR: #c0c0c0; TEXT-ALIGN: left; valign: top
}
.cellBGCaption {
	PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND-COLOR: #d3d0cb; valign: top
}
.cellBGDesc {
	PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND-COLOR: #e4e2de; valign: top
}