/* link color */ A:link {COLOR:#333366; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {COLOR:#333366; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {COLOR:#333366; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A:active {COLOR:#333366; FONT-WEIGHT: normal; TEXT-DECORATION: none} /* link layout with different link color */ A.link2:link {COLOR:#ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.link2:visited {COLOR:#ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.link2:hover {COLOR:#ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.link2:active {COLOR:#ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.link3:link {COLOR:#FED408; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.link3:visited {COLOR:#FED408; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.link3:hover {COLOR:#FED408; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.link3:active {COLOR:#FED408; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.link4:link {COLOR:#F57822; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.link4:visited {COLOR:#F57822; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.link4:hover {COLOR:#F57822; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.link4:active {COLOR:#F57822; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.footer:link {COLOR:#FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.footer:visited {COLOR:#FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.footer:hover {COLOR:#FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.footer:active {COLOR:#FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* use for both checkbox and button */ .checkbox { BACKGROUND: ; border: none; HEIGHT: 20px; background-color: ; background-color: 24639D; } .button { BACKGROUND: #31A2DD; border: 1px solid #000000; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; background-color: #33CCFF; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-color: #000000; width: auto; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-style: dotted; border-left-width: thin; } /* to control the font size and type in the table */ body {background-color: transparent} td { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #333366; text-align: justify; } .footer { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9px; color: #FFFFFF } /* style use in the form */ select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; border: 1px solid #333333;} .txtinput { BACKGROUND: #FFFFFF; border: 1px solid #333333; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px } textarea { BACKGROUND: #66CCFF; border: 1px solid #000000; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 111px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; background-color: #66CCFF; background-image: url("adv_txt.jpg"/*tpa=http://dev.supertec.com/vpl/did/images/adventure/adv_txt.jpg*/); } textarea2 { BACKGROUND: #FFFFFF; border: 1px solid #000000; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 111px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; background-color: #66CCFF; background-image: url("adv_txt.jpg"/*tpa=http://dev.supertec.com/vpl/did/images/adventure/adv_txt.jpg*/); } /* to control the color of the scrollbar */ .scroll { scrollbar-face-color: #8DB87F; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #999999; scrollbar-darkshadow-color: #999999; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; background-color: #31A2DD; color: #0066CC; } /* style use in the dropdown */ .dropdown { Z-INDEX: 10; LEFT: 0px; VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; TOP: 114px; background-color: #6FDBFF; color: #0066CC; font-family: Verdana; } A.dropLinks:link { FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: none; width: 100%} A.dropLinks:visited { FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: none; width: 100% } A.dropLinks:hover { FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: non; width: 100% } .text { font-family: Verdana; font-size: 11px; background-color: 3CB0D7; background: 3CB0D7; } .radioButt { border: none; background-color: 24639D; } .radioButt2 { border: none; } .textwords { font-family: Verdana; font-size: 11px; color: #333366; background-image: none; } .textwords2 { font-family: Verdana; font-size: 11px; color: #FFFFFF; background-image: none; } .textwords3 { font-family: Verdana; font-size: 14px; color: #333366; background-image: none; } .textwords4 { font-family: Verdana; font-size: 10px; color: #333366; background-image: none; } .textwords5 { font-family: Verdana; font-size: 10px; color: #ffffff; background-image: none; } .textwords5 { font-family: Verdana; font-size: 10px; color: #ffffff; background-image: none; } .textwords6 { font-family: Verdana; font-size: 11px; color: #FF7902; background-image: none; } .textwords7 { font-family: Verdana; font-size: 10px; color: #333366; background-image: none; } .textwords8 { font-family: Verdana; font-size: 11px; color: #333366; background-color:#ffffff; } .buttons { font-family: Verdana; font-size: 11px; color: #333366; background-color:#C2CCDB; border:'1px' 'border-style' '#000000'; background-image: url("button_bg.jpg"/*tpa=http://dev.supertec.com/vpl/did/images/button_bg.jpg*/); } .textarea1 { font-family: Verdana; font-size: 11px; background-color: #9CEFFE; color: #333399; background-image: none; } .dropdown1 { font-family: Verdana; font-size: 11px; color: #333399; background-color: #9CEFFE; } .style7 { font-family: Verdana; font-size: 12px; background-color: #ffcc33; color: 003399; border: 1px solid #000000; } .style1 { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; } .nolink { font-family: Verdana; font-size: 11px; color: #CC0000; } .heading2 { font-family: Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF; } .error { font-family: Verdana; font-size: 16px; color: #FF0000; } .footer { font-family: Verdana; font-size: 9px; color: #FFFFFF; background-image: none; } /* Fun Learning text */ .funtext { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #FFFFFF; text-align: justify; } A.fun:link {COLOR:#24B8EE; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.fun:visited {COLOR:#24B8EE; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.fun:hover {COLOR:#24B8EE; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.fun:active {COLOR:#24B8EE; FONT-WEIGHT: normal; TEXT-DECORATION: none} /* Conserveation text */ .conserve { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #FFFFFF; text-align: justify; } A.conserve:link {COLOR:#cccccc; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.conserve:visited {COLOR:#CCCCCC; FONT-WEIGHT: normal; TEXT-DECORATION: none} A.conserve:hover {COLOR:#cccccc; FONT-WEIGHT: normal; TEXT-DECORATION: underline} A.conserve:active {COLOR:#cccccc; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* ibs text */ .ibs { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #FFFFFF; text-align: justify; } A.ibs:link { COLOR:#003399; FONT-WEIGHT: normal; TEXT-DECORATION: none; } A.ibs:visited { COLOR:#003399; FONT-WEIGHT: normal; TEXT-DECORATION: none } A.ibs:hover { COLOR:#003399; FONT-WEIGHT: normal; TEXT-DECORATION: underline } A.ibs:active { COLOR:#003399; FONT-WEIGHT: normal; TEXT-DECORATION: underline } .checkbox1 { BACKGROUND: ; border: none; HEIGHT: 20px; background-color: ; background-color: 2D699F; } .checkbox2 { BACKGROUND: ; border: none; HEIGHT: 20px; background-color: ; background-color: 24629B; }