/* 
   css Copyright (c) 2005-2009 Karelia Software. All Rights Reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

a img { border: none; }

.clear { clear: both; height: 0; }
.hidden { display:none; }

a { color: #6699cc; }
#page-content a:hover { text-decoration: none; }

h1,h2,h3,h4,h5,h6 {
      font-family: Verdana,sans-serif;
      font-weight: normal;
      margin-top: .6em;
}

h5, h6 {
      font-size: 100%;
}

img.narrow { display:block; clear:right; float:right; margin: 6px 0 6px 6px; }
img.wide { display:block; clear: both;}

body {
      margin: 0;
      font-size: 76%;
      font-family: Georgia,Times,serif;
      background: #000000;
      word-wrap:break-word;
}

#page {
      margin: auto;
      width: 764px;
      }

#sidebar-container {
      width: 220px;
      float: right;
      word-wrap: break-word;
}

#sidebar {
      color: #fff;
      padding: 0 6px;
      min-height: 256px;
}
/*\*/
* html #sidebar { height: 256px; }
/**/
#sidebar h4 { color: #6699cc; }

#main {
      width: 485px;
      float: left;
      padding: 0 10px;
      min-height: 370px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 465px;
}
/*\*/
* html #main { height: 370px; }
/**/

#page {
      color: #ffffff;
      width: 768px;
      border: 2px solid #fff;
      border-top: none;
      background: #000000  url(bottomgradient.jpg) no-repeat bottom center;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 764px;
}

#page-top {
      height: 262px;
      background: url(headerbg.jpg) no-repeat top left;
      position: relative;
}

.no-sidebar #page-top { height: 209px; background: url(shortheaderbg.jpg) no-repeat top left; }

      #title {
            vertical-align: middle;
            position: absolute;
            left: 28px;
            top: 40px;
            width: 708px;
            height: 147px;
      }

            .allow-sidebar #title {
            top: 92px;
      }
      
      #title h1 {
            margin: 45px 20px 0px 15px;
            font-size: 1.7em;
            color:white;
            text-shadow:black 2px 2px 2px;
            overflow: hidden;
      }
      
      * html #title h1 { font-weight: bold; }

      .has-logo h1 {
            width: 450px;
      }

      #title #logo-container {
            float:left;            
            height:128px;
            margin:10px;
      }

      #title img {
            padding-right:10px;
      }

      #title h1 a {
            position: static;
            display: inline;
            width: auto;
            height: auto;
            text-decoration:none;
            color: #ffffff;
      }
      #title h1 a:hover { color: #0755be; }

      #title p {
            width: 400px;
            height: 15px;
            font-size: 1em;
            color: #fff;
            position: absolute;
            top: -85px;
            left: 235px;
            text-align: right;
      }
      
      #title p a {
            color:#fff;
      }
      
      .no-sidebar #title p { margin-top: -32px; }

#sitemenu-content {
      width: 700px;
      height: 14px;
      position: absolute;
      left: 28px;
      bottom: 3px;
      font-size: 1.1em;
}
* html #sitemenu-content { font-size: .8em; }

      #sitemenu-content ul {
            float: right;
            list-style: none;
            margin: 0;
            padding: 0;
      }

      #sitemenu-content li {
            margin: 0 0 0 10px;
            padding: 0;
            float: left;
      }

            .currentPage span.in, .currentPage, .currentParent span.in, .currentParent { text-decoration: underline; }

            #sitemenu-content a, .currentPage span.in, .currentPage { color: #000; }
            #sitemenu-content a:link, #sitemenu-content a:visited { text-decoration: none; }
            #sitemenu-content a:hover, #sitemenu-content a:active { text-decoration: underline; }

#page-content { margin: 0 26px; }
/*\*/
* html #page-content { margin-top: -16px; }
/**/

