/*
  -----------------------------------------
  R.D.Jukes & Co Ltd
  -----------------------------------------
  
  Designed and Coded by David Ian Bennett
  Voyager Web Design UK
  http://www.voyagerweb.co.uk
  Tel: 01543 458373
  E-Mail: enquiries@voyagerweb.co.uk
  
  -----------------------------------------

*/

html,body {
  height: 100%;
  margin: 0 0 1px 0;
  padding: 0 0 1px 0;
}

body {
  background:#ececec url(templates/images/body.gif) repeat-x;
  padding:0;
  margin:0 0 10px 0;
  font:13px arial,sans-serif;
  color:#0c0f3a;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, fieldset, legend, ul, li {
  margin:0;
  padding:0;
}

ul {
  padding-left:30px;
  margin:10px 0 15px 0;
}

li {
  line-height:25px;
}

h1 {
  font:bold 15px arial,sans-serif;
  margin-bottom:15px;
  border-bottom:1px solid #cfcfcf;
  color:#373a7f;
  text-transform:uppercase;
}

h2 {
  font:bold 15px arial,sans-serif;
  margin:15px 0 15px 0;
  border-bottom:1px solid #cfcfcf;
  color:#373a7f;
}

img {
  border:0;
}

.clear {
  clear:both;
}

a {
  color:#0c0f3a;
}

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

td {
  text-align: left;
  vertical-align: top;
}

#wrapper {
  width: 900px;
  margin:0 auto;
}

#header {
  height:86px;
  padding:10px 0 2px 0;
}

#header p img {
}

#header span {
  float:right;
  padding-top:30px;
}

#menu {
  clear:both;
  font-weight:bold;
  border-left:1px solid #0c0f3a;
}

#content {
  clear:both;
  height:100%;
  margin-top:45px;
}

#content #latestNews {
  height:100%;
  background:url(templates/images/ticker_bg.gif) no-repeat top left;
  width:898px;
  height:50px;
  clear:both;
  margin-top:5px;
  padding:12px 3px 5px 3px;
  text-align:center;
}

#contentPages {
  min-height:400px;
  background:#fff;
  height:100%;
  padding-bottom:30px;
  margin-top:45px;
  clear:both;
}

#contentPages #leftMenu {
  width:18%;
  float:left;
  padding:5px 5px 50px 5px;
}

#contentPages #leftMenu p {
}

#contentPages #leftMenu .address {
  display:block;
  margin-top:10px;
  padding-left:10px;
}

#contentPages #leftMenu .menuLinks a span {
  display:block;
  padding:12px 10px 5px 0;
}

#contentPages #leftMenu .menuLinks a {
  display:block;
  background:#fcfcfc url(templates/images/left_menu_a.gif) no-repeat center center;
  text-align:right;
  height:37px;
  width:150px;
  margin-top:3px;
  clear:both;
  color:#164d62;
  text-decoration:none;
}

#contentPages #leftMenu .menuLinks a.current {
  display:block;
  background:#ededed url(templates/images/left_menu_a_current.gif) no-repeat center center;
  text-align:right;
  margin:3px 0 3px 0;
}

#contentPages #leftMenu .menuLinks a:hover {
  display:block;
  background:#fff url(templates/images/left_menu_a_hover.gif) no-repeat center center;
  height:37px;
  width:150px;
  margin-bottom:3px;
  color:#0c0f3a;
  text-decoration:underline;
}

#contentPages #bodyArea {
  float:left;
  padding:10px;
  width:77%;
  height:100%;
}

#contentPages #bodyArea .msg {
  line-height:18px;
}

#contentPages #bodyArea .msg .pageLogo {
  float:right;
  margin:0 0 10px 10px;
}

#contentPages #bodyArea .msg .pageLogo img {
  width:160px;
}

#contentPages #bodyArea .visionValues {
  height:100%;
  margin-bottom:15px;
}

#contentPages #bodyArea .visionValues .heading {
  float:left;
  width:30%;
}

#contentPages #bodyArea .visionValues .text {
  float: left;
  width: 65%;
}

#footer {
  margin:0 0 20px 0;
  font-size:11px;
  border-top:1px solid #cfcfcf;
  padding:10px 3px 0 3px;
  background:#fff;
  padding:10px;
}

#footer p {
}

#footer a {
}

#footer a:hover {
}

#footer .vwd {
  float:right;
}

#footer .employee {
  background:url(templates/images/login.gif) no-repeat left center;
  padding-left:20px;
}

/* For contact us form */
#formWrapper {
  height:100%;
  margin:15px 0 10px 0;
}

.buttonWrapper {
  text-align:center;
  border-top:1px solid #cfcfcf;
  padding-top:10px;
}

#formWrapper a.spam {
  background:url(templates/images/help.gif) no-repeat left center;
  padding-left:20px;
  font-size:12px;
}

