*{font-size:100%; padding:0; margin:0;}
body{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.80em;text-align:center;line-height:1.4em;color:#4d4d4d;background:#fff;}
html{margin:0 0 20px 0;padding:0;}

#s4c-wrap-bg{clear:both;width:100%;background:#FFF;color:#555;text-align:left;font-size:1.05em;line-height:1.7em;}
#content{background:#fff/*#7D9327 0C6AA2*/;margin:0 auto;width:759px;}

#content.c-header{background:#0C6AA2 url("../img/ysgoloriaeth_08.jpg") no-repeat top left;}
#content-inner{width:759px;margin:0 auto;padding:0 0 0 0;background:transparent;}

#clip1, #clip2{padding:10px 0 0 0;}

#col-left{float:left;margin:0 0 0 10px;width:740px;padding:0 0 10px 0;text-shadow: 0 0 0 #000;}
#col-left img{padding:0 0.8em 0 0;}
#col-left ul{margin:0 0 1.2em 0;padding:0;list-style-type:none;}
#col-left ul li{margin:0;padding:0/*0.2em 0 0.2em 14px*/;background:url("../img/nav_bullet.gif") no-repeat top left}
#col-left ul.watch{margin:0 0 0 0;padding:0;list-style-type:none;}
#col-left ul.watch li{margin:0;padding:0 0 0 26px;background:url("/img/watch_sm_grey.gif") top left no-repeat;}
#col-left h4{margin:0 0 1em 0;padding:0;}
ul#innernav{margin:0;padding:0 0 0.8em 0;}
#innernav li{display:inline;list-style-type:none;padding:0 4px 0 0;background:none;}
#col-right{}
#col2-r{float:right;width:320px; margin:0px 20px 0px 0px;}
#col2-l{width:320px;}


h1{position:relative;height:215px;overflow:hidden;margin:0 0 10px 0;padding:0 0 5px 0;}
h1 span{display:block;position:absolute;height:215px;width:759px;top:0;left:0;background:transparent url("") no-repeat top left;}
h1#ysgoloriaeth span{background:url("../img/ysgoloriaeth_09.jpg") no-repeat top left;}
/*h1#ysgoloriaeth_c span{background:url("../img/ysgoloriaeth_09.jpg") no-repeat top left;border-bottom:2px solid #7D9327;}*/
h1#ysgoloriaeth_c span{background:url("../img/ysgoloriaeth_11.jpg") no-repeat top left;border-bottom:2px solid #7D9327;}

h2 {font-size:1.2em;margin:0 0 0.4em 0;padding:0;text-shadow: 0 0 0 #000;line-height:1.3em;}
h3 {font-size:1em;margin:0;padding:1em 0 0 0;text-shadow: 0 0 0 #000;line-height:1.2em;}
p {font-size:1em;padding:0;margin:0 0 1.5em 0;}
p strong{text-shadow: 0 0 0 #000;color:#FFF;}
p.preview{margin:0;padding:0 0 0.4em 26px;background:url("../img/watch.gif") top left no-repeat;}


#col-left a{margin:0;border-bottom:1px solid #d4d4d4;color:#7D9327 /*d4d4d4*/;text-decoration:none;padding:0 0 0.1em 0;}
#col-left a:hover{margin:0;border-bottom:1px solid #969696;color:#7D9327/*#969696*/;text-decoration:none;padding:0 0 0.1em 0;}
#col-left a:active{margin:0;border-bottom:1px solid #1d1d1d;color:#9FB04B;text-decoration:none;padding:0 0 0.1em 0;}

#rightcolumn {float:right;padding:0 0 0 0;margin:0 0 0 0;width:255px;}
#rightcolumn ul{margin:0;padding:0;list-style-type:none;text-shadow: 0 0 0 #000;font-weight:bold;}
#rightcolumn li {margin: 0 0 1px 0; }
#rightcolumn a{display:block;padding: 0.2em 0 0.3em 0;width:255px;color:#fff;border-bottom:1px solid #1d1d1d;text-decoration:none;}
#rightcolumn a:hover{color:#9FB04B;text-decoration:none;}
#rightcolumn ul ul li {margin:0 0 0 0; }
#rightcolumn ul ul a{display: block;font-weight:normal;padding: 0.2em 0 0.2em 14px;color:#fff;text-decoration: none;border-bottom:none;background:url("../img/nav_bullet.gif") no-repeat top left;}
#rightcolumn ul ul a:hover{color:#9FB04B;text-decoration: none;}

#flashpromo{padding:1em 0 0 0}
.right{float:right;margin:0 0 0 10px}

#timeline{border-left:1px solid #292B1E;}
#timeline h3{margin:0 0 0.4em 0;padding:0 0 0 12px;text-shadow: 0 0 0 #000;}
#timeline h4{font-size:1.4em;margin:0 0 0.4em 0;padding:0 0 0 12px;text-shadow: 0 0 0 #000;background:url("../img/timeline_bullet.gif") no-repeat top left}
#timeline p{margin:0 0 1.2em 0;padding:0 0 0 12px;}

#col-left p a.play {padding:0 0 0.1em 16px;background:url(../img/watch_sm_grey.gif) top left no-repeat;}
#col-left p.play a:hover {padding:0 0 0.1em 16px;background:url(../img/watch_sm_grey.gif) top left no-repeat;}

#tx {margin:1em 0 1.5em 0;background: url("../img/owl_computer.gif") no-repeat bottom right;}
#tx p{text-shadow: 0 0 0 #000;margin:0;padding:0.2em 0 0 0;}
#tx strong{text-shadow: 0 0 0 #000;font-weight:bold;}
#tx p a{margin:0;color:#9FB04B;text-decoration:none;padding:0 0 0.1em 0;border-bottom:none;}
#tx p a:hover{margin:0;color:#cbd8ba;text-decoration:none;padding:0 0 0.1em 0;border-bottom:none;}

#col-left a.pic {border-bottom:none;}
#col-left p.pic a:hover {border-bottom:none;}

#footer {clear:both;}

#answer {border:none;}
#personal-details {border:none;}

/* Side Nav */
#sideNav {margin:0 0 0 1.5em;float:right;background:#7D9327;width:200px;}

/* Generic side links styles */
#sideNav ul, #sideNav p{list-style-type:none;margin:0 0 0.7em 0;padding:0.2em /*0 0 0.6em 0*/;line-height:1.6em;}
#sideNav ul li {color:#fff; margin:0 2em 0 0;padding:0.3em 0em 0.2em 1em;}
#sideNav ul li a{color:#fff;border-bottom:1px solid #96AA48;}
#sideNav ul li a:hover{color:#fff;padding:0; border-bottom:1px solid #BBCD77;}
#sideNav ul li.indent a{color:#d8e5a7;border-bottom:1px solid #96AA48; margin:0 0 0 15px;}
#sideNav ul li.indent a:hover{color:#fff;border-bottom:1px solid #96AA48; margin:0 0 0 15px;}
#sideNav ul li.tx {color:#fff; margin:0;padding:0.3em 0em 0.2em 0.6em; font-size:1.1em;}

/*#sideNav ul li.watch{margin:0 0 1.2em 0;padding:0;list-style-type:none;}*/
#sideNav ul li.watch {margin:0.4em 0 0 1em;padding:0 0 0.4em 26px;background:url("/img/watch_green.gif") top left no-repeat;}


.cyst_left {width:235px; /*url("../img/cyst_llio.jpg") top center no-repeat; */background:#fff; float:left;padding:10px 2px 5px 10px;margin:10px 8px 0 0; border:1px solid #ccc; height:80px;}
.cyst_left a {color:#333333;font-size:1em;}
.cyst_left ul li{padding:0;font-size:0.9em;}
.cyst_left img {float:right; padding:0;}
.cyst_left p{color:#333333; padding:0; font-size:0.9em;}

#schedule ul li a{padding:0 0 0.1em 0;margin:0em 0em 0.8em 0em;}
#schedule ul li.tight {padding:0 0 0.8em 0; margin:0 0 0 0;}

.enillydd {width:250px; /*background:url("../img/manon.jpg") top center no-repeat;*/background:#fff; float:left;padding:0;margin:0 8px 0 0;}
.clear {clear:both; margin:0 0 20px 0;}

.onlineNav{/*width:300px;float:right; margin:0px 0px 5px 0px;text-align:right;*/padding:1px;border:1px solid #dadada; background:#fff;margin: 0.8em 0 1.5em 10px; width:510px;}
.onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.2em 0em 0.5em 0.6em;}
.onlineNav ul  {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;}
.onlineNav ul li{padding:0em 0em 0em 0.5em;}
.onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;}
.onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:#DCDDE0;}
.onlineNav_inner ul{margin:0.5em 0 0.3em 0.5em;padding:0;}
.onlineNav_inner ul li{padding:0em 0em 0.2em 0.5em;}
.onlineNav_inner ul li a{color:#000018;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;}
.onlineNav_inner ul li a:hover{color:#4d4d4d;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;}
.onlineNav_inner  ul li.watch a{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;}
.onlineNav_inner  ul li.watch a:link{color:#000018 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;}
.onlineNav_inner  ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;}