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


body{background-image:url(../images/cantre-gwaelodbg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-family:mainFont;
	background-color:#000 !important;
}
@font-face {
    font-family: 'mainFont';
    src: url('ysg1__-webfont.eot');
    src: url('ysg1__-webfont.eot?#iefix') format('embedded-opentype'),
url('ysg1__-webfont.woff') format('woff'),
url('ysg1__-webfont.ttf') format('truetype'),
url('ysg1__-webfont.svg#Ysgol1Regular') format('svg');
}
h1{font-family: mainFont;color:#900; font-size:30px;}

#dockContainer { position:absolute; top: 150px; left: -90px; font-family:mainFont; }
#jqDock { position: relative; bottom: 48px; width:90px; font-family:mainFont; }
.jqDockLabel { background: #333; color: #fff; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-family:mainFont;}
ul,ol,li { list-style:none; z-index:2000 }

textarea {font-family:Arial, Helvetica, sans-serif; color:#063; font-size:20px; resize:none; margin-top:10px; width: 254px;}

.container{width:1150px; height:auto; margin-left:auto; margin-right:auto; position:relative;}

.boxes {float:left; width:260px; height:auto; padding:10px; border:solid 1px #000; margin-left:5px; background-image:url(../activity/images/activityFourOneBg.jpg); box-shadow: 5px 5px 10px #000; display:none; }
.boxes h2 {color:#000; text-align:center; text-decoration:underline; font-family:mainFont; margin-top:2px; }

.paragraph {width:1130px; opacity:1; padding:5px; margin-bottom:0px; background-color:#FFF;margin-left:auto; margin-right:auto; padding-bottom:0px; background-image:url(../activity/images/activityFourOneParagraph.jpg); border-top-left-radius:150px; border-top-right-radius:150px;}
.paragraph h1 {text-align:center; text-shadow:2px 2px #000;}
.paragraph h2 {text-align:center; text-shadow:2px 2px #FFF;}
.paragraph p {text-align:center; text-shadow:1px 1px #FFF; font-weight:bold;}

#NextSection h1{font-size:16px !important; line-height:51px !important; margin-left:-8px; margin-top:4px;}
#NextSection a {color:#000; text-decoration:none;}
#NextSection:hover {opacity:0.8; color:#900 !important;}
#NextSection{margin-top:-25px; padding:15px;  position:absolute; top:15px; right:0px;  background-image:; background-repeat:no-repeat; width:113px; height:80px}


#BackSection h1 {font-size:20px !important; line-height:21px !important; margin-left:10px; margin-top:10px}
#BackSection a {color:#000; text-decoration:none;}
#BackSection:hover {opacity:0.8; color:#900 !important;}
#BackSection{margin-top:-25px; padding:15px;  position:absolute; top:15px; left:0px; background-image:; background-repeat:no-repeat; width:145px; height:61px}