/*
 * PanPage Sample 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, 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:"" "";}

  /* structure... */
  body  {background-color:#ccc; font:small arial, tahoma, sans-serif; text-align:center;}
  #all  {width:984px; margin:12px auto; font-size:0.9em; text-align:left;}
  #banner {float:left; clear:left; width:100%; height:180px; color:#fff; background-color:#999; }
  #page {float:left; clear:left; width:100%; min-height:350px; color:#666; background-color:#8BB488;; font-size:1.2em}
  #footer {float:left; clear:left; width:972px; color:#ddd; background-color:#8BB488; padding:6px; font-size:0.9em;}
  
  /* columns... */
  .colFullWidth {float:left;  width:936px; margin:0 12px; clear:left;}
  .colLeftof2   {float:left;  width:456px; margin:0 12px; clear:left;} 
  .colMidof2    {float:left;  width:456px; margin:0 12px; clear:left;} 
  .colRightof2  {float:right; width:456px; margin:0 12px; } 
  .colLeftof3   {float:left;  width:296px; margin:0 12px; clear:left;} 
  .colMidof3    {float:left;  width:296px; margin:0 12px; } 
  .colRightof3  {float:right; width:296px; margin:0 12px; } 
  .colLeft2of3  {float:left;  width:616px; margin:0 12px; clear:left;} 
  .colRight2of3 {float:right; width:616px; margin:0 12px; }
  .colLeftof4   {float:left;  width:216px; margin:0 12px; clear:left;} 
  .colMidof4    {float:left;  width:216px; margin:0 12px; } 
  .colRightof4  {float:right; width:216px; margin:0 12px; } 
  .colLeft3of4  {float:left;  width:696px; margin:0 12px; clear:left;} 
  .colRight3of4 {float:right; width:696px; margin:0 12px; }
  .clear        {clear:both;}
  
  /* page content... */
  h1 {font-size:2.0em; font-weight:bold; margin:6px 0;color:#ffffff;}
  h2 {font-size:1.4em; font-weight:bold; margin:12px 0 3px 0;color:#ffffff;}
  h3 {font-size:1.1em; font-weight:bold; margin:9px 0 0 0;color:#ffffff;}
  p  {margin:9px 0 0 0;color:#ffffff;}
  a  {color:#dfdfdf;}
  a:hover {color:#000;}
  ul, ol {margin:3px 0 0 0; padding:0 0 0 21px;color:#ffffff;}
  ul li {list-style:disc outside none; margin:6px 0 0 0;color:#ffffff;}
  ol li {list-style:decimal outside none; margin:6px 0 0 0;color:#ffffff;}
  strong {font-weight:bold;}
  em     {font-style:italic;}
  table  {padding:2px 0 0 0;color:#ffffff;}
  td     {padding:4px 6px; vertical-align:top; text-align:left;color:#ffffff; }
  
  /* folding items... */
  .pp_itemFold {cursor:pointer;}
  .pp_Fold     {overflow:hidden;}
  
  /* slideshow galleries... */
  .pp_itemGallery p {margin:0;}
  #pp_gallerycontrols {margin:2px;}
  #pp_gallerycontrols img {border:none;cursor:pointer;}
  #pp_gallerycontrols a:hover {background-color:transparent;}
  #pp_galleryslide {position:relative; overflow:hidden; /*float:left; clear:left;*/}
  /* uncomment the float/clear rules above if using gallery pics smaller than column width */
  #pp_gallerythumbs {float:left; clear:left; display:inline; width:100%; margin:0; padding:0;}
  #pp_gallerythumbs a {background-color:transparent;}
  #pp_gallerythumbs a img {float:left; display:inline; cursor:pointer; 
            background-color:#666; padding:1px; border:solid 1px #fff; margin:0;}
  #pp_gallerythumbs a:hover img {background-color:#000; border-color:#000;}
  
  /* 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:#fff; background-color:#8bb488; text-decoration:none;}
  table.pp_sitemap a:hover {color:#98f891; background-color:#333;}
  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:9px 6px; vertical-align:top;}
  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:300px; font:13px "courier new", fixed; 
              background-color:#eeeeee; border:solid 1px #999; padding:2px 3px;}
  form textarea {resize:none;}
  form input[type="text"].short {width:160px;}
  form input[type="text"].veryshort {width:120px;}
  form input#submit {margin:9px 0 9px 8em;}
  form label {float:left; width:8em; 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... */
  #nav    {float:left; width:100%; margin:0; padding:0; background-color:#666;}
  #nav li {float:left; list-style:none; margin:0; border-right:solid 1px #333;}
  #nav a  {display:block; padding:6px 12px;  text-decoration:none; color:#fff;}
  #nav a:hover  {color:#98f891; background-color:#333;}
  ul.pp_navdrop, ul.pp_navdrop1  {position:absolute; display:none; margin:0 0 0 -1px; padding:0 0 3px 0; border-top:solid 1px #333; background-color:#666;}
  .pp_navdrop li, .pp_navdrop1 li { list-style:none; margin:0; border-bottom:solid 1px #333;}
  .pp_navdrop a, .pp_navdrop1 a  {display:block; padding:6px 12px;  text-decoration:none; color:#fff;}
  .pp_navdrop a:hover, .pp_navdrop1 a:hover  {color:#98f891; background-color:#333;}
  
  /* 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:#ddd; text-decoration:none;}
  #footer a:hover {color:#fff;}

  /* 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;}