@charset "UTF-8";
/* CSS Document */

body { margin: 0; 
       background-color:#3ac2cf; 
	   font: 11px Verdana, Arial, Helvetica, sans-serif; }
	   
#homeContainer { height:590px; 
             width: 795px; 
			 position: relative; 
			 overflow: hidden; 
			 margin: 0 auto; 
			 background: #3ac2cf;
			 background:url(images/homeBkDrop.jpg); }
			 
#sectionContainer { height:auto; 
             width: 800px; 
			 position: relative; 
			 margin: 0 auto; 
			 background: #3ac2cf;
			 }

#topSection { height:165px; 
             width: 800px; 
			 position: relative; 
			 overflow: hidden; 
			 background: #3ac2cf;
			 background: url(images/secTopBkDrop.jpg) 0 0 no-repeat; }
			 
#middleSection { height:auto; 
             width: 800px; 
			 position: relative; 
		     overflow: visible; 
			 background: #3ac2cf;
			 background:url(images/secMiddleBkDrop.jpg) repeat; }
			 
#bottomSection { height:53px; 
             width: 800px; 
			 position: relative;
			 overflow: hidden;  
			 background: #3ac2cf;
			 background:url(images/secBottomBkDrop.jpg) 0 0 no-repeat; }
			 
#secPaperTop { width: 504px;
           height: 63px;
		   background: url(images/secContentTop.png);
		   position: relative;
		   top: -55px;
		   left: 245px;
		   z-index: 3;
		    }
		   
#secPaperMiddle { width: 504px;
           height: auto;
		   background: url(images/secContentMiddle.png);
		   position: relative;
		   top: -65px;
		   left: 245px;
		   z-index:3;
		   }
		 
#secPaperBottom { width: 504px;
           height: 60px;
		   background: url(images/secContentBottom.png) 0 0 no-repeat;
		   position: relative;
		   top: -67px;
		   left: 245px;
		   
		    }

			 
#editorialWell { margin: 0; padding: 0; height: auto; width: 761px; overflow: visible;  }
			 
#logo { float: left; 
        margin: 0; 
	    font-size: 1px; 
		width: 226px; 
		height: 188px; 
		background: url(images/logo.png); 
		position: relative; 
		top: 0px; 
		left: 25px; }
		
#sectionLogo { float: left; 
        margin: 0; 
	    font-size: 1px; 
		width: 299px; 
		height: 220px; 
		background: url(images/logoLeaves.png); 
		position: absolute; 
		top: 0px; 
		left: 0px;
		z-index: 2;}
		
#chains { float: left; 
        margin: 0; 
		width: 109px; 
		height: 371px; 
		background: url(images/chains.png) 0 0 no-repeat; 
		position: absolute; 
		top: 180px; 
		left: 95px;
		z-index: 0;}
		
#newsArea { width: 189px;
           height: 165px;
		   background: url(images/newsFeed.png) 0 0 no-repeat;
		   position: relative;
		   top: 135px;
		   left: 45px;
		   float: left; }
		
#newsArea p {width: 150px; 
          height: auto;
	      color: #000; 
		  font: 10px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 20px;
		  left: 0px;
		  line-height: 14px;
         }
		 
#newsArea h2 { color:#000;
            width: 150px;
            font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 25px;
		    left: 0px;
			}
			
#newsArea a { font: 10px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
			margin: 0 0;
		    
           }
		
#homeTwitter { float: left; 
        margin: 0; 
		width: 36px; 
		height: 44px; 
		background: url(images/twitter_sm.png); 
		position: absolute; 
		top: 480px; 
		left: 90px;
		z-index: 2;}

#homeFacebook { float: left; 
        margin: 0; 
		width: 44px; 
		height: 44px; 
		background: url(images/facebook_sm.png); 
		position: absolute; 
		top: 480px; 
		left: 200px;
		z-index: 2;}

#secTwitter { float: left; 
        margin: 0; 
		width: 36px; 
		height: 44px; 
		background: url(images/twitter_sm.png); 
		position: absolute; 
		top: 420px; 
		left: 90px;
		z-index: 2;}
		
