/* 
   css Copyright (c) 2005-2006 by 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; }

body {
      font-size: 76%; color:#686868;
      font-family: "Arial", "Verdana", sans-serif;
      background:white;
      margin: 0;
      word-wrap: break-word;
      line-height:150%;
}
.link A:link {text-decoration: none;color:#000000}
.link A:visited {text-decoration: none;color:#000000}
.link A:active {text-decoration: none;color:#686868}
.link A:hover {text-decoration: underline}



#main {
      min-height:400px;
}


p {
      max-width:60em;
}


.clear {
      clear: both;
}

.hidden {
    display:none;
}

img.narrow, .article-thumbnail img {
      display:block;
      clear:right;
    float:right;
    margin-left:10px;
}

img.wide {
      display: block;
      clear: both;
}

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

.photogrid-index h3, .listing-index h3 {
      font-size:1em;
      font-weight:normal;
}

body {
      width:731px;
      margin:20px;
      }

#sidebar {
      float: right;
      width: 200px;
      margin:0 0 10px 8px;
      padding:0 0 10px 10px;
      
      }

.allow-sidebar #main {
      float: left;
      width: 505px;
      }

.no-sidebar #main {
      width: 731px;
      }

.callout {
      float: left;
      width: 400px;
      margin:0 10px 10px 0;
      padding:0 10px 10px 0;
    
      }

/* "Header" elements side-by-side */

#title {
      width:530px;
      float: left;
      }
      A:link {text-decoration: none}
      A:visited {text-decoration: none}
      A:active {text-decoration: none;color:#686868}
      A:hover {text-decoration: underline}

#logo {
      float:right;
}

#sitemenu-container {
      width:150px;
      margin-left:10px;
      float:right;
}
/* Photo Grid Flow */

.photogrid-index {
      text-align:center;
      margin:0px;
      width:500px;
}

body.no-sidebar .photogrid-index {
      width:731px;
}

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

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

.gridItem {
      float:left;
      position:relative;
      width:165px;
      height:186px;
      overflow:hidden;
}

.gridItem h3 {
    position:absolute;
      top: 140px; /* needs to leave 38px from the bottom of the gridItem*/
      width: 100%;
      margin:0px;
}


.gridItem img {
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}

* html .gridItem img {
      position: relative;
      top:0px;
}


/* IE Hack */
/* Hides from IE5-mac \*/

* html .gridItem h3 {
      position: relative;
      top: 0px;
}

/* End hide from IE5-mac */



/*
PHOTO NAVIGATION
*/

.photo-navigation {
	position:relative;

    height: 21px;
    width:200;
    margin:0px auto 8px auto;
}

.photo-navigation div {
	width:34px;
	height:21px;
	position: absolute;
    text-indent: -5000em;
}

.photo-navigation a {
	border-bottom:none;
	display:block;
	width:100%;
	height:100%;
}

#previous-photo	{
    background: url(photo-prev-off.gif)		no-repeat;
    left: 42px;
}
#previous-photo a {
    background: url(photo-prev.gif)		no-repeat;
}

#next-photo {
    background: url(photo-next-off.gif)		no-repeat;
    left: 124px; 
}
#next-photo a {
    background: url(photo-next.gif)		no-repeat;
}

#photo-list {
    background: url(photo-list-off.gif)		no-repeat;
    left: 83px;
}
#photo-list a {
    background: url(photo-list.gif)		no-repeat;
}



.image-controls a {
	border-bottom:none !important;
}


.pagelet {
      font:90% Arial, Verdana, sans-serif;
      font-family: "Arial", "Verdana", sans-serif;
}

.pagelet.bordered {
      border: 1px solid #ccc;
      padding: 0px 5px;
      margin-top:10px;
}

.pagelet.bordered .ImageElement {
      margin:0px -5px;
}

.pagelet p {      
    text-align:justify;
}


h1 {
      font-family: "Arial", "Verdana", sans-serif;
      text-decoration:bold;
      color:black;
      line-height:100%;
 
}

h1 a {
      font-family: "Arial", "Verdana", sans-serif;
      text-decoration:bold;
      color:black;
      line-height:100%;
   
}

#sitemenu-content a, .currentPage span.in {
    font-family: "Arial", "Verdana", sans-serif;
    color:black;
    line-height:150%;
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none;color:#686868}
    A:hover {text-decoration: underline}
}

#sitemenu ul {
    list-style-type:none;
    float:right;
    text-align:right;
    margin-bottom: 10px;
}

#page-top {
      border-bottom:1px solid gray;
      overflow:hidden;
      height:1%;
}
#page-bottom {
    margin:10px;
    border-top:1px solid gray;
    padding-top:10px;
}

#page-bottom p {
    text-align:center;
    margin:0px;
}

.general-index h3 {
      width:100%;
      margin:10px 0; 
      padding:1px 0 1px 0;
      border-top:1px solid gray;
}

img#logo {
      margin-bottom:10px;
}