#formWrapper .formLeft {
  float:left;
  width:48%;
}

#formWrapper .formRight {
  float:left;
  width:48%;
}

h1.tick {
}

#formWrapper .formRight .sum {
  font-size:16px;
  font-weight:bold;
  color:#3b7b93;
}

#formWrapper .subject {
  clear:both;
  padding:5px 0 0 0;
}

#formWrapper .comments {
  clear:both;
  padding:5px 0 5px 0;
}

label {
  display:block;
  padding:0 0 5px 0;
  font-weight:bold;
}

.emailAddress {
  color:#3b7b93;
}

.box {
  font:13px arial,sans-serif;
  padding:2px;
  border:1px solid #cfcfcf;
  border-left:2px solid #cfcfcf;
  width:80%;
}

#formWrapper .error {
  display:block;
  color:#ff0000;
  padding-top:3px;
  font-size:11px;
  background:url(templates/images/error.png) no-repeat left center;
  padding-left:15px;
}

textarea {
  font:13px arial,sans-serif;
  padding:2px;
  border:1px solid #cfcfcf;
  border-left:2px solid #cfcfcf;
  width:90%;
}

.smallbox {
  font:13px arial,sans-serif;
  padding:2px;
  border:1px solid #cfcfcf;
  border-left:2px solid #cfcfcf;
  width:20%;
}

.button {
  background:#ededed;
  font:13px arial,sans-serif;
  border:1px solid #b2b2b2;
  width:115px;
  padding:3px;
  color:#0c0f3a;
}

/* Downloads */
#downloadWrapper {
  margin-top:20px;
}
#downloadWrapper p {
  border-bottom:1px solid #cfcfcf;
  background:url(templates/images/download.gif) no-repeat left top;
  padding:0 0 5px 20px;
}
#downloadWrapper p span {
  float:right;
}
#downloadWrapper p span a.help {
  background:url(templates/images/help.gif) no-repeat left center;
  padding-left:20px;
}
#downloadWrapper .download {
  margin-top:5px;
  height:100%;
  border-bottom:1px dashed #ededed;
  padding:0 0 5px 0;
  font-size:12px;
}
#downloadWrapper .downloadName {
  float:left;
  width:60%;
}
#downloadWrapper .downloadSize {
  float:left;
  width:20%;
}
#downloadWrapper .downloadFile {
  float:right;
  width:15%;
  text-align:right;
}
#downloadWrapper .downloadFile a.dlink {
  background:url(templates/images/download.png) no-repeat left center;
  padding-left:20px;
}

/* Positions */
.positionWrapper {
  background:#fcfcfc;
  padding:5px;
  margin-bottom:3px;
  border:1px solid #ededed;
}
.info {
  line-height:18px;
  margin:10px 0 15px 0;
  padding-bottom:10px;
  border-bottom:1px solid #ededed;
}
.pos_msg {
  line-height:18px;
  margin-bottom:15px;
}
.positionWrapper p {
  padding:5px;
  font-weight:bold;
}
.positionWrapper p span {
  float:right;
  background:url(templates/images/view.gif) no-repeat left center;
  padding-left:20px;
}
.positionWrapper p .added {
  float:right;
  padding:0;
  background-image:none;
  font-weight:normal;
}
.positionWrapper p span a {
  font-weight:normal;
}
.apply {
  text-align:center;
}
.apply a {
  background:url(templates/images/apply.gif) no-repeat left center;
  padding-left:20px;
  font-weight:bold;
}

/* Accreditations */
.accWrapper {
  height:100%;
  background:#fcfcfc;
  border:1px solid #ededed;
  margin-bottom:3px;
}
.accWrapper .image {
  float:left;
  width:20%;
  padding:5px;
}
.accWrapper .image img {
  width:87px;
  border:1px solid #ededed;
  padding:5px;
  background:#fff;
}
.accWrapper .text {
  float:left;
  width:75%;
  padding:5px;
  line-height:18px;
}

/* Projects */
#projectWrapper {
  height:100%;
}
#projectWrapper .text {
  float:left;
  width:75%;
  padding-bottom:20px;
}
#projectWrapper .images {
  float:right;
  width:20%;
  text-align:right;
}
#projectWrapper .images img {
  width:120px;
  display:block;
  margin-bottom:10px;
  border:1px solid #ededed;
  padding:2px;
}
#projectWrapper .images .click {
  font-size:10px;
  display:block;
  text-align:left;
  padding-left:10px;
}
.return {
  text-align:center;
  border-top:1px solid #cfcfcf;
  padding:10px 3px 0 3px;
}
.return a {
  background:url(templates/images/return.gif) no-repeat left center;
  padding-left:20px;
  font-weight:bold;
}