/***************************** GENERAL Menu and Buttons - Dreimire micro site******************************************/
/* MENU ELEMENTS */
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/* Standard Menu Styling */



.hidden {

display: none;

}

#leftnav {width: 202px;}

/******************************Baile Nav button *************************************/
/************************************************************************************/
.baile { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/baile_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0; 
}

.baile a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.baile img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.baile a:hover img{visibility:hidden}

.baile span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Baile Nav buttons, used when page is active *************************************/
/***************************************************************************************************************/
.baileact { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/baile_active.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0;
}

.baileact a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.baileact img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.baileact a:hover img{visibility:visible}

.baileact span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Bosca ealaíne Nav button *************************************/
/************************************************************************************/
.ealaine { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/bosca_ealaine_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0; 
}

.ealaine a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.ealaine img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.ealaine a:hover img{visibility:hidden}

.ealaine span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Baile Nav buttons, used when page is active *************************************/
/***************************************************************************************************************/
.ealaineact { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/bosca_ealaine_active.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0;
}

.ealaineact a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.ealaineact img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.ealaineact a:hover img{visibility:visible}

.ealaineact span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}


/******************************Scealta  Nav button *************************************/
/************************************************************************************/
.scealta  { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/scealta_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0; 
}

.scealta  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.scealta img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.scealta a:hover img{visibility:hidden}

.scealta span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Scealta Nav buttons, used when page is active *************************************/
/***************************************************************************************************************/
.scealtaact { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/scealta_active.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0;
}

.scealtaact a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.scealtaact img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.scealtaact a:hover img{visibility:visible}

.scealtaact span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Gníomhaíochtaí  Nav button *************************************/
/************************************************************************************/
.gnio { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/gnio_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0; 
}

.gnio  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.gnio img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.gnio a:hover img{visibility:hidden}

.gnio span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Gníomhaíochtaí Nav buttons, used when page is active *************************************/
/***************************************************************************************************************/
.gnioact { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/gnio_active.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0;
}

.gnioact a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.gnioact img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.gnioact a:hover img{visibility:visible}

.gnioact span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************Múinteoirí   Nav button *************************************/
/************************************************************************************/
.muin  { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/muin_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0; 
}

.muin  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.muin img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.muin a:hover img{visibility:hidden}

.muin span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/******************************muin Nav buttons, used when page is active *************************************/
/***************************************************************************************************************/
.muinact { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/muin_active.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0;
}

.muinact a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.muinact img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.muinact a:hover img{visibility:visible}

.muinact span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}


/******************************Tuismitheoirí / Parents   Nav button *************************************/
/************************************************************************************/
.tuis  { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/tuis_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0; 
}

.tuis   a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.tuis img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.tuis a:hover img{visibility:hidden}

.tuis span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/*****************************Tuismitheoirí / Parents  Nav buttons, used when page is active *************************************/
/***************************************************************************************************************/
.tuisact { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/tuis_active.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 202px;
height: 39px;
margin: 0; 
padding: 0;
}

.tuisact a {
display: block;
color: #ffffff;
font-size: 18px;
width: 202px;
height: 39px;
display: block;
float: left;
color: white;
text-decoration: none;

}

.tuisact img {width: 202px; height: 39px; border: 0; }
* html a:hover {visibility:visible}
.tuisact a:hover img{visibility:visible}

.tuisact span {
position: absolute;
left: 22px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/****************************************************STORY BUTTONS *************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
.buttstory{ 
position: relative;
left: 30%;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/next_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 142px;
height: 34px;
margin: 0; 
padding: 0; 

}

.buttstory a {
display: block;
color: #ffffff;
font-size: 18px;
width: 142px;
height: 34px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.buttstory img {width: 142px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
.buttstory a:hover img{visibility:hidden}

.buttstory span {
position: absolute;
left: 36px;
top: 6px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size:16px;
font-weight: bold;
color:#FFFFFF;
}

/***************************************************previous and next button on stroy pages*************************************************************/

#prev_next {
	background: none;
	position: relative;
	left: 11%;
	width: 306px; height: 34px; display: block;
	padding: 10px 0px 10px 0px; margin: 0px; 
	float: left; clear: both;
	text-align:top;
}

