h1 { font-family: Garamond, "Times New Roman", serif; font-size: 200%; } 

.left a:link { text-decoration: none; color: #0099FF } /* for unvisited links */
.left a:visited { text-decoration: none; color: #0099FF } /* for visited links */ 
.left a:hover { text-decoration: underline; color: #FF33CC } /* when mouse is over link */ 
.left a:active { text-decoration: none; color: #0099FF } /* when link is clicked */ 

.top a:link { text-decoration: none; color: black } /* for unvisited links */
.top a:visited { text-decoration: none; color: black } /* for visited links */ 
.top a:hover { text-decoration: underline; color: white } /* when mouse is over link */ 
.top a:active { text-decoration: none; color: black } /* when link is clicked */ 

.main a:link { text-decoration: none; color: #33CCFF } /* for unvisited links */
.main a:visited { text-decoration: none; color: #33CCFF } /* for visited links */ 
.main a:hover { text-decoration: underline; color: #FF33CC } /* when mouse is over link */ 
.main a:active { text-decoration: none; color: #33CCFF } /* when link is clicked */


p.left { border-left: 2px solid #FF33CC; padding-left: 0.5cm; }

h1 { font-size: 80%; color: #0099FF; font-family: Verdana }
h2 { font-size: 80%; color: #0000CC; font-family: Verdana }
h3 { font-size: 80%; color: #0099FF; font-family: Verdana }

p { font-size: 70%; color: black; font-family: Verdana }

td.box { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; }
td.top { padding-top: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana;  }
td.bot { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana;  }

td.leftside { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; border-left: 1px solid black; }
td.rightside { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; border-right: 1px solid black; }
td.topleft { padding-left: 0.5cm; padding-right: 0.5cm; padding-top: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; border-left: 1px solid #000000; border-top: 1px solid #000000; }
td.topright { padding-left: 0.5cm; padding-right: 0.5cm; padding-top: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; border-right: 1px solid #000000; border-top: 1px solid #000000; }
td.botleft { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; border-left: 1px solid #000000;  border-bottom: 1px solid #000000; }
td.botright { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #CCCCCC; font-size: 70%; color: black; font-family: Verdana; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }

td.aleftside { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #FFCCFF; font-size: 70%; color: black; font-family: Verdana; border-left: 2px solid black; }
td.arightside { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #FFCCFF; font-size: 70%; color: black; font-family: Verdana; border-right: 2px solid black; }
td.atopleft { padding-left: 0.5cm; padding-right: 0.5cm; padding-top: 0.5cm; background-color: #FFCCFF; font-size: 70%; color: black; font-family: Verdana; border-left: 2px solid #000000; border-top: 2px solid #000000; }
td.atopright { padding-left: 0.5cm; padding-right: 0.5cm; padding-top: 0.5cm; background-color: #FFCCFF; font-size: 70%; color: black; font-family: Verdana; border-right: 2px solid #000000; border-top: 2px solid #000000; }
td.abotleft { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #FFCCFF; font-size: 70%; color: black; font-family: Verdana; border-left: 2px solid #000000;  border-bottom: 2px solid #000000; }
td.abotright { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #FFCCFF; font-size: 70%; color: black; font-family: Verdana; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }

td.bleftside { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #0099FF; font-size: 70%; color: black; font-family: Verdana; border-left: 2px solid black; }
td.brightside { padding-left: 0.5cm; padding-right: 0.5cm; background-color: #0099FF; font-size: 70%; color: black; font-family: Verdana; border-right: 2px solid black; }
td.btopleft { padding-left: 0.5cm; padding-right: 0.5cm; padding-top: 0.5cm; background-color: #0099FF; font-size: 70%; color: black; font-family: Verdana; border-left: 2px solid #000000; border-top: 2px solid #000000; }
td.btopright { padding-left: 0.5cm; padding-right: 0.5cm; padding-top: 0.5cm; background-color: #0099FF; font-size: 70%; color: black; font-family: Verdana; border-right: 2px solid #000000; border-top: 2px solid #000000; }
td.bbotleft { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #0099FF; font-size: 70%; color: black; font-family: Verdana; border-left: 2px solid #000000;  border-bottom: 2px solid #000000; }
td.bbotright { padding-bottom: 0.5cm; padding-left: 0.5cm; padding-right: 0.5cm; background-color: #0099FF; font-size: 70%; color: black; font-family: Verdana; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }




td.left { border-right: 2px solid #FF33CC; padding-right: 0.5cm; }