/* CSS Document */


body {
background:#ccc;
margin:0;
padding:0;
font-family: "Trebuchet MS",Arial,Helvetica; 
color: #333;
}

a {color: #666; font-weight: bold;}
a:hover {color: #333; text-decoration: none;}

#hidden {
display: none;
}

#header {
width: 900px;
height: 240px;
background:url(http://www.hirst-hafod.co.uk/assets/images/header.jpg) no-repeat top;
}

#container {
margin: 0 auto;
width: 900px;
background: #fff;
}

#navigation {
top: 165px;
position: relative;
font-size: 13pt;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0 0 0 15px;
}

#navigation li {
float: left;
padding: 0 20px 0 0;
}

#navigation a {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#navigation a:hover {
color: #edede;
text-decoration: underline;
}


#content {
clear:both;
padding: 0 25px 10px 25px;
}

.maps {
float:right;
width: 402px;
margin: 0 0 10px 5px;
}

.maps img {
border: 1px solid #ccc;
padding: 2px;
margin-bottom: 5px;
}

.img_border {
border: 1px solid #ccc;
padding: 2px;
}

.img_border_right {
border: 1px solid #ccc;
padding: 2px;
float: right;
margin: 10px 0 10px 10px;
}

span, .required {color: #F00; font-weight:bold}
h4 {text-align:center}
fieldset {font-size: 90%; border: 1px solid #999; padding: 10px; margin-bottom: 10px;}
legend {padding: 0 15px; font-weight: bold; color: #5c7300;}
label span {float: left; width: 200px; color: #333 !important; font-weight: normal !important}

.title {float: left; width: 200px;}
.smallprint {font-size: 8pt}
#calendar {margin: 0 auto; width: 700px;}
.calendar_shell {width: 335px;float: left; border: 5px solid #ccc; margin: 5px; height: 220px; font-size: 11pt;padding: 0 5px;}

.calendar_shell table td, .calendar_shell table th, .calendar_shell table {font-size: 10pt; border: 1px solid #ccc; border-collapse: collapse}

.smoking {border: 3px solid #e00025; margin: 0 auto; width: 500px; text-align: left;background:url(http://www.hirst-hafod.co.uk/assets/images/smoking.gif) no-repeat right;}
.smoking p {font-size: 12pt; padding: 0 80px 0 20px;}

.info {border: 3px solid #9ee000; background:#f3feda; margin: 0 auto; width: 500px; text-align: left;}
.info p {font-size: 10pt; padding: 5px 20px 5px 20px;}

.center {text-align:center}

#footer {
clear: both;
height:105px;
text-align: left;
background:url(http://www.hirst-hafod.co.uk/assets/images/footer.jpg) repeat-x;
}

#footer p {padding: 25px 10px 10px 120px; margin: 0;}