body {
text-align:center;
background-color: #22558b;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #ffffff;
margin:0px;
background-image:url('/images/bg.jpg');
}

a:link {  color: #ffffff; text-decoration: none}
a:active {  color: #ffffff; text-decoration: none}
a:visited {  color: #ffffff; text-decoration: none}
a:hover {  color: #ffffff; text-decoration: underline}

h1 {
  font-size: 12pt;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
h2 {
  font-size: 11pt;
  padding: 0px;
  margin: 0px 0px 3px 0px;
}
h3 {
  font-size: 10pt;
  padding: 0px;
  margin: 0px 0px 2px 0px;
}
/* layout */

#holder {
width:902px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
}
#content {
float: left;
width:902px;
margin-right:auto;
margin-left:auto;
margin-top:9px;
padding-bottom:9px;
text-align:center;
}


/* header */

#header {
float: left;
width: 902px;
height: 107px;
background-image:url('/images/header_img_home.jpg');
border-bottom:1px solid #d1d1d1;
}
#logo1 {
float: left;
width: 86px;
height: 92px;
margin: 15px 0px 0px 1px;
padding:0px;
}
#logo2 {
float: left;
width: 800px;
height: 70px;
margin: 0px;
padding:0px;
}

/* nav */

#nav {
position:relative;
float: right;
width: 800px;
height: 36px;
margin: 71px 0px 0px 0px;
padding:0px;
}
#navHome {
position:relative;
float: right;
width: 800px;
height: 36px;
margin: 1px 0px 0px 0px;
padding:0px;
}
#navul  {
float: left;
height:36px;
width:auto;
display:inline;
margin: 0px;
padding: 0px;
list-style: none;
}
#nav li, #navHome li {
float: left;
font-size:120%;
height: 36px;
line-height: 36px;
}
#nav li a, #nav li a:visited, #navHome li a, #navHome li a:visited {
float: left;
display:inline;
padding: 0px 10px 0px 10px;
color:#fff;
}
#nav li a:hover , #navHome li a:hover {
float: left;
display: inline;
text-decoration:none;
background-color:#fff;
color:#255D9A;
}

/* rollover menu style */

.rolloverMenu {
display: block;
position: absolute;
left:0px;
top:0px;
width: 260px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
visibility: hidden;
z-index: 3;
}

.rolloverMenu ul {
padding:0px;
margin:0px;
}

.rolloverMenu li {
display: block;
position:relative;
margin:0px;
padding:0px;
width:260px;
height:36px;
z-index: 4;
}

.rolloverMenu li a, .rolloverMenu li a:visited {
width: 260px;
display: block;
position:relative;
border-top: 1px solid #d1d1d1 !important;
border-top: 0px solid #d1d1d1 ;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
background-color:#255D9A;
text-decoration: none;
text-align: left;
font-weight:normal;
padding: 0px 0px 0px 0px;
z-index: 5;
}

.rolloverMenu li a:hover{
width: 260px;
position:relative;
text-decoration: none;
z-index: 6;
background-color:#ffffff;
color:#255D9A;
}


/* home page layout */

#flashBox {
float: left;
width: 900px;
height: 391px;
border: 1px solid #d1d1d1;
border-top:0px;
}


/* main content areas */

#main {
float: left;
width: 902px;
height: auto;
}

#col1 {
float: left;
width: 256px;
height: auto;
margin: 0px 22px 0px 0px;
display: inline;
}
#col2 {
float: left;
width: 622px;
height: auto;
margin: 7px 0px 0px 0px;
text-align:left;
display: inline;
}
.c1boxHead {
float:left;
width:256px;
height:auto;
margin: 7px 0px 0px 0px;
}
.c1boxMain {
float:left;
width:236px;
height:auto;
padding: 10px 10px 0px 10px;
color:#000;
text-align:left;
}
.c1boxMW {
background-image:url('/images/col_w_bg.gif');
}
.c1boxMB {
background-image:url('/images/col_b_bg.gif');
}
.c1boxFoot {
float:left;
width:256px;
height:auto;
}
.c1boxGal {
float:left;
width:230px;
height:auto;
margin: 0px 0px 5px 6px;
display: inline;
}
.c1boxGal img{
float:left;
margin:0px 4px 4px 0px;
border: 1px solid #fff;
}


/* home page stuff */

.welcomeText {
float:left;
width:622px;
height:auto;
padding: 0px 0px 10px 0px;
text-align:justify;
display: inline;
}
.newsDate {
float:left;
width:64px;
color:#77aff1;
font-weight:bold;
display: inline;
}
.newsText {
float:left;
width:220px;
margin: 0px 20px 0px 5px;
display: inline;
}
.newsLink {
float:right;
display: inline;
}


/* page elements */

.pageHeaderBox {
float:left;
width:622px;
height:auto;
margin: 0px 0px 10px 0px;
display: inline;
}
.mainPageText {
float:left;
width:622px;
height:auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align:justify;
}


/* news page */

.newsArticleText {
float:left;
width:557px;
text-align:justify;
margin: 0px 0px 10px 0px;
}
.archiveLink a {
margin: 0px 5px 5px 0px;
color:#255D9A;
}


/* footer */

#footer {
float:left;
width: 882px;
height: 33px;
line-height: 33px;
text-align:left;
font-size: 10pt;
padding:0px 10px 0px 10px;
margin: 9px 0px 0px 0px;
background-image:url('/images/footer.jpg');
}
#footer a, #footer a:visited {  color: #ffffff; text-decoration: none}
#footer a:hover {  color: #ffffff; text-decoration: underline}

