#link { font-size: 12px; font-family: arial; clear: both; background-color: #a2aad6; width: 684px; height: 64px; margin-right: auto; margin-left: auto; border: dashed 2px #bd0000; }
#r2 { width: 684px; height: 20px; border-top: 2px dashed #bd0000; border-bottom: 2px dashed #bd0000; }
#r1,#r3 { width: 684px; height: 20px; }
#c1, #c4, #c5, #c8, #c9, #c12 { width: 171px; height: 20px; float: left; }
#c2, #c6, #c10 { width: 169px; height: 20px; float: left; border-left: 2px dashed #bd0000; }
#c3, #c7, #c11 { width: 167px; height: 20px; float: left; border-right: 2px dashed #bd0000; border-left: 2px dashed #bd0000; }
#c1 a:link, #c1 a:visited, #c12 a:link, #c12 a:visited, #c11 a:link, #c11 a:visited, #c10 a:link, #c10 a:visited, #c9 a:link, #c9 a:visited, #c8 a:link, #c8 a:visited, #c6 a:link, #c6 a:visited, #c5 a:link, #c5 a:visited, #c4 a:link, #c4 a:visited, #c3 a:link, #c3 a:visited, #c2 a:link, #c2 a:visited { color: #fff; text-decoration: none; padding-left: 2px; }
#c7 a:link, #c7 a:visited { color: #000; text-decoration: none; background-color: #fff; padding-left: 2px; padding-right: 68px; padding-bottom: 4px; }
#c1 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 137px; padding-bottom: 4px;}
#c2 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 117px; padding-bottom: 4px;}
#c3 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 43px; padding-bottom: 4px;}
#c4 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 99px; padding-bottom: 4px;}
#c5 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 12px; padding-bottom: 4px;}
#c6 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 29px; padding-bottom: 4px;}
#c7 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 68px; padding-bottom: 4px;}
#c8 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 123px; padding-bottom: 4px;}
#c9 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 59px; padding-bottom: 4px;}
#c10 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 99px; padding-bottom: 4px;}
#c11 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 113px; padding-bottom: 4px;}
#c12 a:active { color: #000; background-color: #d4d4d4; padding-left: 2px; padding-right: 105px; padding-bottom: 4px;}
#c1 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 137px; padding-bottom: 4px;}
#c2 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 117px; padding-bottom: 4px;}
#c3 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 43px; padding-bottom: 4px;}
#c4 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 99px; padding-bottom: 4px;}
#c5 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 12px; padding-bottom: 4px;}
#c6 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 29px; padding-bottom: 4px;}
#c7 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 68px; padding-bottom: 4px;}
#c8 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 123px; padding-bottom: 4px;}
#c9 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 59px; padding-bottom: 4px;}
#c10 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 99px; padding-bottom: 4px;}
#c11 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 113px; padding-bottom: 4px;}
#c12 a:hover { color: #fff; background-color: #8a8a8a; padding-left: 2px; padding-right: 105px; padding-bottom: 4px;}