/* Initialise padding and margins and font sizes */
html,body,div,table,h1,h2,h3,h4,h5,h6,p,form,img
{
    margin: 0;
    border: 0px none;
    padding: 0;
    font-size: 100.01%;
}
ol,ul,dl,blockquote,cite 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  font-size: 0.9em;
  color: #FFF;
  background-color: inherit;
}

/* --------------------------------------------------------- CORE HTML STYLES */
body {
  background: url("../images/bg_body.gif") repeat-x top left #8CA3AB;
  font-family: "Lucida Grande" Arial, Helvetica, sans-serif;
  color: #1D2325;
  font-size: 0.7em;
  font-weight: bold;
  line-height:1.3em;
}

h1 {
  color: #313A48;
  font-size: 2.3em;
  margin: 0 0 0.4em 0;
}

h2 {
  color: #DEE7F6;
  font-size: 1.2em;
  margin: 0 0 0.75em 0;
  font-weight: normal;
}

h3 {
  color: #313A48;
  font-size: 1.2em;
  margin: 0 0 0.5em 0;
}

h4 {
  color: #313A48;
  font-size: 2em;
  margin: 0 0 0.5em 0;
}

h5 {
  color: #313A48;
  font-size: 1.2em;
  line-height: 0em;
  margin: 2.5em 0 1em 0;
  border-bottom: solid 1px #313A48;
}

h6 {
  color: #191C1D;
  font-size: 0.7em;
  font-style: italic;
  margin: 0 0 0.5em 0;
}

p {
  color: #000;
  font-size: 0.95em;
  line-height: 2em;
  margin-bottom: 1.5em;
}
/*This is used to make the new! annotation for the top nav*/
span.sup {
  color: #55984B;
  line-height: 0;
  font-size: 0.5em;
}
a, a:visited { color: #CBDBEB;}
a:hover {
background-color: #F6A70F;
color: #FFF;
text-decoration: none;
}
div#header ul#nav li.base a#current,div#header ul#nav li.base a#current:link,div#header ul#nav li.base a#current:visited {
  color: #313A48;
}
/* ------------------------------------------------------------------- LAYOUT */
#shell {
  width: 690px;
  margin: 20px auto;
}
#header {
  background: url("../images/bg_header.gif") no-repeat top right transparent;
  height: 150px;
  font-size: 0.95em;
}
#main {
  width: 490px;
  margin-left:200px;
}
#leftCol {
  float: left;
  width: 180px;
  text-align: right;
}
#navigation {
  float: left;
  z-index: 7;
}
#testimonial {
  float: right;
  position: absolute;
  top: 450px;
  z-index: 2;
  margin-left: -43px;
}
#footer {
  text-align: right;
  font-size: 9px;
  font-family: arial, helvetica, sans-serif;
}

#footer a,#footer a:link,#footer a:visited {
  color: #313A48;
  text-decoration: underline;
}
/* --------------------------------------------------------------- NAVIGATION */
ul#nav { /* all lists */
  padding: 0;
  margin: 7px 0 0 0;
  list-style: none;
}
ul#nav li { /* all list items */
  position: relative;
  width: auto;
  margin: 0 3em 0 0;
}
ul#nav li.base {
  float: left;
}
ul#nav li a:link,ul#nav li a:visited,ul#nav li a {
  color: #FFF;
  background-color: transparent;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: normal;
  display: block;
  padding-top: 10px;
}
ul#nav li a:hover {
  background: url("../images/bg_navigation.gif") repeat-x top left transparent;
  color: #DEE7F6;
}
ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
  display: block;
}
ul#nav li ul { /* second-level lists */
  display: none;
  position: absolute;
  top: 22px;
  left: -40px;
  list-style: none;
  font-size: 0.7em;
}
ul#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
  top: auto;
}
ul#nav li ul li a:link,ul#nav li ul li a:visited,ul#nav li ul li a {
  display: block;
  padding: 3px 4px;
  background-color: #A5C9D5;
  background-image: none;
  /*text-align: right;*/
  width: 84px;
}
ul#nav li ul li a:hover { 
  background-color: #C1DAE2;
  background-image: none;
  color: #FFF;
}
/* ------------------------------------------------------------- PRESENTATION */
ul.advice {margin-left: 250px;}

img.adviceGeneric {
  float: right;
margin:  0 0 10px 10px;
}
.adviceSheetList {
  font-size: 0.7em;
}
.adviceSheetList ul {
  list-style-type: none;
  font-weight: normal;
  line-height: 1.5em;
}
div.boxout {
  border: solid 1px #FFF;
  background-color: #9DB4BC;
  margin-bottom: 1em;
}
#leftCol div.adviceSheetList ul li a, .adviceSheetList ul li a:link {
  color: #33363B;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: underline;
}
div.boxout ul {
  color: #33363B;
  font-size: 0.8em;
  line-height: 2.5em;
}
div.boxout ul a, div.boxout ul a:link {
  color: #33363B;
}
.left {float: left;}
#leftCol p {
  margin-top: -6px;
  color: #FFF;
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 3em;
  font-weight: normal;
}
#leftCol div.rarPDF a:hover { background: none;}
#main img.banner { margin-bottom: 2.75em;}
.qualifications {font-size: 0.6em;}
div.rarPDF {margin:20px 0 0 -45px;}
div#shell div#leftCol a, div#shell div#leftCol a:link {text-decoration: none;}
div#shell div#leftCol div.map a:hover {background: none; text-decoration: underline;}
.small {font-size: 0.8em;}
.specialist {margin-top: 3em; min-height: 150px;}
.specialist img {float: left; border: solid 1px #3F4C5A;}
.specialist p,.specialist h3 {margin-left: 139px;}
div#leftCol div.specialistDetails p {color: #000;}
.specialistDetails img {border: solid 1px #3F4C5A; margin-bottom: 2em;}


/*Safari font size hack*/
#leftCol p{font-size: 1em; margin-bottom: 2.3em;#}
ul.nav li ul { font-size: 0.7em;}
span.sup { font-size: 0.65em;}
.small {font-size: 0.9em;}
h6 {font-size: 0.9em;}
div.boxout ul {font-size: 0.9em; font-weight: normal;}
h5 {line-height: 0.7em;}
.adviceSheetList {font-size: 0.8em;}
.adviceSheetList ul{font-size: 1em;}

.links-img {
margin:  0 5px 5px 0;
}