div.customerBox {
  width:    605px;
  float:    left;
  margin-bottom: 10px;
  padding:  5px;
  border:   1px solid white;
}
div.customerBox h1{
  padding: 0px;
  margin: 0px 0px 5px 0px;
  font-size: 11pt;
}
div.customerBox p {
  padding: 0px 0px 2px 0px;
  margin: 0px;
}

div.staffBox {
  width:  285px;
  height: 200px;
  float:  left;
  padding:  5px;
  margin: 0px 5px 5px 0px;
  border: 1px solid white;
  text-align:left
}
div.staffBoxContact {
float:left;
  width:  285px;
  height: auto;
  margin: 5x 0px 0px 0px;
}
div.staffBox div.imageBox {
  width:  127px;
  height: auto;
  padding:  0px;
  float: left;
  text-align: left;
  margin: 0px 5px 5px 0px;
}
div.staffBox div.imageBox img {
  border: 1px solid white;
}
/* div.staffBox div.detailsBox { */
/*   width:  150px; */
/*   float: right; */
/* } */
div.staffBox div.detailsBox h1 {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  font-size: 14pt;
}
div.staffBox div.detailsBox h2 {
  padding: 0px;
  margin: 0px 0px 3px 0px;
  font-size: 10pt;
}

div#locationMap {
  float: right;
  width:  348px;
  height: 348px;
  border: 1px solid white;
}

div.gallery_menu {
  float: left;
  width:  615px;
  text-align: center;
  margin-bottom: 10px;
}
div.gallery_menu div.item {
  margin: 5px;
  font-size: 10pt;
  font-weight: bold;
  float: left;
}
div.gallery_image_holder img {
  border: 1px solid white;
  margin: 0px 5px 5px 0px;
}
div.newsArticleText img {
  float: right;
  border: 1px solid white;
  margin: 0px 0px 2px 10px;
}

form.contact_form,
form.quote_form {
  border: 1px solid white;
  padding: 5px;
}

form.contact_form {
  float: right;
  width:  334px;
  display: inline;
}
form.quote_form {
  float: left;
  width:605px;
}
form.quote_form fieldset {
  width: 575px;
  margin-bottom: 10px;
  padding:  10px;
}

div.formRow {
  float: left;
  margin-bottom: 2px;
  width:  620px;
}
form.contact_form div.formRow {
  width: 334px;
}
form.quote_form div.formRow {
  width: 565px;
}

div.formHeader {
  float: left;
  font-weight: bold;
  margin-right: 5px;
  width:        200px;
}

div.formBody {
  float: left;
}
div.c1boxMain form.contact_form div.formRow {
  width: 225px;
}
form.contact_form div.formRow div.formHeader {
  width: 120px;
}
form.quote_form div.formRow div.formHeader {
  width:  200px;
  text-align: left;
}
form.contact_form input,
form.contact_form textarea,
form.quote_form input.a,
form.quote_form textarea.a,
form.quote_form input.b,
form.quote_form textarea.b {
  border: 1px solid #AAAAAA;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
}
form.contact_form input.submitbutton,
form.quote_form input.submitbutton {
  color: white;
  font-weight: bold;
  background-color: #255D9A;
  border: 0px;
  padding: 2px 5px;
}

form.contact_form input.a_mm,
form.contact_form textarea.a_mm,
form.quote_form input.a_mm,
form.quote_form textarea.a_mm,
form.quote_form input.b_mm,
form.quote_form textarea.b_mm {
  border: 1px solid #FF0000;
  background-color: #FFFF00;
}
form.contact_form div.formBody input,
form.contact_form div.formBody textarea,
form.contact_form div.formBody select {
  width:  200px;
}
form.quote_form div.formBody input.a,
form.quote_form div.formBody input.a_mm,
form.quote_form div.formBody textarea.a,
form.quote_form div.formBody textarea.a_mm {
  width:  350px;
}
form.quote_form div.formBody input.b,
form.quote_form div.formBody input.b_mm,
form.quote_form div.formBody textarea.b,
form.quote_form div.formBody textarea.b_mm {
  width:  100px;
}

div.formerrors, div.formmessages {
  float: left;
  margin-bottom: 5px;
  border-bottom: 1px solid white;
  padding-bottom: 5px;
}
form.contact_form div.formerrors,
form.contact_form div.formmessages {
  width: 340px;
}
form.quote_form div.formerrors,
form.quote_form div.formmessages {
  width: 600px;
}

div.c1boxMain div.formmessages,
div.c1boxMain div.formerrors {
  width:  225px;
  border-color: #255D9A;
}
div.c1boxMain form.contact_form  div.formBody input,
div.c1boxMain form.contact_form  div.formBody textarea {
  width: 220px;
}
div.c1boxMain form.contact_form {
  width: 225px;
}

div.testColumn {
  float: left;
  width: 290px;
  margin: 10px 0px 0px 0px;
}
div.testColumnLast {
  float: right;
}
div.testBox {
  margin-bottom: 20px;
  float: left;
  width:  280px;
}
div.testColumnLast div.testBox {
  float: right;
}



div.testName {
  float: left;
  width: 280px;
  text-align:right;
  font-weight: bold;
  margin: 5px 0px 20px 0px;
  font-size: 1.1em;
}

div.job_holder {
  float: left;
  margin-bottom: 5px;
  border-bottom: 1px solid #888888;
  padding-bottom: 5px;
  width: 600px;
}
div.job_holder p { padding: 0px; margin: 0px 0px 5px 0px; }
div.job_holder p.moreinfo {
  font-size: 0.9em
}

/* christmas timetable */

.xmasTimetable {
width:100%;
height:auto;
margin: 20px 0px;
border:1px solid #fff;
border-collapse:collapse;
}
.xmasTimetable td{
border:1px solid #fff;
padding: 5px 5px;
}