#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
.bluebox a{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
font-size:20px;
text-decoration:none;
width:71px;
height:52px;padding-top:18px;
}
.bluebox a:hover{
background:url(images/blue-beg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
font-size:20px;
text-decoration:none;
width:71px;
height:52px;padding-top:18px;
}
.bluebox a:select{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
font-size:20px;
text-decoration:none;
width:71px;
height:52px;padding-top:18px;
background-color:#eaf8ff;
}

.greenbox a{
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
text-decoration:none;
width:132px;
height:52px;padding-top:18px;
background-color:#009933; 
}
.greenbox a:hover{
background:url(images/green-beg.jpg) no-repeat;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
text-decoration:none;
width:132px;
height:52px;padding-top:18px;
background-color:#009933; 
}
.greenbox a:select{
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
text-decoration:none;
width:132px;
height:52px;padding-top:18px;
background-color:#d7eee8; 
}

.yellowbox a{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width:96px;
font-size:20px;
vertical-align:middle;
text-decoration:none;
height:52px;padding-top:18px;
background-color:#FFFF00; 

}
.yellowbox a:hover{
background:url(images/yellow-beg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width:96px;
font-size:20px;
vertical-align:middle;
text-decoration:none;
height:52px;padding-top:18px;
background-color:#FFFF00; 

}
.yellowbox a:select{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width:96px;
font-size:20px;
vertical-align:middle;
text-decoration:none;
height:52px;padding-top:18px;
background-color:#f8f7b4; 

}

.brownbox a{

font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
height:78px;padding-top:60px;
vertical-align:middle;
font-size:20px;
text-decoration:none;
width:96px;
}
.brownbox a:hover{
background:url(images/brown_beg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
height:78px;padding-top:60px;
vertical-align:middle;
font-size:20px;
text-decoration:none;
width:96px;
}
.brownbox a:select{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
height:78px;padding-top:60px;
vertical-align:middle;
font-size:20px;
background-color:#ebe7e4;
text-decoration:none;
width:96px;
}

.borderlt{
border-left:1px solid #000000;
border-top:1px solid #000000;
}
.borderlb{
border-left:1px solid #000000;
border-bottom:1px solid #000000;

}
.borderltb{
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;

}
.border{
border:1px solid #000000;
}

.borderr{
border-right:1px solid #000000;
}