*{padding:0; margin:0;}

#s4c-head2, #s4c-foot2 {font-size:0.8em;}

body{color:#fff;font-family: Arial, Helvetica, sans-serif; }

#background {width:100%;}

#content_back{background:url(../img/cwmsal_bg.jpg) repeat-x #f04284; padding:0 0 10px 0;}

#content-wrapper {width:758px; margin:auto;} 

#cwmsal_header{background:url(../img/cwmsal_header.jpg) no-repeat; height:273px; width:567px; float:left;}
#cwmsal_header h1{text-indent:-2000px;}

.teulu_thomas{width:173px; float:left; background: url(../img/csci_thomas.jpg) #8203bb; margin:6px 0 0 6px; padding:6px; height:60px}
.teulu_vokins{width:173px; float:left; background:url(../img/csci_vokins.jpg) #1731ce;margin:6px 0 0 6px;padding:6px;height:60px}
.teulu_owens{width:173px; float:left; background:url(../img/csci_owens.jpg) #0b860c;margin:6px 0 0 6px;padding:6px;height:60px}

.teulu_thomas p, .teulu_vokins p, .teulu_owens p{font-size:1.6em; font-style:italic; font-weight:normal;}
a .teulu_thomas, a .teulu_vokins, a .teulu_owens{color:#fff;}

a:hover .teulu_thomas{background:url(../img/csci_thomas1.jpg) #8203bb;}
a:hover .teulu_vokins{background:url(../img/csci_vokins1.jpg) #1731ce;}
a:hover .teulu_owens{background:url(../img/csci_owens1.jpg) #0b860c;}

#cwmsal_left{width:566px;float:left}
#cwmsal_left p{font-size:0.9em; padding:5px 0 5px 0; line-height:1.4em;}
#cwmsal_left p.intro{font-size:1em; padding:5px 0 5px 0; line-height:1.4em;}
#cwmsal_left h2{font-size:1.2em; font-weight:normal; padding:0 0 5px; border-bottom:1px dashed #97cc37 /*#16a3c7;*/}
#cwmsal_left h2 a:hover{ color:#97cc37; border-bottom:none;}
#cwmsal_left h3{font-size:1.1em; font-weight:normal; padding:5px 0 0 0;}
#cwmsal_left .content1{background:#e4007a; padding:10px; margin:6px 0 0 0;}
#cwmsal_left .content2{background:#e4007a; padding:10px; width:260px; margin:6px 6px 0 0; float:left;}
#cwmsal_left .content3{background:#e4007a; padding:10px; width:260px; margin:6px 0 0 0; float:left;}

#cwmsal_left .teulu_1{background: url(../img/teulu_thomas.jpg) no-repeat #e4007a; padding:10px; width:165px; margin:6px 6px 0 0; float:left;}
#cwmsal_left .teulu_2{background:url(../img/teulu_vokins.jpg) no-repeat #e4007a; padding:10px; width:165px; margin:6px 6px 0 0; float:left;}
#cwmsal_left .teulu_3{background:url(../img/teulu_owen.jpg) no-repeat #e4007a; padding:10px; width:164px; margin:6px 0 0 0; float:left;}

#cwmsal_left .teulu_1 h2, #cwmsal_left .teulu_2 h2, #cwmsal_left .teulu_3 h2{padding:105px 0 0 0;}

#cwmsal_left a{color:#fff;text-decoration:none; border-bottom:1px solid #f04284;}
#cwmsal_left a:hover{ border-bottom:1px solid #fff;}

#cwmsal_left ul.dolen li{ list-style-type:none; padding:9px 0 0 0;}
#cwmsal_left ul.dolen li a{color:#fff;text-decoration:none; border-bottom:1px solid #f04284;}
#cwmsal_left ul.dolen li a:hover{ border-bottom:1px solid #fff;}
#cwmsal_left ul li{font-size:0.9em; padding:5px 0 0 0; margin:0 0 0 14px;}

#cwmsal_left img{padding:1px; border:1px solid #f04284;}
#cwmsal_left img.right{float:right; margin:5px 0 0 0;}

#cwmsal_left ul.teulu_holi li{list-style-type:none;}
#cwmsal_left ul.teulu_holi li.cwestiwn{font-size:1.2em; padding:10px 0 0 0; color:#d7b1e8;}

#cwmsal_left .teulu_right{float:right; width:200px;}

#cwmsal_left .teulu_img{background:#f04284; float:right; padding:2px; margin:10px 0 0 0;}
#cwmsal_left .teulu_img p{font-size:1.1em; padding:0 0 0 5px;}

#cwmsal_left #clip_cwmsal{padding:15px 0 15px 0;border-bottom:1px dotted #97cc37}

#cwmsal_right{width:191px;float:left;}
#cwmsal_right ul{color:#fff; text-align:right; padding:6px 0 0 0;}
#cwmsal_right ul li{list-style-type:none;padding:0 0 7px 0;}
#cwmsal_right ul li a{color:#fff; text-decoration:none; font-size:1.7em; padding:3px 0 3px 5px;}
#cwmsal_right ul li a:hover{background:#95cc39;}
#cwmsal_right ul li.tx{font-size:1.15em; padding:0 0 10px 0;}
#cwmsal_right ul li.watch{ font-size:0.8em;}
#cwmsal_right ul li.watch a{background:url(../img/watch.jpg) no-repeat; padding:0 0 0 30px;}
#cwmsal_right ul li.watch a:hover{background:url(../img/watch_over.jpg) no-repeat #95cc39;}
#cwmsal_right ul li.indent a{color:#fff; text-decoration:none; font-size:1.3em; padding:3px 0 3px 5px;}

.clear{clear:both;}

#cwmsal_left .sylwadau1{}
#cwmsal_left .sylwadau1 p{color:#fff;}
#cwmsal_left .sylwadau1 p.enw{color:#f5b4cc; font-size:1.2em; padding:10px 0 5px 0;}
#cwmsal_left .sylwadau1 p.sylw{color:#fff; border-bottom:1px dashed #f04284; padding:0 0 20px 5px;}

/*Generic form style*/
#personal-details label{display:block;}
#answer label{display:block;}
#cwmsal_left form{color:#fff; padding:0 20px 0 0;}
form p strong{color:red;}
fieldset{border:0;margin:0;padding-bottom:0;}
legend{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.5em 0.5em 0.4em 0;color:#494949;margin:0;font-weight:normal;}
legend.blue{color:#494949;}
legend.grey{color:#494949;}
label{clear:both;}
input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0.1em;margin-top:0.5em;margin-bottom:1.5em;}
textarea{height:10em;margin-bottom:0;width:98%}