body {margin:0; padding:0; background-color:#666666; font-family: arial, sans-serif; font-size: 12px; height:100%;}

.front {background-image: url('image/front.jpg'); border-style:solid; border-width:1px; color:#000000; width:600px; height:300px; position:relative; top: 150px;}

.welcome {width:300px; height:100px; position: absolute; left: 150px; top: 175px;}

.links /*index*/ {font-size: 16px; color: #000000; font-weight:bold;}

.main {background-color:#ffffff; width: 800px; position:relative;}

.top {position:relative;width:800px;height:200px;}

.titlemain {width:500px; height: 100px; position: absolute; top:100px; left: 175px;}

.titleproject {width:400px; height: 100px; position: absolute; top:125px; left: 150px;}

.content {width:800px;position:relative;text-align:left;}

.clear {position:relative;width:800px;height:25px;clear:both;}

.logo {background-image: url('image/logohome.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.rctlogo {background-image: url('image/logorct.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.ceredigionlogo {background-image: url('image/logoceredigion.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.caerphillylogo {background-image: url('image/logocaerphilly.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.torfaenlogo {background-image: url('image/logotorfaen.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.swansealogo {background-image: url('image/logoswansea.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.cymlogo {background-image: url('image/cymraeg/cymlogohome.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.cymrctlogo {background-image: url('image/cymraeg/cymlogorct.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.cymceredigionlogo {background-image: url('image/cymraeg/cymlogoceredigion.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.cymcaerphillylogo {background-image: url('image/cymraeg/cymlogocaerphilly.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.cymtorfaenlogo {background-image: url('image/cymraeg/cymlogotorfaen.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}
.cymswansealogo {background-image: url('image/cymraeg/cymlogoswansea.jpg'); width: 307px; height: 200px; position: absolute; top: 0; left: 0;}

.topleft {background-color: #ffffff; position: absolute; top: 0; left: 300px; width: 500px; height: 75px;}

.height {position:relative;top:0;left:0;background:transparent;height:450px;width:1px;float:right;}

.submenu {position:relative; background-color: #ffffff; color: #cc0000; font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; width: 125px;}
.rctsubmenu {position:relative;background-color: #ffffff; color: #ff6600; font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; width: 125px;}
.ceredigionsubmenu {position:relative;background-color: #ffffff; color: #009933; font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; width: 125px;}
.caerphillysubmenu {position:relative;background-color: #ffffff; color: #0066cc; font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; width: 125px;}
.torfaensubmenu {position:relative;background-color: #ffffff; color: #6600cc; font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; width: 125px;}
.swanseasubmenu {position:relative;background-color: #ffffff; color: #cc0066; font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; width: 125px;}


a:link {color: #000000; text-decoration:none; font-size:13px; font-weight:bold;}
.submenu a:link, a:visited {color: #cc0000; text-decoration:none; font-size:13px;}
.submenu a:hover {color: #cc0000; text-decoration:underline; font-size:13px;}
.rctsubmenu a:link, a:visited {color: #ff6600; text-decoration:none; font-size:13px;}
.rctsubmenu a:hover {color: #ff6600; text-decoration:underline; font-size:13px;}
.ceredigionsubmenu a:link, a:visited {color: #009933; text-decoration:none; font-size:13px;}
.ceredigionsubmenu a:hover {color: #009933; text-decoration:underline; font-size:13px;}
.caerphillysubmenu a:link, a:visited {color: #0066cc; text-decoration:none; font-size:13px;}
.caerphillysubmenu a:hover {color: #0066cc; text-decoration:underline; font-size:13px;}
.torfaensubmenu a:link, a:visited {color: #6600cc; text-decoration:none; font-size:13px;}
.torfaensubmenu a:hover {color: #6600cc; text-decoration:underline; font-size:13px;}
.swanseasubmenu a:link, a:visited {color: #cc0066; text-decoration:none; font-size:13px;}
.swanseasubmenu a:hover {color: #cc0066; text-decoration:underline; font-size:13px;}
a:visited {color: #333333; text-decoration:none; font-size:13px; font-weight:bold;}
a:hover {color: #000000; text-decoration:underline; font-size:13px; font-weight:bold;}

.digivid {width:550px; position:absolute; top:0px; left:175px; text-align:center;}

.flash {position: absolute; top: 85px; left: 550px; width: 250px; height: 500px;}

.text {background-color: transparent; position:absolute; top:-20px; left:150px; width: 380px; padding: 10px; text-align: left;}

.menubar {position: absolute; top: 55px; left:0; width:500px; height: 20px;}

.logos {text-align:center; margin-top:50px;}
.logos img {padding:10px;}

h1 {text-align:center; color: #cc0000; font-size:24px;}
h1.rct {text-align:center; color: #ff6600; font-size:24px;}
h1.ceredigion {text-align:center; color: #009933; font-size:24px;}
h1.caerphilly {text-align:center; color: #0066cc; font-size:24px;}
h1.torfaen {text-align:center; color: #6600cc; font-size:24px;}
h1.swansea {text-align:center; color: #cc0066; font-size:24px;}

.red {text-align:center; color: #cc0000; font-weight:bold;}
.orange {text-align:center; color: #ff6600; font-weight:bold;}
.green {text-align:center; color: #009933; font-weight:bold;}
.blue {text-align:center; color: #0066cc; font-weight:bold;}
.purple {text-align:center; color: #6600cc; font-weight:bold;}
.pink {text-align:center; color: #cc0066; font-weight:bold;}


.bottom {background-color: #cc0000; color: #ffffff; font-weight: bold; position:relative; width:800px; height: 50px;}
.rctbottom {background-color: #ff6600; color: #ffffff; font-weight: bold; position:relative; width:800px; height: 50px;}
.ceredigionbottom {background-color: #009933; color: #ffffff; font-weight: bold; position:relative; width:800px; height: 50px;}
.caerphillybottom {background-color: #0066cc; color: #ffffff; font-weight: bold; position:relative; width:800px; height: 50px;}
.torfaenbottom {background-color: #6600cc; color: #ffffff; font-weight: bold; position:relative; width:800px; height: 50px;}
.swanseabottom {background-color: #cc0066; color: #ffffff; font-weight: bold; position:relative; width:800px; height: 50px;}