<!-- LINKS -->

<!-- main navigation -->

a:link.mNav { text-decoration: none; color: #00ccff; font-weight:bold; font-size:10pt }
a:visited.mNav { text-decoration: none; color: #00ccff; font-weight:bold; font-size:10pt}
a:hover.mNav { text-decoration: underline; color: #ffffff; font-weight:bold; font-size:10pt}
a:active.mNav { text-decoration: none; color: #00ccff; font-weight:bold; font-size:10pt}

.mNav {text-decoration: underline; font-weight:bold; color:#00ccff; font-size:10pt}

<!-- main navigation (active) -->

a:link.maNav { text-decoration: none; color: #ffffff; font-weight:bold; font-size:10pt }
a:visited.maNav { text-decoration: none; color: #ffffff; font-weight:bold; font-size:10pt}
a:hover.maNav { text-decoration: underline; color: #ffffff; font-weight:bold; font-size:10pt}
a:active.maNav { text-decoration: none; color: #ffffff; font-weight:bold; font-size:10pt}

.maNav {text-decoration: none; font-weight:bold; color:#ffffff; font-size:10pt}

<!-- sub navigation -->

a:link.sNav { text-decoration: none; color: #ffffff; font-weight:bold; font-size:8pt }
a:visited.sNav { text-decoration: none; color: #ffffff; font-weight:bold; font-size:8pt}
a:hover.sNav { text-decoration: underline; color: #cc9900; font-weight:bold; font-size:8pt}
a:active.sNav { text-decoration: none; color: #ffffff; font-weight:bold; font-size:8pt}

.sNav {text-decoration: none; font-weight:bold; color:#ffffff; font-size:8pt}

<!-- locator -->

a:link.loc { text-decoration: none; color: #6666ff; font-weight:bold; font-size:8pt }
a:visited.loc { text-decoration: none; color: #6666ff; font-weight:bold; font-size:8pt}
a:hover.loc { text-decoration: underline; color: #6666ff; font-weight:bold; font-size:8pt}
a:active.loc { text-decoration: underline; color: #6666ff; font-weight:bold; font-size:8pt}

.loc {text-decoration: none; font-weight:bold; color:#6666ff; font-size:8pt}

<!-- logo -->

a:link.logo { text-decoration: none; color: #ffffff; font-weight:normal; font-size:8pt }
a:visited.logo { text-decoration: none; color: #ffffff; font-weight:normal; font-size:8pt}
a:hover.logo { text-decoration: none; color: #ffffff; font-weight:normal; font-size:8pt}
a:active.logo { text-decoration: none; color: #ffffff; font-weight:normal; font-size:8pt}

.logo {text-decoration: none; font-weight:normal; color:#ffffff; font-size:8pt}

<!-- vanessachan.com -->

a:link.vcom { text-decoration: none; color: #6666ff; font-weight:bold; font-size:10pt }
a:visited.vcom { text-decoration: none; color: #6666ff; font-weight:bold; font-size:10pt}
a:hover.vcom { text-decoration: underline; color: #6666ff; font-weight:bold; font-size:10pt}
a:active.vcom { text-decoration: underline; color: #6666ff; font-weight:bold; font-size:10pt}

.vcom {text-decoration: none; font-weight:bold; color:#6666ff; font-size:10pt}

<!-- package -->

a:link.pkg { text-decoration: underline; color: #cc9900; font-weight:bold; font-size:10pt }
a:visited.pkg { text-decoration: underline; color: #cc9900; font-weight:bold; font-size:10pt}
a:hover.pkg { text-decoration: underline; color: #ffffff; font-weight:bold; font-size:10pt}
a:active.pkg { text-decoration: underline; color: #ffffff; font-weight:bold; font-size:10pt}

.pkg {text-decoration: underline; font-weight:normal; color:#cc9900; font-size:10pt}

<!-- features -->

a:link.ftrs {color: #F5F5F5; font-weight:bold}
a:visited.ftrs {color: #F5F5F5; font-weight:bold}
a:hover.ftrs {color: #F5F5F5; font-weight:bold}
a:active.ftrs {color: #F5F5F5; font-weight:bold}

.ftrs {font-weight:bold; color:#F5F5F5}

<!-- white links -->

a:link.wlk {color: #f5f5f5}
a:visited.wlk {color: #f5f5f5}
a:hover.wlk {color: #6666FF}
a:active.wlk {color: #f5f5f5}

.wlk {color:#f5f5f5}

<!-- others -->

BODY 
{    
    SCROLLBAR-FACE-COLOR: #000033;
    SCROLLBAR-HIGHLIGHT-COLOR: #3333cc;
    SCROLLBAR-SHADOW-COLOR: #3333cc;
    SCROLLBAR-3DLIGHT-COLOR: #3333cc;
    SCROLLBAR-ARROW-COLOR: #CC9900; 
    SCROLLBAR-TRACK-COLOR: #666666; 
    SCROLLBAR-DARKSHADOW-COLOR: #3333cc;
}



<!-- side navigation -->

a:link.red { color: blue; font-weight:normal }
a:visited.red { color: purple; font-weight:normal }
a:hover.red { text-decoration: none; color: #FF3300 }

<!-- sign up -->

a:link.signUp { text-decoration: underline; color: blue; font-weight:normal }
a:visited.signUp { text-decoration: underline; color: blue; font-weight:normal }
a:hover.signUp { text-decoration: none; color: orange }

.signUp { color: blue; font-weight:normal }

<!-- view all (for homepage) -->

a:link.viewAll { color: blue; text-decoration: underline }
a:visited.viewAll { color: blue; text-decoration: underline }
a:hover.viewAll { text-decoration: none; color: #ff3300 }

.viewAll { color: blue; text-decoration: underline }

<!-- feedback (for feedback) -->

a:link.feedbackNavigation { text-decoration: none; color: #ffffff; font-family: 'Lucida Sans Unicode',Arial }
a:visited.feedbackNavigation { text-decoration: none; color: #ffffff;  font-family: 'Lucida Sans Unicode',Arial}
a:hover.feedbackNavigation { text-decoration: underline; color: #ffffff;  font-family: 'Lucida Sans Unicode',Arial}
a:active.feedbackNavigation { text-decoration: underline; color: red;  font-family: 'Lucida Sans Unicode',Arial}

.feedbackNavigation {text-decoration: none; color:#ffffff; font-family: 'Lucida Sans Unicode',Arial}

<!-- subNavigation e.g. exchange, living, bulletin -->

a:link.subNavigation { text-decoration: none; color: #9900CC; font-family: Verdana,Arial }
a:visited.subNavigation { text-decoration: none; color: #9900CC;  font-family: Verdana,Arial}
a:hover.subNavigation { text-decoration: underline; color: #9900CC;  font-family: Verdana,Arial}
a:active.subNavigation { text-decoration: underline; color: red;  font-family: Verdana,Arial}

.subNavigation {text-decoration: none; color:#9900CC; font-family: Verdana,Arial}