/* stylesheet for ACMHL site... */

/* reset stuff... */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td
  {margin:0; padding:0; border:0; outline:0; vertical-align: baseline;
        font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
  /* remember to define focus styles! */
  :focus {outline:0;}
  body {line-height:1px; color:black; background:white;}
  ol, ul {list-style:none; margin:0; padding:0;}
  /* tables still need 'cellspacing="0"' in the markup */
  table {border-collapse:separate; border-spacing:0;}
  caption, th, td {text-align:left; font-weight:normal;}
  blockquote:before, blockquote:after, q:before, q:after {content:"";}
  blockquote, q {quotes:"" "";}

/* basic page structure... */
  body {text-align:center; font:small arial, tahoma, sans-serif; color:#505050; background:#f8f8f8 url(imgs/bkgnd_site.jpg) left top repeat-x;;}
  * html body {font-size:x-small; f\ont-size:small;}  /* fix IE5 font size bug! */
  noscript {width:960px; margin:10px auto; text-align:left; font-size:90%;}
  /* div#site centers in the body while div#page floats within #site
     to contain the floating page elements... */
  #site    {width:960px; margin:10px auto; text-align:left; font-size:90%; padding-bottom:20px;}
  #navbar  {float:left; clear:left; display:inline; width:75px; height:600px; margin-right:5px; background:#f8f8f8 url(imgs/bkgnd_navbar.jpg) left top repeat-x;}
  #strap   {float:left; display:inline; width:200px; height:50px; margin-left:5px;}
  #banner  {float:left; display:inline; width:675px; height:50px;}
  #page    {float:left; display:inline; width:675px; min-height:495px; margin-top:5px; background:#f8f8f8 url(imgs/bkgnd_page.jpg) left top repeat-x;}
  * html #page {height:495px;}
  #newsbar {float:left; display:inline; width:200px; height:600px; margin-left:5px; margin-top:5px; background:#f8f8f8 url(imgs/bkgnd_newsbrdr.jpg) left top repeat-x;}

  /* navbar bits... */
  #navbar {text-align:center;}
    #navbar img {float:left; clear:left; display:inline;}
  #nav {float:left; clear:left; display:inline; margin:3px 1px 3px 1px;}
    #nav a {text-decoration:none;}
    #nav a img {margin:1px 0 0 0; border:solid 1px #e0e0e0;}
    #nav a img:hover {border-color:#ffffff;}
  #nav p#navmap         {margin:20px 0 0 0; text-align:center;}
  #nav p#navmap a       {padding:2px 3px 2px 3px; color:#444444; border:solid 1px #666666;}
  #nav p#navmap a:hover {color:#ffffff; background-color:#23028d; border:solid 1px #23028d;}
  #strap a {text-decoration:none;}
  #strap a:hover {text-decoration:none; background-color:transparent;}
  /* navigation drop downs... */
  div.navdrop {font-weight:normal; text-align:left; color:#E0E0E0; background:#2000a0;
          position:absolute; left:-1000px; top:-1000px; display:none;}
    .navdrop ul {float:left; padding:2px 1px 9px 1px;}
    .navdrop li {float:left; clear:left; height:1.3em; line-height:1.3em;}
    .navdrop a {display:block; color:#E8E8E8; text-decoration:none; padding:2px;}
    .navdrop a:hover {color:#FFFFFF; background-color:#100050;}

  /* page bits... */
  /* columns... */
  div.col1 {float:left; clear:left; display:inline; margin:0;}
  div.col2, div.col3 {float:left; display:inline; margin-left:15px;}
  /* single column... */
  div.cols1  {float:left; clear:left; display:inline; width:655px; margin:0 10px 0 10px;}
  div.cols1 div.col1 {width:655px;}
  /* 2 columns... */
  div.cols2 {float:left; clear:left; display:inline; width:655px; margin:0 10px 0 10px;}
  div.cols2 div.col1, div.cols2 div.col2 {width:320px;}
  /* 3 columns... */
  div.cols3 {float:left; clear:left; display:inline; width:655px; margin:0 10px 0 10px;}
  div.cols3 div.col1, div.cols3 div.col3 {width:208px;}
  div.cols3 div.col2 {width:209px;}
  /* page content... */
  h1 {float:left; clear:left; display:inline; width:100%; font-size:1.5em; font-weight:bold; color:#331199; margin:12px 0 6px 0;}
  h2 {float:left; clear:left; display:inline; width:100%; font-size:1.2em; font-weight:bold; color:#686868; margin:9px 0 3px 0;}
  h3 {float:left; clear:left; display:inline; width:100%; font-size:1.1em; font-weight:bold; color:#686868; margin:6px 0 0 0;}
    h1 a {text-decoration:none; color:#331199;}
    h2 a, h3 a {text-decoration:none; color:#686868;}
    h1 a:hover, h2 a:hover, h3 a:hover {color:#ffffff;}
  div.intro {font-size:1.2em; color:#331199;}
  #page .intro p, #page .intro ul {margin-top:4px;}
  #page .intro a {text-decoration:underline; color:#331199;}
  #page .intro a:hover {text-decoration:none; color:#ffffff;}
  p  {float:left; clear:left; display:inline; margin:3px 0 0 0; width:100%;}
  p.em {color:#331199;}
  p.em a  {text-decoration:underline; color:#331199;}
  p.em a:hover {background-color:#23028d; color:#ffffff; text-decoration:none;}
  a  {text-decoration:underline; color:#444444;}
  a:hover {background-color:#23028d; color:#ffffff; text-decoration:none;}
  a.trans:hover {background:transparent; text-decoration:none;}
  em {font-weight:bold; color:#333333;}
  #page ul {float:left; clear:left; display:inline; margin:1px 0 0 0; width:100%;}
  #page li {list-style:outside disc; margin:1px 0 0 17px;}
  #page img {border:solid 1px #505050; margin:6px 0 0 0;}
  #page p.caption {font-size:0.95em; margin:0 0 6px 0; text-align:center;}
  #page p.test {font-style:italic;}
  #page p.cita {font-size:0.95em; text-align:right; margin:0 10px 1px 0;}

  /* news bar bits... */
  #newsbar #news {float:left; display:inline; width:192px; height:495px; padding:0 3px 20px 3px; margin:1px 1px 0 1px;
              background:#f8f8f8 url(imgs/bkgnd_newspanel.jpg) left top repeat-x;
              font-size:0.95em; overflow:auto; color:#333333;}
    #news h1 {margin:3px 0 3px 0; color:#23028d; }
    #news h2 {font-size:1.0em; font-weight:normal;}
      #news h2 em  {font-weight:bold; font-size:1.1em;}
    #news p {margin:2px 0 0 0;}

  /* breadcrumb trail... */
  ul#crumb  {float:left; clear:left; width:672px; margin:0 0 0 3px; padding:0; font-size:90%;}
    #crumb li {float:left; display:inline; margin:0; padding:0 1px 1px 17px; background:url(imgs/greyarrow.gif) left 50% no-repeat;}
    #crumb li:first-child {padding:0 1px 1px 0; background-image:none;}
    #crumb a  {text-decoration:none;}

  /* footer bits... */
  #footer {float:left; clear:left; width:960px; font-size:85%; padding-bottom:20px;}
    #footer p {float:left; display:inline; width:745px; padding:0; margin:20px 0 0 0; text-align:center; vertical-align:middle;}
    #footer a {text-decoration:none; color:#808080;}
    #footer a:hover {text-decoration:none; color:#000000; background-color:transparent;}
    #footer #logos img {vertical-align:middle;}
    #footer #byeline {float:right; display:inline; text-align:right; width:205px; margin:30px 5px 20px 5px;}

  /* page specific bits... */
  /* home page... */
  #pageHome #page {background:#f8f8f8 url(imgs/bkgnd_homepage.jpg) left top no-repeat;}
  #pageHome .intro p {width:60%;}
  #pageHome ul.townlist {float:left; clear:none; display:inline; width:140px;}

  /* training page... */
  #pageTraining #page .col2 {margin-top:15px;}
  #pageTraining #page img {margin-top:15px;}

  /* Reading lists... */
  #page div.amawidget {text-align:center; margin-top:20px;}

  /* centres pages... */
  #pageCentres #page {background:#f8f8f8 url(imgs/bkgnd_cambridge.jpg) right top no-repeat;}
  #pageCentres #page ul a {text-decoration:none;}
  #page #venue {margin:50px 0 20px 0;}
  #page #venuepic {margin:50px 0 20px 0;}

  /* Accreditations page... */
  #pageAccred p img {float:left; border:none; margin-right:10px; }

  /* CPD page... */
  div.hidden {display:none;}

  /* Supervision page... */
  #pageSupervision #page {background:#f8f8f8 url(imgs/bkgnd_supervision.jpg) right top no-repeat;}
  #pageSupervision .cols2 .col2 {margin-top:250px;}

  /* Supervised practice... */
  #pagePractice #page {background:#f8f8f8 url(imgs/bkgnd_swingingwatch.jpg) right top no-repeat;}
  #pagePractice .cols2 .col2 {margin-top:155px;}

/* Trainees... */
  #pageTrainees #page td {text-align:left; width:150px; padding:3px 10px 17px 10px;}
  #pageTrainees h1 {margin-top:10px;}
  #pageTrainees p#nonefound {margin-top:50px;}

/* UK map page... */
  #pageUKMap div#countylist {float:left; clear:left; display:inline; width:100%;}
  #pageUKMap #newftr {float:left; clear:left; display:inline; width:95%; padding-top:10px; font-size:90%;}
  img#UKMap {float:left; display:inline; margin:10px 0 6px 0;}
  #pageUKMap #countylist {float:left; clear:left; display:inline; margin:0; width:100%;}
  #pageUKMap #scotlandwales   {float:left; clear:left; display:inline; width:80px; margin:0;}
  #pageUKMap #scotlandwales p {float:left; display:inline; width:100%; margin:0;}
  #pageUKMap #england         {float:right; display:inline; width:230px; margin:0; padding:0;}
  #pageUKMap #england p       {float:left; clear:none; display:inline; width:110px; margin:0 0 0 10px;}
  #pageUKMap #england p#a2l   {clear:left; margin-left:0;}
  #pageUKMap #scotlandwales h2, #england h2 {float:left; clear:left; display:inline; width:100%; margin-top:10px;}
  #pageUKMap #england h2      {text-align:left; margin-left:20px;}
  #pageUKMap #scotlandwales h2#wales {margin-top:24px;}

  /* contact us page... */
  #pageContact div.col1  {width:280px;}
  #pageContact div.col2  {width:340px; margin-left:35px;}
  #pageContact table {float:left; clear:left; display:inline;}
  #contact td     {padding:12px 5px 3px 0;}
  #contact td:first-child, #message td:first-child {text-align:right;}
  #message td     {padding:6px 5px 3px 0; vertical-align:top;}
  #message td.cap_req {font-weight:bold;}
  #pageContact #coreg {float:left; clear:left; width:100%; font-size:0.95em; padding-top:20px;}
  #pageAcknowledge p {margin:50px 10px 20px 10px}

  /* sitemap... */
  #pageSitemap table {margin:0; padding:0; border-spacing:0; font-size:12px;}
  #pageSitemap table#sitemap {margin-top:30px}
    #sitemap td {text-align:left; vertical-align:top; padding:0; margin:0;}
    #sitemap td:first-child {text-align:left;}
    #sitemap td a {text-decoration:none; margin:0; background-color:#F8F8F8;}
    #sitemap td a:hover {color:#ffffff; background-color:#331199;}
  #sitemap td img {float:none; margin:0; padding:0; vertical-align:top;}
  #sitemap td.space  {padding:0 5px 0 15px; height:6px; background:url(imgs/map_bkgnd.gif) top left repeat-y}
  #sitemap td.start  {padding:0 5px 0 15px; background:url(imgs/map_start.gif) top left no-repeat}
  #sitemap td.top    {padding:0 5px 0 15px; background:url(imgs/map_top.gif) top left no-repeat}
  #sitemap td.topend {padding:0 5px 0 15px; background:url(imgs/map_topend.gif) top left no-repeat}
  #sitemap td.mid    {padding:0 5px 0 15px; background:url(imgs/map_mid.gif) top left no-repeat}
  #sitemap td.midend {padding:0 5px 0 15px; background:url(imgs/map_midend.gif) top left no-repeat}
  #sitemap td.btm    {padding:0 5px 0 15px; background:url(imgs/map_btm.gif) top left no-repeat}
  #sitemap td.btmend {padding:0 5px 0 15px; background:url(imgs/map_btmend.gif) top left no-repeat}
  #sitemap td.str    {padding:0 5px 0 15px; background:url(imgs/map_str.gif) top left no-repeat}
  #sitemap td.strend {padding:0 5px 0 15px; background:url(imgs/map_strend.gif) top left no-repeat}