#secFacebook { float: left; 
        margin: 0; 
		width: 44px; 
		height: 44px; 
		background: url(images/facebook_sm.png); 
		position: absolute; 
		top: 420px; 
		left: 150px;
		z-index: 2;}
		
#image1 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/chalk.jpg); 
		position: absolute; 
		top: 515px; 
		left: 65px;
		z-index: 2;}
		
#image2 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/lilLagoonPic.jpg); 
		position: absolute; 
		top: 725px; 
		left: 65px;
		z-index: 2;}
		
#image3 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/storyTime.jpg); 
		position: absolute; 
		top: 935px; 
		left: 65px;
		z-index: 2;}

#image4 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/lilLagoon2.jpg); 
		position: absolute; 
		top: 485px; 
		left: 65px;
		z-index: 2;}
		
#image5 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/storyTime2.jpg); 
		position: absolute; 
		top: 655px; 
		left: 65px;
		z-index: 2;}
		
#image6 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/treehouse.jpg); 
		position: absolute; 
		top: 1150px; 
		left: 65px;
		z-index: 2;}
		
#image7 {float: left; 
        margin: 0; 
		width: 225px; 
		height: 156px; 
		background: url(images/mangoBoat.png) 0 0 no-repeat; 
		position: absolute; 
		top: 450px; 
		left: 365px;
		z-index: 2;}
		
#image8 {float: left; 
        margin: 0; 
		width: 172px; 
		height: 156px; 
		background: url(images/monkeyPlane.png); 
		position: absolute; 
		top: 495px; 
		left: 65px;
		z-index: 2;}
		
#image9 {float: left; 
        margin: 0; 
		width: 85px; 
		height: 125px; 
		background: url(images/mangoMonkey.png) 0 0 no-repeat; 
		position: absolute; 
		top: 100px; 
		left: 410px;
		}
		
#logo h1 { font-size: 1px; text-indent: -9999px; margin: 0; }
#logo h1 a { position: absolute; z-index: 5; display: block; }
#logo h1 a { top: 0; left: 0; width: 180px; height: 98px; }

#sectionLogo h1 { font-size: 1px; text-indent: -9999px; margin: 0; }
#sectionLogo h1 a { position: absolute; z-index: 5; display: block; }
#sectionLogo h1 a { top: 0; left: 0; width: 180px; height: 98px; } 

#navBar { position: relative; float: left; height: 137px; width: 528px; padding: 0; overflow: hidden; left: 0px; top: 125px; }
#navBar ul { padding: 0 0 0 0; float: left; margin: 0; overflow: hidden; }
#navBar ul li {display: inline; margin: 1px 0 0; padding: 0; }
#navBar ul li a { float: left; padding: 0; margin: 0; }
a#navOne, a#navTwo, a#navThree, a#navFour, a#navFive, a#navSix, a#navSeven { float: left; text-indent: -9999px; height: 69px; background: url(images/topNav.png) no-repeat; }

a#navOne { width: 116px; background-position: 0 0; }
a#navTwo { width: 145px; background-position: -116px 0; }
a#navThree { width: 142px; background-position: -261px 0; }
a#navFour { width: 125px; background-position: -403px 0; }
a#navFive { width: 210px; background-position: 0px -69px; }
a#navSix { width: 125px; background-position: -210px -69px; }
a#navSeven { width: 193px; background-position: -335px -69px; }

a:hover#navOne { width: 116px; background-position: 0 -138px; }
a:hover#navTwo { width: 145px; background-position: -116px -138px; }
a:hover#navThree { width: 142px; background-position: -261px -138px; }
a:hover#navFour { width: 125px; background-position: -403px -138px; }
a:hover#navFive { width: 210px; background-position: -0px -207px; }
a:hover#navSix { width: 125px; background-position: -210px -207px; }
a:hover#navSeven { width: 193px; background-position: -335px -207px; }


