body {
min-width: 630px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */ background-color: #666;text-align:left; font-family: verdana, arial, sans-serif; line-height: 110%;  font-size: 80%; color: #666;}

p { line-height: 140%; color: #fff;}


a:link, a:visited, a:active {color: #03c; text-decoration:none;}

li { line-height: 140%; color: #fff;}

a:hover {color: #036; text-decoration:none;}

h1 {letter-spacing:4px;line-height: 100%;}
h2 {line-height: 120%; color: #fff;}

.red  {color:#600;}
.terms {font-size:smaller;}
.quote {font-style:italic; float:right;}
.i {font-style:italic;}
.b {font-weight:bold;}
.right {float:right;}
#bg {background-image:url("im/get_away_Welsh_holiday.jpg"); background-repeat:no-repeat; margin-left: auto;
margin-right: auto;
border-width: 1px;
border-style:outset;
border-color: #036;
width:800px;
height:636px;}
.col {width:250px;}
.border {border-width: 1px; padding-left:5px; padding-bottom:2px; border-color: #036;}
/* positioning ============================= */

#container {
padding-left: 200px;   /* LC fullwidth */
}

#container .column {
position: relative;
float: left;
}

#center {
padding: 10px 20px;    /* CC padding */
width: 560px;
}

#left {
width: 170px;          /* LC width */
padding: 0 20 0 10px;       /* LC padding */
right: 180px;          /* LC fullwidth + CC padding */
margin-left: -100%;
}

#footer {
height:145px;
}

/* main-menu ========== */


#main-menu ul {
list-style:none;		/* removes bullets */
margin:0;
 padding:0px;
 border-width: 1px; border-style:outset; border-color: #036;
}

#main-menu li {
line-height:normal;
font-size:10pt;
}

a.menu  {color: #fff;  font-size:11pt; padding:1px;}
a.menu:hover {color: #036; font-size:11pt; padding:1px;}

#main-menu li a {
display:block;
padding:3px 4px 3px 25px;	/* the last number (16px) must be big enough to accomodate the width of your rollover image */
margin-bottom:0px;
/* you can change background color of button here (#ddd). the pixel measurement (3px) is x-axis of your rollover image */
background: #666 url(im/g.gif) 3px 50% no-repeat;
color:#fff;	/* color of button text */
text-decoration:none;
}

/* nasty hack for IE/pc (you must leave all of this in including comments)*/

/* hide from Mac IE \*/
* html #main-menu li a {
height:1%;
}
/* end hack */


/* the magic bit */
#main-menu li a:hover {
/* this line MUST be the same as the one above except with your rollover image in it instead */
background:#fff url(im/g2.gif) 3px 50% no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666;  text-decoration: none; 		
}