.pagelet {
      width:200px;
      word-wrap:break-word;
      overflow:hidden;
}

      .pagelet h4 {
            height: 44px;
            line-height: 44px;
            padding: 0 6px;
            overflow:hidden;
      }

      .o h4 { background: url(sidebarbg.jpg) no-repeat;}
      .e h4 { background: url(sidebarbg.jpg) no-repeat;}


#main {
      border-top: none;
      padding-bottom: 2em;
}

#main h2 {
      color: #6699cc;
}
.no-sidebar #main {
      width: 692px;
}

#photo-page #main img { border: 2px solid #fff; }
#photo-page .caption { color: #fff; padding: 2px 4px; text-align: center;}
#photo-page #page-bottom { padding-top: 30px; }

ul, ol {
      padding-left:28px;
}

dd {
      margin-left: 28px;
}

h2 {
      margin-top: 16px;
      font-size: 1.4em;
}
* html h2 { font-weight: bold; }

.has-photo-navigation h2 {
      margin-right:155px;
}

* html #page-content h3 { font-size: 1em; }
* html #page-content h4 { font-size: .9em; }
* html #page-content h5 { font-size: .8em; }

.article, .no-callouts {
      clear: left;
}

.article p {
      line-height: 1.4em;
}

.article-info {
      clear:left;
}

.article-thumbnail {
      float: left;
      margin: 6px 6px 6px 0;
}

.callout-container .callout {
      clear: both;
      float: left;
      font-size: .9em;
      margin-right: 8px;
      margin-bottom: 12px;
      border-right: 1px solid #ccc;
      padding-right: 6px;
      padding-bottom: 6px;
      width: 200px;
      word-wrap: break-word;
}

.callout-container .callout p { line-height: 1.1em; }


/* Used on Photo Grid Pages ... */
.photogrid-index {
         text-align: center;
    overflow: auto;
}

.photogrid-index a {
      text-decoration:none;
}

.photogrid-index a:hover  {
      text-decoration:underline !important;
}

.gridItem {
      float:left;
      position:relative;
      width:150px;
      height:180px;      /* room for caption */
      overflow:hidden;
}

.gridItem h3 {
      font-size:1em;
      font-weight:normal;
      position:absolute;
      margin:0px 7px;
      top: 137px; /* needs to leave 38px from the bottom of the gridItem */
      width: 136px;
}

.gridItem img {
    border: 1px solid rgb(80, 80, 80);
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html .gridItem img {
      position: relative;
}

* html .gridItem h3 {
      position: relative;
      top: 0px;
}
/* End hide from IE5-mac */


/* Used on index summary pages */

.listing-index ul {
}
            .listing-index li h3 a {
                text-decoration:none;
                font-size:1em;
                font-weight:normal;
            }

/* Individual Photo Pages */

.ImageElement, .VideoElement{
      text-align:center;
}

.photo-navigation {
      float: right;
      margin-top: -35px;
      margin-right: 16px;
}

* html .photo-navigation {       margin-top: -46px; margin-right: 8px; }

      .photo-navigation a { 
            display: block;  
            text-indent: -5000px; 
            height:100%; 
            width:100%;
      }
    .photo-navigation div {
          margin-left: 18px;
          float: left;
            width: 33px;
            height: 20px;
    }

      #previous-photo      {
            background: url(prev-disabled.gif) no-repeat center center;
      }
      #previous-photo      a {
            background: url(prev.gif) no-repeat center center;
      }

      #next-photo {
            background: url(next-disabled.gif) no-repeat center center;
      }

      #next-photo a {
            background: url(next.gif) no-repeat center center;
      }

      #photo-list {
            width: 33px;
            background: url(list-disabled.gif) no-repeat center center;
      }
      #photo-list a {
            width: 33px;
            background: url(list.gif) no-repeat center center;
      }

                  #page-bottom {
                        padding: 2px 30px 30px 30px;
                  }

                        #page-bottom p {
                              margin: 0;
                              font-size: .9em;
                              color: #fff;
                        }
                        
                        #page-bottom a {
                              color: #fff;
                              text-decoration:underline;
                        }