A:link, A:visited
{
    color: #666600;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}
A:active
{
    color: #333300;
    text-decoration: underline overline;
    font-size: 10pt;
    font-weight: bold;
}
A:hover
{
    color: #333300;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}
.link_no_underline
{
    text-decoration: none;   
}

.td_h200
{
    height:200px;
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.td_grey_10pt
{
     color:#666666;   
     font-size:10pt;
}
.joke_link_1
{  
     font-size:8pt;
     color:Black;
     text-decoration:none;    
}

.joke_link_2
{  
     font-size:8pt;
}

.span_yellow
{
    color:#FFCC00;   
    font-weight:bold; 
}

.span_Uyellow
{
    color:#FFCC00;   
    text-decoration: underline;   
    font-weight:bold; 
}
    
.span_red
{
    color:#FF0000;   
    font-weight:bold; 
}

.span_Ured
{
    color:#FF0000;   
    text-decoration: underline;   
    font-weight:bold; 
}

.span_orange
{
    color:#FF9900;   
    font-weight:bold;  
}

.span_lightorange
{
    color:#FF6600;   
    font-weight:bold;  
}

.span_Uorange
{
    color:#FF9900;   
    text-decoration: underline;   
    font-weight:bold; 
}

.span_green
{
    color:#99CC00;   
    font-weight:bold;  
}

.span_altgreen
{
    color:#009900;   
    font-weight:bold;  
}

.span_Ugreen
{
    color:#99CC00; 
    text-decoration: underline;   
    font-weight:bold; 
}

.span_lightblue
{
    color:#0099FF;    
    font-weight:bold; 
}

.span_Ulightblue
{
    color:#0099FF;   
    text-decoration: underline;   
    font-weight:bold; 
}

.span_blue
{
    color:#0000FF;   
    font-weight:bold;  
}

.span_Ublue
{
    color:#0000FF;   
    text-decoration: underline;   
    font-weight:bold; 
}

.span_pink
{
    color:#FF66FF;    
    font-weight:bold; 
}

.span_Upink
{
    color:#FF66FF;   
    text-decoration: underline;   
    font-weight:bold; 
}

.span_purple
{
    color:#6600CC;   
    font-weight:bold;  
}

.span_Upurple
{
    color:#6600CC;   
    text-decoration: underline;   
    font-weight:bold; 
}

.table_center
{
    text-align:center; 
    margin-left:auto; 
    margin-right:auto;
}

.td_style1
{
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    vertical-align:middle;
    text-align:right;    
    height:23px;
}
.skipLink
{
    FONT-SIZE: 14pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    vertical-align:middle;
    text-align:right;    
    height:23px;
}
.img_noborder
{
    border:none;
}

.p_center
{
    text-align:center;
}

.table_h151
{
    height:151px;
    width:634px;
}

.car_td_236
{
    width:236px;
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.car_td_1
{
    width:231px;
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.car_td_2
{
    width:231px;
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.car_td_3
{
    width:231px;
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.mi_td_1
{
    height:25px;
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.meettheboffins_Table_01
{
    height:487px; 
    width:801px; 
    border:none;
}

.cursor_pointer
{
    CURSOR:pointer; 
}

.index_Table_01
{
    width:531px; 
    height:422px;
}

.bs_master_div_pr_tn15
{
    POSITION: relative; 
    TOP: -15px;
}

.bs_master_td_w800_h90
{
    width:800px; 
    height:90px;
}
.bs_master_td_w800_h90_2
{
     
    height:90px;
}

.font_size_8
{
    FONT-SIZE: 8pt;
}

.color_cole
{
    background-color: White;
    COLOR: #0066CC;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_jess
{
    background-color: White;
    COLOR: #9966FF; 
    FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_fletch
{
    background-color: White;
    COLOR: #FF0000; 
    FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_polly
{
    background-color: White;
    COLOR: #FF9900;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_kit
{
   background-color: White;
   COLOR: #000000; 
   FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_digger
{
    background-color: White;
    COLOR: #CC0000;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_newt
{
    background-color: White;
    COLOR: #009900;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

.color_charlie
{
    background-color: White;
    COLOR: #FF00CC; 
    FONT-FAMILY: Verdana, Sans-Serif;   
}

.color_lightblue
{
    background-color: White;
    COLOR: #0099FF;   
}

.footer_p
{
	color: #958494;
    FONT-SIZE: 7pt; 
    FONT-FAMILY: Verdana, Sans-Serif; 
    text-align:center;   
}

.nav_table
{
    width:800px;
       
}

.mi_table_w645
{
    width:645px;
}

.mi_table_h368
{
    height:368px;   
}

.mi_table_h142
{
    height:142px;   
}

.mi_table_h118
{
    height:118px;  
}

.act_master_td_w145_color
{
    width:145px; 
    background-color:#ffcc66;   
    color: Black;
}

.act_master_td_w10
{
    width:10px;   
}

.car_table_w645
{
    width:645px;   
}

.car_table_h368
{
    height:368px;   
}

.table_h200
{
    height:200px;   
}

.td_h51
{
    height:51px;   
}


.standard_td
{
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #666666;
}

.games_and_stuff
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.make_and_do
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #666666;
}

.standard_td_black
{
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.standard_td_black_260
{
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
    width:260px;
}

.standard_td_bigger
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #666666;
    font-weight: bold;
}

.standard_td_big
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #666666;
    text-align: left;
}
.standard_td_big_center
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #666666;
    text-align: center;
}

.standard_td_big_999999
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #999999;
}

.standard_td_bigger_black
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
    font-weight: bold;
}

.standard_td_bigger_still
{
    FONT-SIZE: 12pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #666666;
    font-weight: bold;
}

.standard_td_bigger_still_black
{
    FONT-SIZE: 12pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
    font-weight: bold;
}

.standard_td_bigger_18pt_black
{
    FONT-SIZE: 18pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}
.standard_td_bigger_18pt_black_2
{
    FONT-SIZE: 15pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #000000;
}

.res_td_fs10_ff
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
}

.res_td_fs8_ff
{
    FONT-SIZE: 8pt; 
    FONT-FAMILY: Verdana, Sans-Serif;  
}

.res_td_fs9_ff
{
    FONT-SIZE: 9pt; 
    FONT-FAMILY: Verdana, Sans-Serif;
}

.res_td_b_fs10_ff
{
    FONT-WEIGHT: bold; 
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
}

.tes_td_fs10_ff
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;
}

.tes_td_bpc_bi_brnr_h196
{
    BACKGROUND-IMAGE: url("/activities/multipleintelligence/image/quizTeacher.gif"); 
    BACKGROUND-REPEAT: no-repeat; 
    height:196px;   
}

.tes_td_w200
{
    width:200px;   
}

.tes_td_never
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color: White;
    COLOR: #0066ff; 
    width: 85px;   
}

.tes_td_hardly_ever
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #33ffcc; 
    width:85px;
}

.tes_td_sometimes
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #ffcc33; 
    width:85px;   
}

.tes_td_mostofthetimes
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #ff6633; 
    width:85px;   
}

.tes_td_allthetimes
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #ff0000; 
    width:85px;   
}

.tes_td_h5
{
    height:5px;   
}

.mtb_master_td_w145_bc
{
    width:145px; 
    color:Black;
}

.mtb_master_td_w10
{
    width:10px;   
}

.mtb_master_td_w5
{
    width:5px;   
}

.mtb_master_td_w20
{
    width:20px;   
}

.mtb_master_td_w30
{
    width:30px;   
}

.mtb_master_td_w800
{
    width:800px;   
}

.buddy_table_h491_w651
{
    height:491px; 
    width:651px;   
}

.buddy_table_fs11_ff_w651
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:651px;
    text-align:left;   
}

.charlie_table_w656_h438
{
    width:656px; 
    height:438px;   
}

.charlie_td_w655_h1
{
    width:655px; 
    height:1px;   
}

.charlie_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px;
    text-align:left;   
}

.cole_table_h490_w656
{
    height:490px; 
    width:656px;   
}

.cole_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px; 
    text-align:left;  
}

