/*
66d2ff - light blue
004087 - dark blue
333333 - dark gray
2580a2 - other blue
86badd - background bottom blue
*/


body {
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #444444; line-height: 1.1;
padding: 0px; margin: 0px;
background-color: #86badd;
background-image: url('images/background.jpg'); background-position: top left; background-repeat: repeat-x;
}

br.both { clear: both; }

div.container	{ width: 900px; border: 1px solid #14335e; background-color: #ffffff; margin: 10px auto; }

h1 { width: 900px; margin: 10px auto; text-align: center; font-size: 90%; color: #888888; }
h2 { font-size: 200%; }
h2, h3, h4, h5 { color: #004087; margin: 15px; }

img.logo { border: 0px; margin: 0px; }

/* div.header { background-image: url('images/contactdetailsbackground.jpg'); background-position: top right; background-repeat: no-repeat; } */
div.logodiv { float: left; margin-top: 5px; }
div.contact_details { background-color: #2580a2; font-size: 100%; float: right; text-align: center; width: 310px; margin: 0px; padding: 4px 4px 4px 0px; color: #ffffff; }
div.contact_details p { margin: 3px; }
div.contact_details strong { font-size: 160%;  }
div.contact_details a { color: #ffffff; }

.highlight { font-size: 120%; color: #ffffff; font-weight: bold;	}
.reallyhighlight { font-size: 150%; color: #ffffff; font-weight: bold;	}

div.nav { float: left; width: 900px; background-color: #14335e; color: #ffffff; border-bottom: 8px solid #2580a2; border-top: 1px solid #000000; }
div.nav a { font-size: 110%; float: left; color: #ffffff; padding: 10px 30px 10px 30px; text-decoration: none; border-left: 1px solid #14335e; border-right: 1px solid #14335e; }
div.nav a:hover { background-color: #2580a2; border-left: 1px solid #000000; border-right: 1px solid #000000;}

div.main { border-top: 1px solid #000000; width: 100%; background-image: url('images/mainbackground.jpg'); background-position: top left; background-repeat: no-repeat; padding-bottom: 20px; }

div.left { float: left; width: 200px; color: #dddddd; }
div.left ul { float: left; list-style-type: none; width: 200px; margin: 0px 0px 20px 0px; padding: 0px; text-align: left; border-top: 1px solid #444444; }
div.left li { width: 200px; }
div.left a { background-color: #555555; color: #dddddd; width: 180px; font-weight: bold; text-decoration: none; display: block; padding: 10px 5px 10px 15px; border-bottom: 1px solid #444444; }
div.left a:hover { background-color: #2580a2; color: #ffffff;  }
div.left p { width: 150px; margin-left: 25px; text-align: center; }
div.left img#karen { margin: 10px 25px 0px 25px; border: 1px solid #dddddd; }

div.right { float: right; width: 699px; }
div.right p { margin: 15px; color: #333333; line-height: 120%; }
div.right ul { color: #333333; }
div.right ol { color: #333333; }
div.right ul li { line-height: 150%; }

table#qualifications { margin-left: 15px; }
table#qualifications td { padding: 10px; vertical-align: top; }

table.services { margin-left: 15px; }
table.services td { padding: 5px; vertical-align: top; }

table.addresses { margin-left: 100px; }
table.addresses td { padding: 5px; vertical-align: top; }

div.footer { color: #222222; width: 900px; margin: 10px auto; text-align: right;  }
div.footer a { text-decoration: none; color: #222222;}
div.footer a:hover { text-decoration: none; color: blue; }
div.footer strong { font-size: 120%; }
div.footeraddress { width: 170px; float: left; text-align: center; margin-bottom: 30px;}

img.right { float: right; margin: 20px; padding: 2px; border: 1px solid #004087; }


div#contactform { margin-left: 20px; border: 1px solid #aaaaaa; width: 550px; padding: 0px 10px 10px 10px; }
div#contactform h3 { margin: 10px 0px 0px 0px; }
div#contactform label { margin-bottom: 10px; }
div#contactform div.leftformfield { margin-bottom: 3px; }


ol li { margin-bottom: 10px; }
table#severity { margin: 20px; border: 1px solid #aaa; }
table#severity tr.blue { background-color: #ADD8E6;  }
table#severity td { padding: 3px; border:1px solid #ddd; border-spacing: 0px; border-collapse:collapse; }

div#logosdiv { background-color: #fff; text-align: center; padding: 10px 5px 10px 5px; }
div#logosdiv a { background-color: #fff; margin: 0px; padding: 0px; border: 0px; }
img#bacpregacc { width: 170px; margin-top: 15px; }
img#atsaclogo { width: 190px; margin-top: 15px; }

 blockquote.style1 {
  width: 550px;
  font: 14px/20px italic Times, serif;
  padding: 5px 0px 15px 50px;
  background-color: #efefef;
  border-top: 1px solid #2580a2;
  border-bottom: 1px solid #2580a2;
  margin: 15px auto 25px auto;
  background-image: url("images/quotes-open.png");
  background-position: top left;
  background-size: 30px;
  background-repeat: no-repeat;
  }
  blockquote.style1 span {
     display: block;
     background-image: url("images/quotes-close.png");
	 background-size: 30px;
     background-repeat: no-repeat;
     background-position: bottom right;
	 padding: 0px 50px 0px 0px;
   }