body {
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 scrollbar-base-color: #31659C;
 scrollbar-arrow-color: #ffffff;
 scrollbar-shadow-color: #340199;
 scrollbar-lightshadow-color: #009ACE; 
 scrollbar-darkshadow-color: #009ACE;
 scrollbar-highlight-color: #009ACE;
 scrollbar-3dlight-color: #009ACE;
 scrollbar-track-color: #ffffff;
}

.bullet {
 list-style-image: url(images/bullet2.gif)
}

.text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none
}
/*
.text:hover {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: underline
}
*/
.title {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #666666;
 text-decoration: none
}
 
a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #333333;
 text-decoration: none
} 

a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #333333;
 text-decoration: underline
}

.menutext {
 color: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none
}


.menutext:hover {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none
}

.footer {  
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-decoration: none;
 font-weight: normal
}

.footer:hover {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: underline
}

.subtitle {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 text-decoration: none
}

.whitetext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF
}

.tabButton {
   width: 50px;
   font-weight: bold;
   font-size: 10px;
   text-align: center;
   margin-bottom: 1px;
   margin-top: 1px;
}


.tabButton a {
   padding: 4px;
   text-decoration: none;
   width: 50px;
   color: #224059;
   background-color: #b5c9e2;
   border-top: 2px #cce3ff solid;
   border-left: 2px #cce3ff solid;
   border-bottom: 2px #31557f solid;
   border-right: 2px #31557f solid;
}

.tabButton a:hover {
   text-decoration: none;
   background-color: #99aabf;
   border-top: 2px #31557f solid;
   border-left: 2px #31557f solid;
   border-bottom: 2px #cce3ff solid;
   border-right: 2px #cce3ff solid;
}

.tabButtonOn {
   font-weight: bold;
   font-size: 10px;
   text-decoration: none;
   text-align: center;
   margin-bottom: 1px;
   margin-top: 1px;
}

.tabButtonOn a {
   colour : #b5c9e2;
   padding: 4px;
   text-decoration: none;
   width: 50px;
   background-color: #6699bf;
   border-top: 2px #31557f solid;
   border-left: 2px #31557f solid;
   border-bottom: 2px #cce3ff solid;
   border-right: 2px #cce3ff solid;
}

.tabButtonOn a:hover {
   colour : #b5c9e2;
   padding: 4px;
   text-decoration: none;
   width: 50px;
   background-color: #6699bf;
   border-top: 2px #31557f solid;
   border-left: 2px #31557f solid;
   border-bottom: 2px #cce3ff solid;
   border-right: 2px #cce3ff solid;
}

.joke {
   padding:4px;
   width:100%;
   background:#D8EDFF;
}