.digger_table_w656_h445
{
    width:656px; 
    height:445px;   
}

.digger_table_w656
{
    width:635px; 
}

.digger_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px; 
    text-align:left;  
}

.fletch_table_h431_w656
{
    height:431px; 
    width:656px;   
}

.fletch_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px;
    text-align:left;   
}

.jess_table_w656_h431
{
    width:656px; 
    height:431px;   
}

.jess_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px;
    text-align:left;
}

.kit_table_w656_h488
{
    width:656px; 
    height:488px;   
}

.kit_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width: 656px; 
    text-align:left;  
}

.newt_table_w651_h491
{
    width:651px; 
    height:491px;   
}

.newt_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px;   
    text-align:left;
}

.polly_table_w644_h517
{
    width:644px; 
    height:517px;   
}

.polly_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px;  
    text-align:left; 
}

.polo_table_w641_h481
{
    width:641px;
    height:481px;   
}

.polo_table_fs11_ff_w656
{
    FONT-SIZE: 11pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    width:656px;
    text-align:left;
}

.mtb_master_td_w800
{
    width:800px; 
}

.pnl_grey_bottom
{
    border-bottom-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: thin;  
} 

.faq_td_splitter
{
    height:1px;
    width:630px;
    background-color: #666666; 
} 

.height_30
{
    height:30px;   
}
.height_8
{
    height:8px;   
}
.height_20
{
    height:20px;   
}
.height_15
{
    height:15px;   
}
.height_75
{
    height:75px;   
}
.height_50
{
    height:50px;   
}
.height_53
{
    height:53px;   
}
.height_63
{
    height:63px;   
}
.height_69
{
    height:69px;   
}
.height_156
{
    height:156px;   
}
.width_30
{
    width:30px;   
}
.width_20
{
    width:20px;   
}
.width_40
{
    width:40px;   
}
.width_50
{
    width:50px;   
}
.width_55
{
    width:55px;   
}
.width_60
{
    width:60px;   
}
.width_75
{
    width:75px;   
}
.width_450
{
    width:450px;   
}

