@charset "UTF-8";
/* CSS Document */
.style1{color:#99ff99; font-weight:bold}
.style2{color:#FFFFFF}
body { 
background-color: #666666;
}

#kidsartactivities{
margin:auto; height:auto ; width:804px; border:solid; border-color:#cccccc; border-width:1px;  
}
#kidsartsmenu{
height:50px ; width:804px; border:solid; border-color:#cccccc; border-width:0px 0px 1px 0px;  
}
.kidsartsbuttons{
float:left; height:50px ; width:160px; border:solid; border-color:#cccccc; border-width:0px 1px 0px 0px;  
}
.kidsartsbuttonslast{
float:left; height:50px ; width:160px;   
}
.kidsspacev{
float:left; height:320px ; width:140px;   
}
#kidsactivebuttons{
float:left; height:235px ; width:160px; padding:85px 0px 0px 0px   
}
.pagebutts{
float:left; height:50px ; width:160px; padding:0px 0px 1px 0px   
}
.title{
float:left; height:50px ; width:160px;    
}
.hand{
float:left; height:50px ; width:644px; background-color:#ffcc00 
}
#kidsartsacademy{
height:550px ; width:804px;   
}
#childrenactivities{
width:784px; padding:10px; background-color:#3366cc; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;   
}
#aboutkidsactivities{
width:784px; background-color:#3366cc; background-image:url(../img/design/hands_bg.jpg); background-repeat:no-repeat; 
}
#afterschoolclubs{
width:784px; padding:0px 0px 10px 0px; border-width:0px 0px 1px 0px; border-style:dotted; border-color:#FFFFFF; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;
}
#abouthannah{
width:784px; padding:10px 0px 10px 0px; border-width:0px 0px 1px 0px; border-style:dotted; border-color:#FFFFFF; 
}
#hannahpic{
float:left; padding:6px; background-color:#CCCCCC;
}
#hannahtext{
float:left; width:552px; padding:0px 0px 10px 10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left; 
}
#pickofthepictures{
float:left; width:373px; padding:10px 10px 0px 0px;text-align: center;
}
#picturedetails{
float:left; width:401px;
}
#picturetitle{
height:40px ; width:401px; padding:10px 0px 10px 0px; border-width:0px 0px 1px 0px; border-style:dotted; border-color:#FFFFFF;
}
#picturedescription{
width:381px; padding:10px
}
#kidsactivitiessheffield{
/*height:590px ; */ width:794px; background-color:#cc3300; padding:5px   
}
.kidsnewsdate{
float:left; height:20px ; width:150px; padding:65px 0px 65px 0px; background-color:#3366cc; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; text-align:center 
}
#kidsnewsdatearch{
float:left; height:20px ; width:130px; padding:10px; background-color:#999999; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; text-align:center 
}
.kidsnews{
float:left; height:140px ; padding:5px; background-color:#3366cc;
}
#kidsnewsarch{
float:left; height:30px ; width:475px; padding:5px; background-color:#999999;
}
#kidsnewsfull{
float:left; height:auto ;  width:475px; padding:5px; background-color:#3366cc;
}
.kidsnewstitle{
height:auto ; width:465px; padding:5px; border-width:1px 0px 1px 0px; border-style:dotted; border-color:#FFFFFF; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left; font-weight:600 
}
.kidsnewsitem{
float:left; height:auto ; width:465px; padding:10px 5px 10px 5px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left; 
}
.more{
float:left; height:136px ; width:33px;  
}
#morearch{
float:left; height:30px ; width:33px; padding:5px 0px 5px 0px 
}
.moretop{
height:60px ; width:33px;  
}
.morebot{
height:30px ; width:33px;  
}

.sheffieldkidsspace{
float:left; height:5px ; width:5px; 
}
#xmlgallery{
height:600px ; width:800px; padding:0px 2px 0px 2px; background-color:#cc0033 
}
#kidsterms{
margin:auto; height:auto ; width:804px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:11px; text-align:right; padding:5px 0px 0px 0px; 
}
.backtotop{
height:auto ; width:784px; background-color:#ff9900; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:9px; font-weight:500; text-align:right; padding:5px 10px 5px 10px; 
}
#kidstext{
height:530px ; width:784px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; text-align:left; padding:10px; background-color:#CCCCCC
}
#kidsactivities{
height:320px ; width:804px; background-image:url(../img/design/activities_for_children_in_sheffield.jpg); border:solid; border-width:0px 0px 1px 0px; border-color:#CCCCCC;   
}

#artsactivitiesinfo{
width:784px; background-color:#ff9900; padding:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;  
}
#datesinfo{
width:784px; background-color:#ff9900; padding:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;  
}
#costinfo{
width:784px; background-color:#ff9900; padding:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;  
}
#bookinginfo{
width:784px; background-color:#ff9900; padding:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;  
}

#col1{
float:left; height:320px ; width:392px; background-color:#ff9900; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;  
}
#col2{
float:left; height:320px ; width:381px; background-color:#ff9900; padding:0px 0px 0px 10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left; border-style:dotted; border-width:0px 0px 0px 1px; border-color:#FFFFFF;  
}
#dates{
height:280px ; width:784px; background-color:#ff6633; padding:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; text-align:left; border:solid; border-width:0px 0px 1px 0px; border-color:#CCCCCC;  
}
#cost{
height:280px ; width:784px; background-color:#ff6633; padding:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; text-align:left; border:solid; border-width:0px 0px 1px 0px; border-color:#CCCCCC;  
}
#kidsartscraft{
height:580px ; width:784px; padding:10px; background-color:#ff3333; background-image:url(../img/design/redhand.gif); background-repeat:no-repeat; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left;
}
#regform{
float:left; height:40px ; width:240px; background-color:#ff9900; 
}
.space{
float:left; height:40px; width:564px; background-color:#ff9900
}
.space2{
height:150px; width:784px;
}
#kidsactivitiesderbyshire{
float:left; height:280px; width:300px; padding:10px; background-image:url(../img/design/bluehand.gif); background-repeat:no-repeat; 
}
#contact{
float:left; height:240px; width:90px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left
}
#details{
float:left; height:240px; width:190px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:left
}
#regformblue{
float:left; height:40px ; width:240px; padding:0px 0px 0px 40px 
}



mailto {text-decoration:none; color:#FFFFFF;}
img {border-style:none;}
a:link {text-decoration:underline; color:#ccffcc}
a:visited {text-decoration:none; color:#ccffcc}
a:hover {text-decoration:none; color:#99ff99;}
a:mailto {text-decoration:none; color:#FFFFFF}
#kidsterms a:link {text-decoration:none; color:#cccccc}
#kidsterms a:visited {text-decoration:none; color:#cccccc}
#kidsterms a:hover {text-decoration:none; color:#FFFFFF;}
#kidstext a:link {text-decoration:underline; color:#666666}
#kidstext a:visited {text-decoration:underline; color:#666666}
#kidstext a:hover {text-decoration:underline; color:#FFFFFF}
#backtotop a:link {text-decoration:none; color:#666666}
#backtotop a:visited {text-decoration:none; color:#666666}
#backtotop a:hover {text-decoration:none; color:#333333}
#details a:link {text-decoration:none; color:#FFFFFF;}
#details a:visited {text-decoration:none; color:#FFFFFF;}
#details a:hover {text-decoration:underline; color:#FFFFFF;}


.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix {display: block;}

p { margin: 0px 0px 0px 0px; }
