* { margin: 0; padding: 0; }
body  /* Changed font family */ { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1  /* Margin/padding changed */ { color: #ff4500; font-size: 16pt; text-align: center; text-transform: capitalize; word-spacing: 4px; letter-spacing: 4px; margin-top: 1.2em; margin-bottom: 1.2em; border-bottom: 1px solid #ff4500     }
h2  /* Margin changed */ { color: #00f; font-size: 15pt; text-align: left; text-transform: capitalize; word-spacing: 2px; letter-spacing: 1px; margin: 1.2em 1em 0 0; }
h3  /* Margin changed */ { color: #00f; font-size: 14pt; font-weight: bold; text-align: left; text-transform: capitalize; word-spacing: 2px; letter-spacing: 1px; margin-right: 1em; margin-left: 0; }
h4  /* Margin changed */ { color: #00f; font-weight: bold; text-align: left; text-transform: capitalize; word-spacing: 2px; letter-spacing: 1px; margin-right: 1em; margin-left: 0; }
h5  /* Margin changed */ { color: #ff4500; font-weight: bold; background-color: #ccc4ff; text-align: left; word-spacing: 2px; letter-spacing: 1px; margin-right: 1em; margin-bottom: 10px; margin-left: 0; }
p    /* Margin changed */ { line-height: 1.6em; margin: 0 1em 1em 0; }
h4, h5, p, td { font-size: 11pt; text-align: left; margin-top: 0.44em; }
ul, li, ol  /* No idea why need to reduce font size wrt p */ { font-size: 11pt; margin-top: 2px; margin-left: 2em; }
ul { margin-bottom: 1.2em; }
ul ul  /*  Controls 2nd tier nested list */ { font-size: 11pt; margin-bottom: 0; margin-left: 2em; }
li li  /* Need to reduce font size wrt 1st tier lists  */ { font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 0; }
td { vertical-align: top; border-width: 0 }
img { border-style: none; }
.bold_centre { font-weight: 700; text-align: center; }
.bold_blue_left { color: #005daa; font-size: 13pt; font-weight: 700; text-align: left; }
.centre { text-align: center; }
#wrapper {  }
#branding  /* height reduced */ { background-color: #005daa; position: relative; height: 149px; border-bottom: 4px solid #f78f1e; }
#contact  /* To float right txt must precede the element it is to go next to */ { float: right; margin: 6px 12px; padding: 6px 12px; }
#contact2 { margin: 6px 12px; padding: 6px 12px; border: solid 1px #000; }
.contactText  /* Same as H3 (bar margin/pading). Used to prevent problems with accessibility */ { color: #00f; font-size: 13pt; font-weight: bold; text-align: left; text-transform: capitalize; word-spacing: 2px; letter-spacing: 1px; margin-top: 0; padding-top: 0; }
/*Navigation*/
#mainNav  /*  font size & left magrin required to over ride Body */ { display: none; }
/*Layout
================================= */
body { font-size: 62.5%; text-align: center; }
#wrapper { width: 100%; max-width: 100%; margin: 0 auto; text-align: left; }
#mainNav { display: none; }
#content { width: 100%; }
#mainContent { width: 100%; }
#secondaryContent { display: none; } 
#footer { clear: both; }
/*Heading*/
#logo { position: absolute; top: 0; left: 5px; z-index: 1000; float: left; }
#slogan  /* Line height stops IE from partially hidding slogan. Font & padding reduced  */ { color: #fff; font-size: 11pt; font-weight: 700; line-height: 1.3em; position: absolute; top: 35px; right: 5px; z-index: 4000; float: right; padding-right: 0; }
#globe { position: absolute; top: 0; right: 5px; z-index: 3000; float: right; margin-top: 0; margin-right: 0; }
/*Links within the text*/
a  { color: #00f; text-decoration: none   }
a[href^="mailto:"] { color: #008000; font-weight: 500; }
/*Footer*/
#footer { padding-bottom: 1px; }
.footer_menu    { font-size: 9pt; font-weight: normal; line-height: 1.1em; text-decoration: none; text-align: left; margin-right: 5px ; }
.footer_menu a:link, visited, hover, active       { color: #00f }
.designedby      { color: #000; font-size: 9pt; text-align: right; margin-right: 5px   ; border-top: 1px solid #000; }
/*Accessibility*/
skiplinks { position: absolute; left: -500em; }
/*Form Control*/
fieldset { margin: 1em 0; padding: 1em; border: solid 1px #cc0c00; }
legend { font-weight: bold; }
label { width: 10em; float: left; display: block; }
input { width: 200px; }
input[type="text"], textarea { border-color: #999 #ccc #ccc #999; border-style: solid; border-width: 2px 1px 1px 2px; }
textarea { width: 300px; height: 100px; }
input:focus, textarea:focus { background-color: #ffc; }
#sourceLabel { text-indent: -1000em; width: 0; }
#source { margin-left: 120px; }
#submit { color: #fff; background-color: #395584; width: 75px; }
/*Portfolio*/
.captioned_photo_r  /* negative margin to align image on the right */ { float: right; margin: 0.5em 1em 0.5em 0; padding: 0; line-height: 1em; width: 260px; }
.captioned_photo_r p { width: 100%; margin: 0; padding: 1em 0; font: 9pt/1.75em Verdana, sans-serif; color: #000; }
.captioned_photo_r img { margin: 0; padding: 2px; border: double 3px #8894b5; display: block; }
.captioned_photo_l { float: left; margin: 0.5em 0 0.5em 1em; padding: 0; line-height: 1em; width: 260px; }
.captioned_photo_l p { width: 100%; margin: 0; padding: 1em 0; font: 9pt/1.75em Verdana, sans-serif; color: #000; }
.captioned_photo_l img { margin: 0; padding: 2px; border: double 3px #8894b5; display: block; }
/*Website Audit*/
#essential, #premium { background-color: #ffffde; margin-bottom: 1.2em; border: solid 2px #ff6; }
#essential h3, #premium h3 { text-align: center; margin-top: 0; }
#essential p, #premium p { margin-right: 0.3em; margin-left: 0.3em; padding-right: 0.3em; padding-left: 0.3em; }
/*E-newsletters*/
#eRHS   { display: none; }
#econtent  /* ex content */ { width: 100%; }
.eNews  /* Use for Related Articles */ { background-color: #eef; border: ridge 0.2em #99c; }
.eNews  /* Use for Related Articles */ { background-color: #eef; border: ridge 0.2em #99c; }
#boxed { margin-left: 1.5em; }
#boxed p { margin-right: 0.5em; margin-left: 0.5em; padding-right: 0.5em; padding-left: 0.5em; }
#imageRight { position: relative; float: right; }