.width_599
{
    width:599px;   
}

.table_width_580
{
    width:580px;   
}
.table_width_624
{
    width:624px;   
}
.table_width_642
{
    width:642px;
}
.table_width_640
{
    width:640px;   
}

.tes_td_h110
{
    height:110px; 
    width:640px;  
}

.tes_td_h150
{
    height:150px;  
    width:640px;   
}

.tes_td_h120
{
    height:120px; 
    width:640px;    
}

.link_layout
{
    color:Blue;
    text-decoration: underline;
    cursor:pointer;
}

.td_h100
{
    height:100px;
}

.td_h10
{
    height:10px;
}

.td_rec_pic
{
    height:400px;
    width:341px;
}

.rec_header
{
    BACKGROUND-IMAGE: url("images/contact/rec_header.gif"); 
    BACKGROUND-REPEAT: no-repeat; 
    height:113px;
    width:624px;   
}
.postIt
{
    color:Red;
    font-size:20px;
}

.cp_nav
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;   
    color: #0099FF;
    text-align: center;
}

A.bbCeleb:link { color: #666600; text-decoration: none; font-size: 10pt; font-weight: bold; }
A.bbCeleb:visited { color: #666600; text-decoration: none; font-size: 10pt; font-weight: bold; }
A.bbCeleb:active { color: #333300; text-decoration: underline overline; font-size: 10pt; font-weight: bold; }
A.bbCeleb:hover { color: #333300; text-decoration: underline; font-size: 10pt; font-weight: bold; }

/* Digger Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapdigger {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/diggerhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapdigger a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/diggerhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapdigger a#help1 {height:132px;}

/* place the dds in the correct absolute position */
#imapdigger dd {position:absolute; padding:0; margin:0;}
#imapdigger #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapdigger a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapdigger a span, #imapdigger a:visited span {display:none;}

/* define the common styling for the span text */
#imapdigger a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapdigger a:hover span {width:400px;}

/* move the span text to a common position at the bottom of the image map */
#imapdigger a#help2:hover span {left:108px; top:-65px;}


/* Cole Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapcole {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/colehelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapcole a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/colehelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapcole a#help1 {height:132px;}

/* place the dds in the correct absolute position */
#imapcole dd {position:absolute; padding:0; margin:0;}
#imapcole #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapcole a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapcole a span, #imapcole a:visited span {display:none;}

/* define the common styling for the span text */
#imapcole a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapcole a:hover span {width:400px;}

/* move the span text to a common position at the bottom of the image map */
#imapcole a#help2:hover span {left:108px; top:-65px;}


/* Fletch Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapfletch {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/fletchhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapfletch a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/fletchhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapfletch a#help1 {height:132px;}

/* place the dds in the correct absolute position */
#imapfletch dd {position:absolute; padding:0; margin:0;}
#imapfletch #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapfletch a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapfletch a span, #imapfletch a:visited span {display:none;}

/* define the common styling for the span text */
#imapfletch a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapfletch a:hover span {width:400px;}

/* move the span text to a common position at the bottom of the image map */
#imapfletch a#help2:hover span {left:108px; top:-65px;}


/* Charlie Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapcharlie {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/charliehelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapcharlie a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/charliehelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapcharlie a#help1 {height:132px;}

/* place the dds in the correct absolute position */
#imapcharlie dd {position:absolute; padding:0; margin:0;}
#imapcharlie #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapcharlie a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapcharlie a span, #imapcharlie a:visited span {display:none;}

/* define the common styling for the span text */
#imapcharlie a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapcharlie a:hover span {width:400px;}

/* move the span text to a common position at the bottom of the image map */
#imapcharlie a#help2:hover span {left:108px; top:-65px;}


/* Kit Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapkit {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/kithelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapkit a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/kithelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapkit a#help1 {height:132px;}

/* place the dds in the correct absolute position */
#imapkit dd {position:absolute; padding:0; margin:0;}
#imapkit #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapkit a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapkit a span, #imapkit a:visited span {display:none;}

/* define the common styling for the span text */
#imapkit a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapkit a:hover span {width:400px;}

/* move the span text to a common position at the bottom of the image map */
#imapkit a#help2:hover span {left:108px; top:-65px;}


/* Jess Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapjess {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/jesshelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapjess a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/jesshelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapjess a#help1 {height:132px;}

/* place the dds in the correct absolute position */
#imapjess dd {position:absolute; padding:0; margin:0;}
#imapjess #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapjess a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapjess a span, #imapjess a:visited span {display:none;}

/* define the common styling for the span text */
#imapjess a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapjess a:hover span {width:400px;}

/* move the span text to a common position at the bottom of the image map */
#imapjess a#help2:hover span {left:108px; top:-65px;}


/* Newt Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapnewt {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/newthelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapnewt a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/newthelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapnewt a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapnewt dd {position:absolute; padding:0; margin:0;}
#imapnewt #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapnewt a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapnewt a span, #imapnewt a:visited span {display:none;}

/* define the common styling for the span text */
#imapnewt a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapnewt a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapnewt a#help2:hover span {left:108px; top:-65px;}


/* Newt Help Mouseover Notice Board */

/* set the size of the definition list dl and add the background image */
#imapnewtNB {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/newthelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapnewtNB a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/newthelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapnewtNB a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapnewtNB dd {position:absolute; padding:0; margin:0;}
#imapnewtNB #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapnewtNB a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapnewtNB a span, #imapnewtNB a:visited span {display:none;}

/* define the common styling for the span text */
#imapnewtNB a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapnewtNB a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapnewtNB a#help2:hover span {left:108px; top:-50px;}


/* Polly Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imappolly {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/pollyhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imappolly a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/pollyhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imappolly a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imappolly dd {position:absolute; padding:0; margin:0;}
#imappolly #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imappolly a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imappolly a span, #imappolly a:visited span {display:none;}

/* define the common styling for the span text */
#imappolly a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imappolly a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imappolly a#help2:hover span {left:108px; top:-65px;}


/* Polo Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imappolo {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/polohelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imappolo a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/polohelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imappolo a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imappolo dd {position:absolute; padding:0; margin:0;}
#imappolo #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imappolo a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imappolo a span, #imappolo a:visited span {display:none;}

/* define the common styling for the span text */
#imappolo a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imappolo a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imappolo a#help2:hover span {left:108px; top:-65px;}


/* Buddy Help Mouseover*/

/* set the size of the definition list dl and add the background image */
#imapbuddy {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/buddyhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapbuddy a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/buddyhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapbuddy a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapbuddy dd {position:absolute; padding:0; margin:0;}
#imapbuddy #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapbuddy a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapbuddy a span, #imapbuddy a:visited span {display:none;}

/* define the common styling for the span text */
#imapbuddy a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapbuddy a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapbuddy a#help2:hover span {left:108px; top:-65px;}


/* Digger Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapdiggerH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/diggerhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapdiggerH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/diggerhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapdiggerH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapdiggerH dd {position:absolute; padding:0; margin:0;}
#imapdiggerH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapdiggerH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapdiggerH a span, #imapdiggerH a:visited span {display:none;}

/* define the common styling for the span text */
#imapdiggerH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapdiggerH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapdiggerH a#help2:hover span {left:108px; top:-100px;}


/* Cole Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapcoleH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/colehelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapcoleH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/colehelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapcoleH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapcoleH dd {position:absolute; padding:0; margin:0;}
#imapcoleH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapcoleH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapcoleH a span, #imapcoleH a:visited span {display:none;}

/* define the common styling for the span text */
#imapcoleH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapcoleH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapcoleH a#help2:hover span {left:108px; top:-100px;}


/* Fletch Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapfletchH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/fletchhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapfletchH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/fletchhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapfletchH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapfletchH dd {position:absolute; padding:0; margin:0;}
#imapfletchH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapfletchH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapfletchH a span, #imapfletchH a:visited span {display:none;}

/* define the common styling for the span text */
#imapfletchH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapfletchH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapfletchH a#help2:hover span {left:108px; top:-100px;}


/* Charlie Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapcharlieH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/charliehelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapcharlieH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/charliehelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapcharlieH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapcharlieH dd {position:absolute; padding:0; margin:0;}
#imapcharlieH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapcharlieH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapcharlieH a span, #imapcharlieH a:visited span {display:none;}

/* define the common styling for the span text */
#imapcharlieH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapcharlieH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapcharlieH a#help2:hover span {left:108px; top:-100px;}


/* Kit Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapkitH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/kithelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapkitH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/kithelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapkitH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapkitH dd {position:absolute; padding:0; margin:0;}
#imapkitH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapkitH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapkitH a span, #imapkitH a:visited span {display:none;}

/* define the common styling for the span text */
#imapkitH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapkitH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapkitH a#help2:hover span {left:108px; top:-100px;}


/* Jess Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapjessH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/jesshelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapjessH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/jesshelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapjessH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapjessH dd {position:absolute; padding:0; margin:0;}
#imapjessH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapjessH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapjessH a span, #imapjessH a:visited span {display:none;}

/* define the common styling for the span text */
#imapjessH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapjessH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapjessH a#help2:hover span {left:108px; top:-100px;}


/* Newt Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapnewtH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/newthelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapnewtH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/newthelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapnewtH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapnewtH dd {position:absolute; padding:0; margin:0;}
#imapnewtH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapnewtH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapnewtH a span, #imapnewtH a:visited span {display:none;}

/* define the common styling for the span text */
#imapnewtH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapnewtH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapnewtH a#help2:hover span {left:108px; top:-100px;}


/* Polly Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imappollyH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/pollyhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imappollyH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/pollyhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imappollyH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imappollyH dd {position:absolute; padding:0; margin:0;}
#imappollyH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imappollyH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imappollyH a span, #imappollyH a:visited span {display:none;}

/* define the common styling for the span text */
#imappollyH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imappollyH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imappollyH a#help2:hover span {left:108px; top:-100px;}


/* Polo Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imappoloH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/polohelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imappoloH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/polohelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imappoloH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imappoloH dd {position:absolute; padding:0; margin:0;}
#imappoloH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imappoloH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imappoloH a span, #imappoloH a:visited span {display:none;}

/* define the common styling for the span text */
#imappoloH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imappoloH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imappoloH a#help2:hover span {left:108px; top:-100px;}


/* Buddy Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapbuddyH {display:block; width:95px; height:132px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/buddyhelp.jpg) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapbuddyH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/buddyhelp.jpg) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapbuddyH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapbuddyH dd {position:absolute; padding:0; margin:0;}
#imapbuddyH #picp {left:0px; top:0px; z-index:20;}

/* style the dda links physical size */
#imapbuddyH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapbuddyH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imapbuddyH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapbuddyH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapbuddyH a#help2:hover span {left:108px; top:-100px;}

/* Ghost Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapghostH {display:block; width:136px; height:138px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/ghosthelp.gif) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapghostH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/ghosthelp.gif) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapghostH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapghostH dd {position:absolute; padding:0; margin:0;}
#imapghostH #picp {left:0px; top:100px; z-index:20;}

/* style the dda links physical size */
#imapghostH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapghostH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imapghostH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapghostH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapghostH a#help2:hover span {left:108px; top:-100px;}



/* Pumpkin Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imappumpkinH {display:block; width:136px; height:127px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/pumpkinhelp.gif) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imappumpkinH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/pumpkinhelp.gif) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imappumpkinH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imappumpkinH dd {position:absolute; padding:0; margin:0;}
#imappumpkinH #picp {left:0px; top:100px; z-index:20;}

/* style the dda links physical size */
#imappumpkinH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imappumpkinH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imappumpkinH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imappumpkinH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imappumpkinH a#help2:hover span {left:108px; top:-100px;}



/* Skeleton Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapskeletonH {display:block; width:136px; height:138px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/skeletonhelp.gif) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapskeletonH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/skeletonhelp.gif) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapskeletonH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapskeletonH dd {position:absolute; padding:0; margin:0;}
#imapskeletonH #picp {left:0px; top:100px; z-index:20;}

/* style the dda links physical size */
#imapskeletonH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapskeletonH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imapskeletonH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapskeletonH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapskeletonH a#help2:hover span {left:108px; top:-100px;}




/* xmas1 Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapxmasH {display:block; width:142px; height:143px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/xmashelp1.gif) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapxmasH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/xmashelp1.gif) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapxmasH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapxmasH dd {position:absolute; padding:0; margin:0;}
#imapxmasH #picp {left:0px; top:100px; z-index:20;}

/* style the dda links physical size */
#imapxmasH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapxmasH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imapxmasH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapxmasH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapxmasH a#help2:hover span {left:108px; top:-100px;}

/* xmas2 Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapsnowH {display:block; width:142px; height:143px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/xmashelp2.gif) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapsnowH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/xmashelp2.gif) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapsnowH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapsnowH dd {position:absolute; padding:0; margin:0;}
#imapsnowH #picp {left:0px; top:100px; z-index:20;}

/* style the dda links physical size */
#imapsnowH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapsnowH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imapsnowH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapsnowH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapsnowH a#help2:hover span {left:108px; top:-100px;}


/* xmas3 Help Mouseover Higher*/

/* set the size of the definition list dl and add the background image */
#imapsnowmanH {display:block; width:141px; height:156px; background:url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/xmashelp3.gif) no-repeat; position:relative;}

/* set up the definition list dta to hold the background image for the hover state */
#imapsnowmanH a#help1 {display:block; width:95px; height:0; padding-top:132px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://www.boffinsquad.co.uk/activities/gamesandstuff/helpimages/xmashelp3.gif) no-repeat 95px 95px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imapsnowmanH a#help1 {height:132px; height:0;}

/* place the dds in the correct absolute position */
#imapsnowmanH dd {position:absolute; padding:0; margin:0;}
#imapsnowmanH #picp {left:0px; top:100px; z-index:20;}

/* style the dda links physical size */
#imapsnowmanH a#help2 {display:block; width:95px; height:132px; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imapsnowmanH a span, #imapbuddyH a:visited span {display:none;}

/* define the common styling for the span text */
#imapsnowmanH a:hover span {position:absolute;  width:657px; display:block; font-family:verdana; font-size:12px; background:#ffffff; color:#000000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imapsnowmanH a:hover span {width:400px; width:657px;}

/* move the span text to a common position at the bottom of the image map */
#imapsnowmanH a#help2:hover span {left:108px; top:-100px;}

#ctl00_sideNav1
{
    /*width: 35px;*/
    position: relative;
    top: 15px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}
#ctl00_sideNav2
{
   /* width: 35px;*/
    position: relative;
    top: 20px;
    /*left: 12px; /*background-image: url('Images/my-profile2.gif'); */
    cursor: pointer;
}
#ctl00_sideNav3
{
    /*width: 35px;*/
    position: relative;
    top: 25px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}
#ctl00_sideNav4
{
    /*width: 35px;*/
    position: relative;
    top: 30px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}
#ctl00_sideNav5
{
    /*width: 35px;*/
    position: relative;
    top: 35px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}
#ctl00_students
{
	/*width: 35px;*/
    position: relative;
    top: 5px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}
#ctl00_teachers
{
	/*width: 35px;*/
    position: relative;
    top: 10px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}

.boxFront
{
    /*height: 590px;*/
    width: 480px !important; 
    background-color: #CCCC00;
    border-color: #666600;
}
body
{
    font-family: verdana;
    padding: 0px;
    margin: 0px;
    background-color: #6C1E63;
    background-image: url('images/background-fade.gif');
    background-repeat: repeat-x;
}

.mainnavlink, .mainnavend
{
	font-family: Lucida Sans Unicode, Verdana;
	font-size: 15pt;
	font-weight: bold;
	color: #2F1130;
}

.mainnavlink:link, .mainnavlink:visited, .mainnavlink:active, .mainnavend:link, .mainnavend:visited, .mainnavend:active
{
	text-decoration: none;
	color: #2F1130;
	padding-right: 6px;
	font-size: 15pt;
}

.mainnavlink:hover
{
	text-decoration: none;
	color: #641314;
	padding-right: 6px;
	font-size: 15pt;
}

.mainnavend:hover
{
	text-decoration: none;
	color: #641314;
	font-size: 15pt;
}
.currentSection, .currentSectionEnd
{
    font-family: Lucida Sans Unicode, Verdana;
	font-size: 15pt;
	font-weight: bold;
	color: #641314;
}
.currentSection:link, .currentSection:visited, .currentSection:active, .currentSection:hover
{
	text-decoration: none;
	color: #641314;
	padding-right: 6px;
	font-size: 15pt;
}

.currentSectionEnd:link, .currentSectionEnd:visited, .currentSectionEnd:active, .currentSectionEnd:hover
{
	text-decoration: none;
	color: #641314;
	padding-right: 0px;
	font-size: 15pt;
}

.seperator
{
	padding-right: 6px;	
	#padding-right: 2px;
	color: White;
	font-size: 24px;
}
.home {
    position: relative;
}
.login 
{
    Z-INDEX: 999; 
    filter: alpha(opacity=90); 
    LEFT: 50%; 
    BACKGROUND-IMAGE: url(/images/purple-login.gif); 
    VISIBILITY: hidden; 
    MARGIN-LEFT: -400px; 
    WIDTH: 800px; 
    BACKGROUND-REPEAT: repeat-x; 
    POSITION: absolute; 
    TOP: 0px; 
    HEIGHT: 200px; 
    -moz-opacity: .90; 
    opacity: .90;
}
.loginform { FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial }
.loginbarlink { FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial }
.loginbartitle { FONT-WEIGHT: bold; FONT-SIZE: 22pt; COLOR: #ffffff; FONT-FAMILY: Tahoma Bold, Arial Bold, Century Gothic }
.loginformlink { FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial }
.blackYellow
{
    height: 22px;
    background-image: url('images/blackyellow.gif');
    background-repeat: repeat-x;
}
.tblRightHadSide2
{
    width: 236px;
    background-color: #ffffff; /*position: relative;*/
    left: 3px; /* top: 0px;     margin-right: 3px;     z-index: 0;*/
}
.footer_p A:link, .footer_p A:visited
{
    color: #958494;
    text-decoration: underline;
    font-size: 7pt;
    font-weight: normal;
}
.footer_p A:active
{
    color: #958494;
    text-decoration: underline overline;
    font-size: 7pt;
    font-weight: normal;
}
.footer_p A:hover
{
    color: white;
    text-decoration: underline;
    font-size: 7pt;
    font-weight: normal;
}
#subnavtable
{
	color: Black;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 11px;
	padding-right: 4px;
	padding-top: 3px;
	position: absolute;
	top: 52px;
	#top: 55px;
}

.subNav:link, .subNav:visited, .subNav:active
{
	color: #958494;
    text-decoration: none;
    font-weight: bold;
    font-size: 9pt;
}
.subNav:hover
{
	color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 9pt;
}

.subNavCurrent:link, .subNavCurrent:visited, .subNavCurrent:active, .subNavCurrent:hover
{
	color: White;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}


#thesubNav
{
	filter: alpha(opacity=20); 
    -moz-opacity: .20; 
    opacity: .20;
    height: 25px;
    #height: 25px;
    width: 641px;
    #width: 626px;
    background-color: White;
    position: absolute;
	top: 52px;
	#top: 55px;
	margin-left: 6px;
}

#background-container
{
	background-image: url('images/background-main.gif');
	background-repeat: no-repeat;
	width: 100%;
	background-position: top center;
}

#newsHeader
{
	font-family: Verdana;
	font-size: 10pt;
	color: #999999;
	font-weight: bold;
}

.newsTitles 
{
	font-size: 8pt;
	color: #999999;
}

#color_cole
{
    background-color: White;
    COLOR: #0066CC;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_jess
{
    background-color: White;
    COLOR: #9966FF; 
    FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_fletch
{
    background-color: White;
    COLOR: #FF0000; 
    FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_polly
{
    background-color: White;
    COLOR: #FF9900;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_kit
{
   background-color: White;
   COLOR: #000000; 
   FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_digger
{
    background-color: White;
    COLOR: #CC0000;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_newt
{
    background-color: White;
    COLOR: #009900;
    FONT-FAMILY: Verdana, Sans-Serif; 
}

#color_charlie
{
    background-color: White;
    COLOR: #FF00CC; 
    FONT-FAMILY: Verdana, Sans-Serif;   
}
.teacherTitleBar
{
    color: #000000;
    font-size: 14pt;
    background-image: url('images/titleBarShine.gif');
    background-repeat:repeat-x;
    font-weight: bold;
}
.regHeadingNoraml
{
    color: #333300;
    font-size: 10pt;
}
.tdInfo
{
    color: #cccc00;
    background-color: #666600;
    font-size: 12px;
}

.quizcursor 
{
	cursor: pointer;	
}

th.table-sortable {
	cursor:pointer;
	background-image:url("teachers/images/archive/01_unsorted.gif");
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 5px;
}
th.table-sorted-asc {
	background-image:url("teachers/images/archive/01_ascending.gif");
	background-position:center right;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("teachers/images/archive/01_descending.gif");
	background-position:center right;
	background-repeat:no-repeat;
}