body { 
background-color: #000000; padding: 0px 0px 0px 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-attachment: fixed; background-image: url(images/bg.gif);
}

h1 {
font-family: Tahoma, Arial, Verdana, Serif; font-size: 16px; font-weight: bold; color: #000000; padding-top: 0px; padding-left: 0px; padding-bottom: 5px; border: 0px none; line-height: 18px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #CCCCCC;
}

h2  {
font-family:  Tahoma, Arial, Verdana, Serif; color: #fe0000; font-size: 12px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 0px 0px; font-weight: bold; text-align: left; line-height: 21px;
}

h3, h4, h5 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; font-weight: bold; color: #000000; padding-top: 0px; padding-left: 0px; padding-bottom: 4px; border: 0px none; line-height: 18px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCCCCC;
}

.hextra {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 15px; font-weight: bold; color: #fe0000; padding-top: 0px; padding-left: 0px; padding-bottom: 5px; border: 0px none; line-height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000;
}

.welcome {
font-family: Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #dddddd; border: 0px none; line-height: 40px; font-weight: bold;
}

.benefits-box-header {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #000000; font-weight: bold; line-height: 28px; padding-left: 10px; border: 0px solid #1c3155;}

.benefits {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #11b6e2; background-color: #ffffff; font-weight: bold; line-height: 14px; padding: 0px; border: 0px solid #cccccc;}

.benefits1 {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #fe0000; background-color: #ffffff; font-weight: bold; line-height: 14px; padding: 0px; border: 0px solid #cccccc;}

.menu-box-header {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #000000; font-weight: bold; line-height: 28px; padding-left: 10px; border: 0px solid #1c3155;}

.menu-box {
font-family: Arial, Tahoma, Trebuchet MS; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 0px; border: 0px solid #cccccc;}

.menu-box1 {
font-family: Tahoma, Trebuchet MS; font-size: 11px; letter-spacing: 1px; color: #000000; background-color: #000000; font-weight: bold; line-height: 25px; padding-left: 30px; background-image: url(images/menu-box1-bg.gif);}

.menu-box2 {
font-family: Tahoma, Trebuchet MS; font-size: 11px; letter-spacing: 1px; color: #000000; background-color: #000000; font-weight: bold; line-height: 25px; padding-left: 30px; background-image: url(images/menu-box2-bg.gif);}

.side-text-box-header {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #d027b8; font-weight: bold; line-height: 28px; padding-left: 10px; border: 0px solid #1c3155;}

.side-text-box {
font-family: Tahoma, Trebuchet MS; font-size: 11px; color: #000000; background-color: #f1f1f1; font-weight: normal; line-height: 14px; padding: 10px; border: 1px solid #cccccc;}

.side-customers-box-header {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #000000; font-weight: bold; line-height: 28px; padding-left: 10px; border: 0px solid #1c3155;}

.side-customers-box {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #800080; font-weight: normal; line-height: 16px; padding: 10px; border: 1px solid #820182;}

.side-latest-work-box-header {
font-family: Tahoma, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #000000; font-weight: bold; line-height: 28px; padding-left: 10px; border: 0px solid #1c3155;}

.side-latest-work-box {
font-family: Tahoma, Trebuchet MS; font-size: 11px; color: #000000; background-color: #f1f1f1; font-weight: normal; line-height: 14px; padding: 10px; border: 1px solid #cccccc;}

.main {
font-family: Tahoma, Arial, Verdana, Serif; font-size: 12px; color: #202020; background-color: #FFFFFF; border: 0px none; line-height: 18px; font-weight: normal; background-image: url(images/bg-main1.gif);
}

.main-red {
font-family: Arial, Verdana, Serif; font-size: 12px; color: #ff0000; background-color: #FFFFFF; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-red-small {
font-family: Arial, Verdana, Serif; font-size: 11px; color: #ff0000; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-small {
font-family: Arial, Verdana, Serif; font-size: 11px; color: #000000; border: 0px none; line-height: 20px; font-weight: normal;
}

.main-large {
font-family: Arial, Verdana, Serif; font-size: 16px; color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.main-text-highlight {
font-family: Tahoma, Arial, Verdana, Serif; font-size: 12px; color: #202020; background-color: #DDDDDD; border: 0px none; line-height: 21px; padding-left: 10px; font-weight: normal;
}

.top {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.top-menu {
font-family: Tahoma, Arial, Verdana, Serif; font-size: 12px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 57px; font-weight: normal; background-image: url(images/top-menu-bg.gif);
}

.menu2 {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #cecfce; border: 0px none; line-height: 27px; font-weight: normal;
}

.side-menu {
font-family: Tahoma, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #ffffff; border: 0px none; line-height: 27px; font-weight: normal;
}

.time {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 25px; font-weight: normal;
}

.main-home {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 18px; font-weight: normal;
}

.topbg1 {
background-image: url(images/topbg1.gif);
}

.article {
font-family: Tahoma, Arial, Serif; font-size: 12px; color: #000000; background-color: #ffffff; border: 0px none; line-height: 16px; padding: 10px; font-weight: normal; border: 1px solid #868686;
}

.article1 {
font-family: Tahoma, Arial, Serif; font-size: 12px; color: #000000; background-color: #ffffff; border: 0px none; line-height: 16px;
}

.article-small-grey {
font-family: Tahoma, Arial, Serif; font-size: 11px; color: #202020; background-color: #ffffff; border: 0px none; line-height: 16px;
}

.portfolio {
font-family: Trebuchet MS, Arial, Serif; font-size: 13px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 25px; padding-left: 0px; font-weight: bold;
}

.navnew {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #eeeeee; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #cccccc;}

.grey-bg-top {
font-family: Arial, Verdana, Serif;
font-size: 13px;
font-weight: normal;
color: #FFFFFF;
border: 0px none;
line-height: 24px;
background-image: url(images/grey-bg-top.gif);
}

.header {
font-family: Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.header2 {
font-family: Tahoma, Arial, Serif; font-size: 13px; letter-spacing: 1px; color: #fe0000; background-color: #000000; border: 0px none; line-height: 28px; padding-left: 10px; font-weight: bold; border: 1px solid #000000;
}

.header3 {
font-family: Tahoma, Arial, Serif; font-size: 13px; letter-spacing: 1px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 28px; padding-left: 10px; font-weight: bold; border: 0px solid #cccccc;
}

.header4 {
font-family: Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 27px; padding-left: 5px; font-weight: bold;
}

.header-large {
font-family: Arial, Verdana, Serif; font-size: 17px; font-weight: bold; color: #fe0000; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; border: 0px none; line-height: 20px;
}

.headermenu {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.headermenu1 {
font-family: Arial, Serif; font-size: 11px; color: #FFFFFF; background-color: #fe0000; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.headermenu1bg {
font-family: Arial, Serif; font-size: 11px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 25px; padding-left: 0px; font-weight: bold;
}

.headermenu1bgsub {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 21px; padding-left: 0px; font-weight: normal;
}

.headermenu2 {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #666666; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.headermenu3 {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #000000; background-color: #cccccc; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.headermenu4 {
font-family: Arial, Serif; font-size: 11px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 25px; padding-left: 5px; font-weight: bold;
}

.headernews {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; padding-left: 5px; font-weight: bold;
}

.boxbg2 {
font-family: Arial, Trebuchet MS; font-size: 13px; color: #ffffff; background-color: #6e0ba5; font-weight: bold; line-height: 28px; padding: 4px; border: 1px solid #000000; background-image: url(images/tel-bg2.gif);}

.boxbg3 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #712a92; font-weight: bold; line-height: 21px; padding: 4px; border: 1px solid #000000; background-image: url(images/tel-bg3.gif);}

.tel1 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #6e0ba5; font-weight: bold; line-height: 25px; padding: 3px; border: 1px solid #ffffff;}

.tel2 {
font-family: Arial, Trebuchet MS; font-size: 13px; color: #ffffff; background-color: #000000; font-weight: bold; line-height: 25px; padding: 3px; border: 1px solid #ffffff;}

.tel3 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 30px; padding-left: 35px; border: 0px solid #000000; background-image: url(images/tel-bg.gif);}

.bottom-promotion {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px;
}

.news {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 20px; font-weight: normal;
}

.slide-news {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 21px; background-image: url(images/news-bg.gif);
}

.company {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 23px; font-weight: normal;
}

.free-website-design-quote {
font-family: Arial, Verdana, Serif; font-size: 18px; color: #000000; background-color: #FFFFFF; border: 0px none; line-height: 23px; font-weight: normal;
}

.client1 {
font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #000000; background-color: #f1f1f1; font-weight: normal; line-height: 21px; padding: 2px; border: 1px solid #000000;}

.client2 {
font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #000000; background-color: #fe0000; font-weight: normal; line-height: 21px; padding: 2px;}

.client3 {
font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #000000; background-color: #cccccc; font-weight: normal; line-height: 21px; padding: 2px;}

.hostingh1 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #ffffff; background-color: #000000; font-weight: bold; line-height: 25px; padding: 0px; border: 1px solid #000000;}

.hosting1 {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #000000; font-weight: bold; line-height: 18px; padding: 5px; border: 1px solid #000000;}

.hosting2 {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #000000; font-weight: normal; line-height: 21px; padding: 0px;}

.hosting-price {
font-family: Arial, Trebuchet MS; font-size: 16px; color: #052852; background-color: #ffffff; font-weight: normal; line-height: 21px; padding: 0px;}

.hosting-price2 {
font-family: Arial, Trebuchet MS; font-size: 16px; color: #000000; background-color: #ffffff; font-weight: normal; line-height: 21px; padding: 0px;}

.hosting-chart {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 21px; padding: 0px; padding-left: 0px; border: 1px solid #1c3155;}

.hosting-chart1 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #FFFFFF; background-color: #000000; font-weight: normal; line-height: 25px; padding: 0px; padding-left: 0px;}

.hosting-chart1a {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 14px; padding: 5px; padding-left: 5px;}

.hosting-chart1ab {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #ff0000; background-color: #FFFFFF; font-weight: bold; line-height: 14px; padding: 5px; padding-left: 5px;}

.hosting-chart1b {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #FFFFFF; background-color: #fe0000; font-weight: normal; line-height: 14px; padding: 5px; padding-left: 5px;}

.no-credit-card-red {
font-family: Arial, Trebuchet MS; font-size: 11px; color: #FF0000; font-weight: normal; line-height: 18px; padding: 0px;}

.bottom-links {
font-family: Tahoma, Arial, Verdana, Serif; font-size: 11px; font-weight: normal; color: #ffffff; background-color: #000000; border: 0px none; line-height: 25px; background-image: url(images/bottom.png);
}

.bottom-links-header {
font-family: Trebuchet MS, Arial, Verdana, Serif; font-size: 13px; font-weight: bold; color: #FFFFFF; border: 0px none; line-height: 28px;
}

.bottom-links1 {
font-family: Arial, Verdana, Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; border: 2px solid #ffffff; line-height: 16px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
}

.bottom-links3 {
font-family: Arial, Verdana, Serif; font-size: 11px; color: #ffffff; background-color: #000000; border: 0px none; line-height: 32px; font-weight: bold;
}

.bottom-links2 {
font-family: Arial, Verdana, Serif; font-size: 11px; color: #000000; background-color: #ffffff; border: 0px none; line-height: 25px; font-weight: bold;
}

.website-design-thailand {
font-family: Arial, Verdana, Serif; font-size: 11px; color: #fe0000; border: 0px none; line-height: 25px; font-weight: bold;
}

.greycolora {
font-family: Arial, Serif;
font-size: 12px;
color: #000000;
background-color: #CECFCE;
border: 0px none;
line-height: 24px;
font-weight: normal;
}

.asterix {
font-family: Verdana, Arial, Serif;
font-size: 15px;
color: #ff0000;
border: 0px none;
line-height: 21px;
font-weight: bold;
}

li {
font-family: Tahoma, Arial; font-size: 13px;
font-weight: bold;
color: #ff0000;
border: 0px none;
line-height: 21px;
}

.latest-news {
font-family: Tahoma, Arial; font-size: 12px; color: #000000; background-color: #f1f1f1; font-weight: bold; line-height: 17px; padding: 8px; border: 1px solid #000000;}

.latest-news1 {
font-family: Tahoma, Arial; font-size: 12px; color: #ffffff; background-color: #fe0000; font-weight: bold; line-height: 15px; padding: 8px; border: 1px solid #000000;}

.address-form {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #202020; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 5px; border: 1px solid #000000;}

.address-form-header {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; line-height: 25px; padding-left: 5px; font-weight: bold; background-image: url(images/address-form-header.gif);
}

.address-form-header2 {
font-family: Trebuchet MS, Arial, Serif; font-size: 12px; color: #FFFFFF; line-height: 25px; padding-left: 5px; font-weight: bold; background-image: url(images/address-form-header2.gif);
}

.star-font1 {
font-family: Arial; font-size: 12px; color: #ffffff; background-color: #fe0000; font-weight: bold; line-height: 20px; padding: 2px; border: 0px solid #000000;}

.star-font2 {
font-family: Arial; font-size: 12px; color: #ffffff; background-color: #fe0000; font-weight: bold; line-height: 20px; padding: 2px; border: 0px solid #000000;}

.form-5-star-web-design {
font-family: Arial; font-size: 11px; color: #000000; background-color: #ffffff; font-weight: normal; line-height: 20px; padding: 0px; border: 1px solid #000000;}

.form-5-star-web-design2 {
font-family: Arial; font-size: 11px; color: #000000; background-color: #ffffff; font-weight: normal; line-height: 20px; padding: 0px; border: 0px solid #000000;}

.form-5-star-web-design2a {
font-family: Arial; font-size: 11px; color: #000000; background-color: #cccccc; font-weight: normal; line-height: 19px; padding: 5px; border: 0px solid #000000;}

.form-5-star-web-design2b {
font-family: Arial; font-size: 11px; color: #000000; background-color: #ddd9da; font-weight: normal; line-height: 19px; padding: 5px; border: 0px solid #000000;}

.form-beware {
font-family: Arial; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 5px; border: 1px solid #fe0000;}

.form-beware1 {
font-family: Arial; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 0px; border: 0px solid #cc0000;}

.form-time {
font-family: Arial; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 5px; border: 1px solid #000000;}

.form {
font-family: Arial; font-size: 12px; color: #000000; background-color: #dddddd; font-weight: bold; line-height: 20px; padding: 1px; border: 1px solid #cccccc;
}

.forma {
font-family: Arial; font-size: 12px; color: #000000; background-color: #f2f2f2; font-weight: bold; line-height: 20px; padding: 0px; border: 0px solid #000000;
}

.formbg-main {
font-family: Arial; font-size: 12px; color: #000000; font-weight: bold; line-height: 25px; padding: 0px; border: 0px solid #000000; background-image: url(images/formbg-main.gif);}

.form-new {
font-family: Arial; font-size: 12px; color: #000000; background-color: #dddddd; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #000000;
}

.txtbox2{
font-family: Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #ffffff; line-height: 15px; font-weight: bold; border : 1px solid #999999;
}

.dropdown {
font-family: Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #f0eeef; line-height: 15px; font-weight: bold; border : 1px solid #999999;
}

.txtbox{
font-family: Arial, Verdana, Serif; font-size: 12px; color: #000000; background-color: #f0eeef; line-height: 15px; font-weight: bold; border : 1px solid #999999;
}

.form1 {
font-family: Arial; font-size: 12px; color: #000000; background-color: #ffffff; font-weight: bold; line-height: 20px; padding: 0px; border: 0px solid #000000;}

.form2 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #1c3155;}

.form2a {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 20px; padding: 10px; border: 1px solid #1c3155;}

.form2b {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: bold; line-height: 28px; padding: 2px; padding-left: 5px; border: 1px solid #cccccc;}

.loading {
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}

.line {
background-image: url(images/35by3.gif);
}

.middleline {
background-image: url(images/middleline.gif);
}

.endline {
background-image: url(images/endline.gif);
}

.line1 {
background-image: url(images/line1.gif);
}

.space3by9 {
background-image: url(images/space3by9.gif);
}

.space15by4 {
background-image: url(images/space15by4.gif);
}

.domain-name-check-header {
background-image: url(images/domain-name-check-header.gif);
}

a:link, a:active, a:visited {
text-decoration: none;
color: #fe0000;
font-weight: normal;
}

a:hover {
color: #000000;
}

a.pink:link {color: #fe0000;}
a.pink:active {color: #fe0000;}
a.pink:visited {color: #fe0000;}
a.pink:hover {color: #000000; background: #DDDDDD;}

a.pink-white:link {color: #fe0000;}
a.pink-white:active {color: #fe0000;}
a.pink-white:visited {color: #fe0000;}
a.pink-white:hover {color: #ffffff;}

a.red:link {color: #fe0000;}
a.red:active {color: #fe0000;}
a.red:visited {color: #fe0000;}
a.red:hover {color: #000000;}

a.red-white:link {color: #fe0000;}
a.red-white:active {color: #fe0000;}
a.red-white:visited {color: #fe0000;}
a.red-white:hover {color: #ffffff;}

a.blue-pink:link {color: #fe0000;}
a.blue-pink:active {color: #fe0000;}
a.blue-pink:visited {color: #fe0000;}
a.blue-pink:hover {color: #00a9d3;}

a.green-blue:link {color: #00a9d3;}
a.green-blue:active {color: #00a9d3;}
a.green-blue:visited {color: #00a9d3;}
a.green-blue:hover {color: #68ba16;}

a.grey:link {color: #CCCCCC;}
a.grey:active {color: #CCCCCC;}
a.grey:visited {color: #CCCCCC;}
a.grey:hover {color: #fe0000;}

a.white:link {color: #ffffff;}
a.white:active {color: #ffffff;}
a.white:visited {color: #ffffff;}
a.white:hover {color: #000000;}

a.white1:link {color: #FFFFFF;}
a.white1:active {color: #FFFFFF;}
a.white1:visited {color: #FFFFFF;}
a.white1:hover {color: #000000; text-decoration: underline;}

a.white-pink:link {color: #FFFFFF;}
a.white-pink:active {color: #FFFFFF;}
a.white-pink:visited {color: #FFFFFF;}
a.white-pink:hover {color: #fe0000;}

a.black:link {color: #000000;}
a.black:active {color: #000000;}
a.black:visited {color: #000000;}
a.black:hover {color: #fe0000;}

a.black-grey:link {color: #000000;}
a.black-grey:active {color: #000000;}
a.black-grey:visited {color: #000000;}
a.black-grey:hover {color: #fe0000; background: #DDDDDD;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 1px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

a.hintanchor:link {color: #fe0000;}
a.hintanchor:active {color: #fe0000;}
a.hintanchor:visited {color: #fe0000;}
a.hintanchor:hover {color: #000000; background: #DDDDDD;}