/*
 * PanPage Duncan Site styles
 *
 * 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, ul, ol, 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;}
  :focus {outline:0;}
  body {line-height:1;}
  img {font-size:0;}
  ol, ul {list-style:none outside none;}
  /* 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:"" "";}
  
  /* Colours...
    Cyan Background: #4496bc;
    Cyan Text:       #006699;
    Red highlights:  #cc0000;
  */

  /* structure... */
  body     {text-align:center; font:small arial, tahoma, sans-serif; color:#666; background:#f8f8f8 url(imgs/bkgnd_body.jpg) left top repeat-x;;}
  #all     {width:920px; margin:12px auto; text-align:left; font-size:95%; position:relative;}
  #site    {float:left; clear:left; background:url(imgs/bkgnd_site.gif) left top repeat-y;}
  #sidebar {float:left; clear:left; display:inline; height:530px; min-height:530px; width:96px; 
            padding:4px 0 4px 4px; margin-right:4px; background:#cccccc url(imgs/bkgnd_sidebar.jpg) left top no-repeat;}
  #navbar  {float:left; text-align:right; width:816px; background:#4196c0 url(imgs/bkgnd_navbar.jpg) left 50% repeat-x;}
  #page    {float:left; display:inline; width:816px; min-height:500px; padding:12px 0 0 0; margin-top:4px; 
            background-color:#f8f8f8;}
  #content {float:left; clear:left; overflow:auto;}
  #footer  {float:left; clear:left; width:918px; text-align:left; padding:0 0 24px 0; font-size:0.90em;}
  
  /* columns... */
  .colFullWidth {float:left;  display:inline; width:792px; margin:0 12px; clear:left;}
  .colLeftof2   {float:left;  display:inline; width:384px; margin:0 12px; clear:left;} 
  .colMidof2    {float:left;  display:inline; width:384px; margin:0 12px; clear:left;} 
  .colRightof2  {float:right; display:inline; width:384px; margin:0 12px; } 
  .colLeftof3   {float:left;  display:inline; width:248px; margin:0 12px; clear:left;} 
  .colMidof3    {float:left;  display:inline; width:248px; margin:0 12px; } 
  .colRightof3  {float:right; display:inline; width:248px; margin:0 12px; } 
  .colLeft2of3  {float:left;  display:inline; width:520px; margin:0 12px; clear:left;} 
  .colRight2of3 {float:right; display:inline; width:520px; margin:0 12px; }
  .colLeftof4   {float:left;  display:inline; width:180px; margin:0 12px; clear:left;} 
  .colMidof4    {float:left;  display:inline; width:180px; margin:0 12px; } 
  .colRightof4  {float:right; display:inline; width:180px; margin:0 12px; } 
  .colLeft3of4  {float:left;  display:inline; width:588px; margin:0 12px; clear:left;} 
  .colRight3of4 {float:right; display:inline; width:588px; margin:0 12px; }
  
  /* special columns... */
  .colNews      {width:172px; padding:0 3px 6px 3px; height:520px; overflow:auto; border:solid 1px #004466; 
                  background:url(imgs/bkgnd_news.jpg) left top repeat-x;}
  .colNews h3   {margin:9px 0 0 0;}
  .colNews .pp_itemStd:first-child h3 {margin-top:3px;}
  .colNews p    {margin-top:3px;}
  /* page heading - same as full width column... */
  #pageheading {float:left;  display:inline; width:792px; margin:0 12px; clear:left;}
  
  /* special items... */
  .itemBlue      {color:#006699;}
  .itemBigBlue   {color:#006699; font-size:1.2em;}
  .itemBlue a    {color:#006699;}
  .itemBigBlue a {color:#006699; text-decoration:none;}
  .itemBigBlue a:hover, .itemBlue a:hover {color:#cc0000;}
  .itemSmallText {font-size:0.9em;}
  
  /* page content... */
  h1 {font-size:1.8em; font-weight:bold; margin:0 0 3px 0;}
  h2 {font-size:1.2em; font-weight:bold; margin:12px 0 -3px 0;}
  h2 a {text-decoration:none; color:#666666;}
  h3 {font-size:1.1em; font-weight:bold; color:#006699; margin:9px 0 -3px 0;}
  h4 {font-size:1.0em; font-weight:bold; margin:9px 0 -3px 0;}
  p  {margin:9px 0 0 0;}
  a  {color:#666;}
  a:hover {color:#cc0000;}
  ul, ol {margin:5px 0 0 24px;}
  ul li {list-style:disc outside none; margin-top:4px;}
  ol li {list-style:decimal outside none; margin-top:4px;}
  strong {font-weight:bold;}
  em     {font-style:italic;}
  table  {padding:2px 0 0 0;}
  td     {padding:4px 6px; vertical-align:top; text-align:left; }
  #page img    {border:solid 1px #999;}
  #page a:hover img {border:solid 1px #cc0000;}
  
  /* galleries... */
  .pp_gallerycontrolsandcaption {float:left; width:100%;}
  #pp_gallerycontrols  {padding:3px 0 0 0; vertical-align:bottom;}
  #pp_gallerycontrols img {border:none; padding:0; margin:0;}
  #pp_gallerycaption   {padding:0 0 3px 0;}
  
  /* sitemap... */
  table.pp_sitemap    {margin:0; padding:0;}
  table.pp_sitemap td {vertical-align:top; text-align:left; margin:0; padding:0;}
  table.pp_sitemap a  {padding:1px; color:#666; background-color:#ffffff; text-decoration:none;}
  table.pp_sitemap a:hover {color:#fff; background-color:#28354f;}
  table.pp_sitemap td.top    {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_top.gif) left top no-repeat;}
  table.pp_sitemap td.topend {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_topend.gif) left top no-repeat;}
  table.pp_sitemap td.mid    {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_mid.gif) left top no-repeat;}
  table.pp_sitemap td.midend {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_midend.gif) left top no-repeat;}
  table.pp_sitemap td.onl    {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_onl.gif) left top no-repeat;}
  table.pp_sitemap td.onlend {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_onlend.gif) left top no-repeat;}
  table.pp_sitemap td.btm    {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_btm.gif) left top no-repeat;}
  table.pp_sitemap td.btmend {padding:0.1em 5px 0.5em 15px; background:url(imgs/sitemap_btmend.gif) left top no-repeat;}
  
  /* contact page stuff... */
  table.tblContact {padding:6px 0 0 0;}
  table.tblContact td {padding:3px 6px; vertical-align:top;}
  table.tblContact td h3 {margin:6px 0 0 0;}
  /*table.tblContact td:first-child {width:70px; text-align:right;}*/
  table.tblContact th {text-align:right; padding:2px 3px; vertical-align:top;}
  table.tblContact th:first-child {font-weight:bold;}
  /* contact form... */
  form input[type="text"], form textarea {width:250px; font:13px "courier new", fixed; 
              background-color:#e8f2f8; border:solid 1px #999; padding:2px 3px;}
  form input[type="text"].short {width:160px;}
  form input[type="text"].veryshort {width:120px;}
  form textarea {resize:none;}
  form input#submit {margin:9px 0 9px 6em;}
  form label {float:left; width:6em; text-align:right; padding-right:6px;}
  form label.lblReq {font-weight:bold;}
  form label.lblErr {font-weight:bold; color:#cc0000;}
  form .example {font-style:italic; font-weight:normal; color:#999999;}
  
  /* navigation menu... */
  #navbar   {font-size:1.2em; font-weight:bold;}
  #navbar p {float:right; text-align:right; margin:0 12px 0 0; width:200px; 
            font-size:1.2em; color:#cc0000; padding-top:4px; text-shadow: 0 0 4px #fff;}
  #navbar ul {float:left; width:600px; margin:0; padding:0;}
  #navbar li {float:left; list-style:none; margin:0; padding:0 1px 0 0; background:url(imgs/bkgnd_navbar.jpg) left bottom repeat-x;}
  #navbar a  {display:block; padding:6px 15px; text-decoration:none; color:#fff; background:url(imgs/bkgnd_navbar.jpg) left 50% repeat-x;}
  #navbar a:hover  {color:#ff3333; text-shadow:0 0 3px #fff; background:url(imgs/bkgnd_navbar.jpg) left 40% repeat-x;}
  ul.pp_navdrop  {position:absolute; display:none; margin:0; padding:0; background-color:#3c94c0; font-size:1.2em; border-bottom:solid 1px #006699;}
  .pp_navdrop li {list-style:none; margin:0;}
  .pp_navdrop a  {display:block; padding:6px 15px; border-top:solid 1px #006699; text-decoration:none; color:#fff;}
  .pp_navdrop a:hover {color:#ff3333; text-shadow:0 0 3px #fff; background:url(imgs/bkgnd_navbar.jpg) left 40% repeat-x;}

  /* compressors... */
  table.tblCompressors {border-spacing:1px; margin-top:3px; width:100%;}
  .tblCompressors th   {color:#ffffff; background-color:#999999; padding:2px 3px; text-align:right; empty-cells:hide;}
  .tblCompressors td {color:#666666; background-color:#dddddd; padding:2px 3px; text-align:right;}
  
  /* odds n ends... */
  #page           {padding:12px 0;}
  #banner a img   {float:left; border:none;}
  #banner h1      {font-size:48px; margin:24px 0 0 178px;}
  #footer a       {color:#999; text-decoration:none;}
  #footer a:hover {color:#ccc;}

  /* quick edit bits... */
  div.pp_quickedit {text-decoration:none; display:block; cursor:crosshair;}
  .pp_quickedit:hover, .pp_quickedit:hover .pp_itemStd, .pp_quickedit:hover h1, .pp_quickedit:hover h2, 
  .pp_quickedit:hover h3 {color:#993333; background-image:none; background-color:#66eeff;}