#navOne.selected { width: 116px; background-position: 0 -138px; }
#navTwo.selected { width: 145px; background-position: -116px -138px; }
#navThree.selected { width: 142px; background-position: -261px -138px; }
#navFour.selected { width: 125px; background-position: -403px -138px; }
#navFive.selected { width: 210px; background-position: -0px -207px; }
#navSix.selected { width: 125px; background-position: -210px -207px; }
#navSeven.selected { width: 193px; background-position: -335px -207px; }

#sideNav { position: absolute; float: left; height: 351px; width: 172px; padding: 0; left: -180px; top: 50px; z-index:3; }
#sideNav ul { padding: 0 10px 0 0; float: left; margin: 0; overflow: hidden; } 
#sideNav ul li { display: inline; margin: 1px 0 0;  padding: 0;}
#sideNav ul li a { float: left; padding: 0; margin: 0; }

a#SideNavOne, 
a#SideNavTwo, 
a#SideNavThree, 
a#SideNavFour, 
a#SideNavFive, 
a#SideNavSix, 
a#SideNavSeven {
	text-indent: -9999px;
	width: 171px;
	background: url(images/sideNav.png) no-repeat;
	top: 5px;
	left: 0px;
	z-index:4;
	
}

a#SideNavOne { height: 52px; background-position: 0px 0px; }
a#SideNavTwo { height: 51px; background-position: 0px -52px; }
a#SideNavThree { height: 49px; background-position: 0px -103px; }
a#SideNavFour { height: 46px; background-position: 0px -152px; }
a#SideNavFive { height: 52px; background-position: 0px -198px; }
a#SideNavSix { height: 48px; background-position: 0px -250px; }
a#SideNavSeven { height: 53px; background-position: 0px -298px; }

a#SideNavOne.selected { height: 52px; background-position: -172px 0; }
a#SideNavTwo.selected { height: 51px; background-position: -172px -52px;  }
a#SideNavThree.selected { height: 49px; background-position: -172px -103px;  }
a#SideNavFour.selected { height: 46px; background-position: -172px -152px; }
a#SideNavFive.selected { height: 52px; background-position: -172px -198px;   }
a#SideNavSix.selected { height: 48px; background-position: -172px -250px; }
a#SideNavSeven.selected { height: 53px; background-position: -172px -298px; }

a:hover#SideNavOne { height: 52px; background-position: -172px 0; }
a:hover#SideNavTwo { height: 51px; background-position: -172px -52px; }
a:hover#SideNavThree { height: 49px; background-position: -172px -103px; }
a:hover#SideNavFour { height: 46px; background-position: -172px -152px; }
a:hover#SideNavFive { height: 52px; background-position: -172px -198px; }
a:hover#SideNavSix { height: 48px; background-position: -172px -250px; }
a:hover#SideNavSeven { height: 53px; background-position: -172px -298px; }


.leftCol { width: 275px;
           height: 262px;
		   background: url(images/mangoPaperHome.png) 0 0 no-repeat;
		   position: relative;
		   top: 140px;
		   left: 30px;
		   float:left; }
		   
.premSol { float: left; 
        margin: 0; 
		width: 200px; 
		height: 84px; 
		background: url(images/premierSolHome.png) 0 0 no-repeat;
		position: absolute; 
		top: 200px; 
		left: 55px;
		z-index: 2;}
		  
.rtColbottom { width: 189px;
           height: 126px;
		   background: url(images/addPrograms.png) 0 0 no-repeat;
		   position: relative;
		   top: 135px;
		   left: 45px;
		   float:left; }
		    
.rtColbottom a { position: relative;
		         top: 45px;
		         left: 10px;
				 width: 120px;
				 font: 12px Verdana, Arial, Helvetica, sans-serif; 
                 font-weight: bold;
			     margin: 0 0;
				 color:#f361a3;
				 
		          }


			
#aboutTitle { background: url(images/aboutUsTitle.png) no-repeat; 
			width: 149px;
			height:35px;
			text-indent: -9999px;
			position: relative;
			top: 20px;
			left: 50px;
			
			}
			
