body {text-align:center;margin:0;list-style-image: url(../images/tick.jpg); background-color:#831904}
.outer {width: 767px; margin: 0 auto; text-align:left;  }
.outerbg {width: 100%; margin: 0 auto; text-align:left; background:url(../Images/mainbg.gif) top center; padding:0 0 30px 0; float:left}
.header {width: 767px; height:311px; background:url(../Images/header_home.jpg) center no-repeat; float:left}
.headerrooms {width: 767px; height:311px; background:url(../Images/rooms.jpg) center no-repeat; float:left}
.headerenviro {width: 767px; height:311px; background:url(../Images/enviro.jpg) center no-repeat; float:left}
.headercon{width: 767px;height:311px;float:left;background-image: url(../Images/accom.jpg);background-repeat: no-repeat;background-position: center;}
.headercont{width: 767px;height:311px;float:left;background-image: url(../Images/cont.jpg);background-repeat: no-repeat;background-position: center;}
.headerloc{width: 767px; height:311px; background:url(../Images/location.jpg) center no-repeat; float:left}
.headercoach{width: 767px; height:311px; background:url(../Images/coach.jpg) center no-repeat; float:left}

.headercar{width: 767px; height:311px; background:url(../Images/cardiff.jpg) center no-repeat; float:left}
.outer .nav {float:left; height:49px}
.outer .nav ul { padding:13px 10px 10px 15px;  margin:0;}
.outer .nav li {display: inline;font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;font-size: 0.9em; padding: 11px 28px 0 0}
.outer .nav li.on  a { color:#FFCC00}
.outer .nav a {color:#FFFFFF; text-transform: uppercase; text-decoration:none}
.outer .nav a:hover {color:#ff; text-transform: uppercase; text-decoration:underline}
.outer .maincontent .leftcol {float: left;width: 250px;}
.outer .maincontent .rightcol {float: right;width: 490px; margin:0 8px 0 0 }
.outer .maincontent {width: 767px; margin: 0 auto; text-align:left; }
h3 {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;font-size: 1em;text-transform: uppercase;font-weight: normal; margin:10px 0 0 0; color:#7b7b7b}
.outer .maincontent .leftcol h4 {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;font-size: 0.8em;font-weight: normal; margin:14px 0 0 10px; color:#535353}
.red {color:#811607}
.outer .maincontent .rightcol h4 {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;font-size: 0.9em;font-weight: normal; margin:14px 0 0 0; color:#b84545}
.red {color:#811607}
.outer .maincontent .leftcol ul {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;font-size: 0.7em; color:#444444}
.outer .maincontent .leftcol li {padding: 0 0 5px 0;}
.outer .maincontent .rightcol p {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;color: #7b7b7b; font-size: 0.8em;}
.outer .maincontent .rightcol ul {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial;color: #7b7b7b; font-size: 0.8em; list-style-image:none}
.footerarea {background: url(../Images/bottombg.gif) repeat-x #831904;width:100%;float:left;height:60px; margin:0}
.footerarea .text {width: 767px; margin: 0 auto; text-align:left; }
.textleft {float:left; color:#FFFFFF; font: 0.7em "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial; margin:5px 0 0 8px}
.textright {float:right; color:#FFFFFF; font: 0.7em "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial; margin:5px 8px 0 0}
.textright a {color:#FFFFFF}
.biglink {font-size: 1.2em;color:#d5aa00}
.biglink a {color:#811607}
.biglink a:hover {color:#009900}
.outerbg .outer .tabsystem {background-color: #241006;float: right;height: 24px;width: 767px;}
.outerbg .outer .tabsystem .bab a { color:#000; font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial; font-size:0.8em}
.outerbg .outer .tabsystem .Catering a { color:#FFFFFF; font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial; font-size:0.8em}
.outerbg .outer .tabsystem .Catering {float: right;height: 24px;width: 110px;text-align:center;background-image:url(/Images/offtab.gif)}
.outerbg .outer .tabsystem .bab {float: right;height: 24px;width: 110px;text-align:center;background-image:url(/Images/ontab.gif)}