.previous{ 
position: relative;
float:left;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/previous_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 142px;
height: 34px;
margin: 0; 
padding: 0; 

}

.previous a {
display: block;
color: #ffffff;
font-size: 18px;
width: 142px;
height: 34px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.previous img {width: 142px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
.previous a:hover img{visibility:hidden}

.previous span {
    display: none;
	position: absolute;
	left: 56px;
	top: 4px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-size:18px;
	color:#64bae9;
	width: 63px;
}
.nextpage{ 
position: relative;
float:left;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/nextpage_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 160px;
height: 34px;
margin: 0; 
padding: 0; 

}

.nextpage a {
display: block;
color: #ffffff;
font-size: 18px;
width: 160px;
height: 34px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.nextpage img {width: 160px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
.nextpage a:hover img{visibility:hidden}

.nextpage span {
    display: none;
	position: absolute;
	left: 25px;
	top: 4px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-size:18px;
	color:#64bae9;
	width: 92px;
}
/********new story***************/

.newstorybook{ 
position: relative;
float:left;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/new_story_bookroll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 160px;
height: 34px;
margin: 0; 
padding: 0; 

}

.newstorybook a {
display: block;
color: #ffffff;
font-size: 18px;
width: 160px;
height: 34px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.newstorybook img {width: 160px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
.newstorybook a:hover img{visibility:hidden}

.newstorybook span {
    display: none;
	position: absolute;
	left: 25px;
	top: 4px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-size:18px;
	color:#64bae9;
	width: 92px;
}


/****************************************************flash files *************************************/
/****************************************************************************************************************/

#leftswf {
	width:202px;
	padding:0px;
	margin-top:0px;
	margin-bottom: 0px;
	float:left;clear: none;
	text-align: left;
	display:inline;
		}	
		
#homeswf {
	width:530px;
	padding:0px;
	margin-top:0px;
	margin-bottom: 0px;
	float:left;clear: none;
	text-align: left;

		}	

/****************************************************STORY PAGE Buttons *************************************/
/****************************************************************************************************************/


.anbosca { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/an_bosca_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.anbosca  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.anbosca img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.anbosca a:hover img{visibility:hidden}

/******************************rici button *************************************/
/************************************************************************************/

.rici { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/rici_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.rici a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.rici img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.rici a:hover img{visibility:hidden}

/******************************agfas button *************************************/
/************************************************************************************/

.agfas { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/agfas_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.agfas a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.agfas img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.agfas a:hover img{visibility:hidden}


/******************************carr button *************************************/
/************************************************************************************/

.carr { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/an_carr_dearg_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.carr a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.carr img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.carr a:hover img{visibility:hidden}

/******************************spota button *************************************/
/************************************************************************************/

.spota { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image:  url("../img/buttons/mainstories/spota_roll.gif");
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.spota a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.spota img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.spota a:hover img{visibility:hidden}

/******************************ar_scoil button *************************************/
/************************************************************************************/
.arscoil { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/arscoil_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.arscoil a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.arscoil img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.arscoil a:hover img{visibility:hidden}

/*****************************nabeacha button *************************************/
/************************************************************************************/
.nabeacha { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/nabeacha_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.nabeacha a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.nabeacha img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.nabeacha a:hover img{visibility:hidden}

/*****************************antoirtinull button *************************************/
/************************************************************************************/
.antoirtinull { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/antoirtinull_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.antoirtinull a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.antoirtinull img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.antoirtinull a:hover img{visibility:hidden}

/*****************************anbabai button *************************************/
/************************************************************************************/
.anbabai { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/mainstories/anbabai_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float:left;
}
.anbabai a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.anbabai img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.anbabai a:hover img{visibility:hidden}


/****************************************************ART BOX PAGE Buttons *************************************/
/****************************************************************************************************************/


.box { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/artbox/bosca_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 260px;
height: 164px;
margin: 0; 
padding: 0;
float: left;
}
.box   a {
display: block;
color: #ffffff;
font-size: 18px;
width: 260px;
height: 164px;
display: block;
color: white;
text-decoration: none;
}
.box  img {width: 260px; height: 164px; border: 0; }
* html a:hover {visibility:visible}
.box a:hover img{visibility:hidden}


.blocks { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/artbox/rici_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 260px;
height: 164px;
margin: 0; 
padding: 0;
float: left;
}
.blocks   a {
display: block;
color: #ffffff;
font-size: 18px;
width: 260px;
height: 164px;
display: block;
color: white;
text-decoration: none;
}
.blocks  img {width: 260px; height: 164px; border: 0; }
* html a:hover {visibility:visible}
.blocks a:hover img{visibility:hidden}


.agfas2 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/artbox/agfas_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 260px;
height: 164px;
margin: 0; 
padding: 0;
float: left;
}
.agfas2   a {
display: block;
color: #ffffff;
font-size: 18px;
width: 260px;
height: 164px;
display: block;
color: white;
text-decoration: none;
}
.agfas2  img {width: 260px; height: 164px; border: 0; }
* html a:hover {visibility:visible}
.agfas2 a:hover img{visibility:hidden}


.redcar { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/artbox/carr_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 260px;
height: 164px;
margin: 0; 
padding: 0;
float: left;
}
.redcar  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 260px;
height: 164px;
display: block;
color: white;
text-decoration: none;
}
.redcar  img {width: 260px; height: 164px; border: 0; }
* html a:hover {visibility:visible}
.redcar a:hover img{visibility:hidden}

/****************************************************ACTIVITIES Buttons *************************************/
/****************************************************************************************************************/


.act1 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity1_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act1  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act1 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act1 a:hover img{visibility:hidden}

/****************************************************ACTIVITIY 2 *************************************/
/****************************************************************************************************************/


.act2 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity2_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act2  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act2 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act2 a:hover img{visibility:hidden}

/****************************************************ACTIVITIY 3 *************************************/
/****************************************************************************************************************/


.act3 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity3_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act3  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act3 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act3 a:hover img{visibility:hidden}


/****************************************************ACTIVITIY 4 *************************************/
/****************************************************************************************************************/


.act4 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity4_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act4  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act4 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act4 a:hover img{visibility:hidden}

/****************************************************ACTIVITIY 5 *************************************/
/****************************************************************************************************************/


.act5 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity5_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act5  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act5 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act5 a:hover img{visibility:hidden}


/****************************************************ACTIVITIY 6 *************************************/
/****************************************************************************************************************/


.act6 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity6_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act6  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act6 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act6 a:hover img{visibility:hidden}


/****************************************************ACTIVITIY 7 *************************************/
/****************************************************************************************************************/


.act7 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity7_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act7  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act7 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act7 a:hover img{visibility:hidden}

/****************************************************ACTIVITIY 8 *************************************/
/****************************************************************************************************************/


.act8 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity8_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act8  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act8 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act8 a:hover img{visibility:hidden}

/****************************************************ACTIVITIY 9 *************************************/
/****************************************************************************************************************/


.act9 { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(../img/buttons/activities/activity9_roll.gif);
background-repeat: no-repeat;
white-space: nowrap;
width: 177px;
height: 156px;
margin: 0; 
padding: 0;
float: left;
}
.act9  a {
display: block;
color: #ffffff;
font-size: 18px;
width: 177px;
height: 156px;
display: block;
color: white;
text-decoration: none;
}
.act9 img {width: 177px; height: 156px; border: 0; }
* html a:hover {visibility:visible}
.act9 a:hover img{visibility:hidden}