#about p {width: 350px; 
          height: auto;
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 20px;
		  left: 50px;
		  text-indent:0px;
		  padding: 0 0 10px 0;
		  margin: 8px 0;
         }
		 
#about h2 { color: #000;
            width: 375px;
            font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 20px;
		    left: 25px;
			}
			
#about a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
		    
           }
		   
#aboutTitle { background: url(images/aboutUsTitle.png) no-repeat; 
			width: 149px;
			height:35px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}

#facilitiesTitle { background: url(images/facilitiesTitle.png) no-repeat; 
			width: 220px;
			height:37px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}
			
#facilities p {width: 400px; 
          height: auto;
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 50px;
		  margin: 8px 0;
		  padding: 0 0 10px 0;
		  
         }
		 
#facilities h2 { color: #000;
            width: 300px;
            font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 10px;
		    left: 25px;
			}
			
#facilities a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
		    
           }

#feesTitle { background: url(images/feesTitle.png) no-repeat; 
			width: 303px;
			height:47px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}
			
#fees p {width: 400px; 
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 50px;
		  margin: 8px 0 0 0;
		  
         }
		 
#fees h2 { color: #000;
            width: 400px;
            font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 10px;
		    left: 25px;
			}
			
#fees a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    margin: 0 0;
           }

#locaTitle { background: url(images/locaTitle.png) no-repeat; 
			width: 157px;
			height:37px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}
			
#loca p {width: 200px; 
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 25px;
		  padding: 0 0 10px 0;
		  margin: 0 0;
		  
         }
         
#loca2 p {width: 450px; 
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 25px;
		  padding: 0 0 10px 0;
		  margin: 0 0;
		  
         }
		 
#loca h2 { color: #000;
            width: 250px;
            font: 14px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 10px;
		    left: 25px;
			}
			
#loca a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
		    
           }
		   
#locaMap1 { width: 261px;
          height: 168px;
		  background: url(images/polarisMap.jpg) 0 0 no-repeat;
		  float: right;
		  position: absolute;
		  top: 360px;
		  left: 235px;
		  }
		  
#locaMap2 { width: 261px;
          height: 227px;
		  background: url(images/dublinMap.jpg) 0 0 no-repeat;
		  float: right;
		  position: absolute;
		  top: 37px;
		  left: 235px;}
			
#programTitle { background: url(images/programsTitle.png) no-repeat; 
			width: 157px;
			height:47px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}
			
#program p {width: 400px; 
          height: auto;
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 50px;
		  text-indent:25px;
		  padding: 0 0 10px 0;
		  margin: 8px 0;
		  
         }
		 
#program h2 { color: #000;
            width: 250px;
            font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 10px;
		    left: 25px;
			}
			
#program a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
		    
           }
			
#registerTitle { background: url(images/registerTitle.png) no-repeat; 
			width: 157px;
			height:47px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}
			
#register p {width: 390px; 
          height: auto;
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 50px;
		  padding: 0 0 10px 0;
		  margin: 8px 0;
		  
         }
		 
#register h2 { color: #000;
            width: 250px;
            font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 10px;
		    left: 25px;
			}
			
#register a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
		    
           }
			
#contactTitle { background: url(images/contactTitle.png) no-repeat; 
			width: 136px;
			height:37px;
			text-indent: -9999px;
			position: relative;
			top: 15px;
			left: 40px;
			
			}
			
#contact h2 { color: #000;
            width: 250px;
            font: 14px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
		    top: 10px;
		    left: 25px;
			}
			
#contact a { font: 11px Verdana, Arial, Helvetica, sans-serif; 
            font-weight: bold;
			position: relative;
			width: 250px;
		    
           }
			
#contact p {width: 400px; 
          height: auto;
	      color: #000; 
		  font: 11px Verdana, Arial, Helvetica, sans-serif; 
		  position: relative;
		  top: 10px;
		  left: 50px;
		 
		  padding: 0 0 10px 0;
		  margin: 8px 0;
		  
         }