body {
     background: #dfedbf url('bg.jpg') top center no-repeat fixed;
     margin: 10px 0 30px 0;
     padding: 0;
     font-family: verdana, arial, sans-serif;
     font-size: 75%;
     text-align: center;
     color: #777777;
}

/* Typography	
-------------------------------------------------------------------------- */

p {
     text-align: left;
     font-size: 1em;
     line-height: 1.6em;
     margin: 0 0 10px 0;
}

#footer_left p {
     font-size: 1em;
     line-height: 1.6em;
     margin:  0;
     padding: 0;
}

#footer_right p {
     text-align: center;    
     font-size: 1em;
     font-weight: bold;
     line-height: 1.6em;
     margin:  0;
     padding: 0;
}

h1 {
    font-family: verdana, arial, sans-serif;
    color: #3366CC;   
    margin: .2em 0 .4em 0;
}


h2, h3, h4, h5 {
     font-family: verdana, arial, sans-serif;
     color: #43722a;
     margin: .2em 0 .4em 0;
}



h1 { font-size: 1.8em;  letter-spacing: -.07em; }
h2 { font-size: 1.6em;  letter-spacing: -.06em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; letter-spacing: -.06em;}
h5 { font-size: 1.2em; }

#header h1 { 
     font-size: 2.6em;
     padding-top: 30px;
 
     margin: 0 0 0 30px;
     line-height: 1.4em;
}   
#header h2 { 
     font-size: 1.2em;
     letter-spacing: 0.2em;
     margin: 20px 0 0 30px;
     line-height: 1.2em;
     font-weight: normal;
}    

/* Hyperlinks
-------------------------------------------------------------------------- */   

a:link, a:visited, a:active { 
     background-color: transparent;
     color: #FF6600; 
     text-decoration: none;
}

a:hover { 
     background-color: transparent;
     color: #FF6600; 
     text-decoration:underline;
}

#header a:link, #header a:visited, #header a:active { 
     background-color: transparent;
     color: #3366CC;  
     text-decoration: none;
}

#header a:hover { 
     background-color: transparent;
     color: #3366CC; 
     text-decoration:none;
}


/* Unordered Lists	
-------------------------------------------------------------------------- */

#content ul {
     margin-left: 0;
     padding-left: 0;
     list-style: none;
     font-size: 1em;
     line-height: 1.7em;
     margin: 0 0 1.4em 0;
}

#content li {
     padding-left: 12px;
     margin-bottom: .2em;
     background-image: url(arrow.gif);
     background-repeat: no-repeat;
     background-position: 0 .5em;
}

#menu_bar ul {
     padding: 0;
     margin: 0;

     color: olive;
     float: left;
     width: 100%;
     font-size: 1.2em;
     font-weight: bold;
     clear:both;
}

#menu_bar ul li { display: inline;margin: 0 }

#menu_bar ul li a {
     padding: 1em 1.2em;
     color: olive;
     text-decoration: none;
     float: left;
     border-right: 1px solid #fff;
     margin: 0
}

#menu_bar ul li a:hover {
     color: #FF6600; 
     margin: 0
}


/* Page Structure	
-------------------------------------------------------------------------- */

#wrapper {
     margin: 0px auto 0px auto;
     padding: 0;
     background: #FFFFFF;
     width: 730px;
     border:1px solid #BDCBD6;
          
     text-align: left;
          font-size: 1em;
     line-height: 1.6em;
}

#header {
     margin: 10px 10px 0 10px;
     padding: 0px;
     background: #E6E6E6 url('header.jpg') top left no-repeat;
     height: 160px;  
     clear:both;      
}

#menu_bar {
     margin: 0 10px;
     padding: 0;

     clear:both;
}

#breadcrumb {
     margin: 0;
     clear:both;
	padding: 0 10px;
}

#content {
     margin: 0 10px 0 10px;
     padding: 0px;
     background: #FFFFFF url('content.jpg') top right repeat-y;
     clear:both;
     border-top: 1px solid #DDDDDD;
}

#left {
     float: left;
     width: 480px;
     margin: 0px 0 0 10px;
     padding: 0px;
}

#right {
     float: right;
     width: 180px;
     margin:  10px 10px 25px 0;
     padding: 0px;
}   

.sidebar {
     padding: 10px;
     margin-bottom: 0px;
}

/*accordion menu */
.arrowlistmenu{width: 100%; float:right}
.arrowlistmenu .menuheader{font: bold 14px Arial;color: white;background: #5DA7CE url(plus.gif) no-repeat right center;margin-bottom: 10px;
text-transform: uppercase;padding: 4px 0 4px 5px;cursor: hand;cursor: pointer;display: block; width:100%}
.arrowlistmenu .openheader{background: #79B933 url(minus.gif) no-repeat right center}
.arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 8px}
.arrowlistmenu ul li{padding-bottom: 2px}
.arrowlistmenu ul li a{color: #FF6600;display: block;padding: 2px 0;padding-left: 10px;text-decoration: none;font-weight: bold;border-bottom: 1px solid #dadada;font-size: 90%}
.arrowlistmenu ul li a:visited{color: green}
.arrowlistmenu ul li a:hover{color: #000;}


#footer {
     margin: 0 10px 0 10px;
     padding:  0;
     border-top: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
}

#footer_padding {  
     padding: 10px;
	margin: 10px;
}

#footer_left {
     float: left;
     width: 460px;
	text-align: center;
}

#footer_right {
     float: right;
     margin:  0;
     width: 140px; 
     background: #edfdce;
     padding: .8em;
     border: 1px solid #eeeeee;
}

.spacer { clear:both }

/* sNews	
-------------------------------------------------------------------------- */


.searchfield {
     width: 172px;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
     text-align: center;
     padding: 4px 2px;
}

.searchbutton {
     width: 180px;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
}

fieldset { 
     border: 1px solid #EEEEEE; 
     padding: 10px 8px; 
     margin: 0 0 8px 0; 
     background: #FFFFF2; 
     color: #000; 
}

input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }

.comment { 
     background: #FFFFF2; 
     color: #666666; 
     padding: 10px; 
     margin: 0 0 10px 0; 
     border-top: 1px solid #DDDDDD; 
}

.commentsbox { 
     background: #FFFFF2; 
     color: #666666; 
     padding: 10px; 
     margin: 0 0 10px 0; 
}

.date {  
     margin: 0 0 20px 0; 
     clear: both;
}
/* image formatting	*/
.float_left{
	float: left;
	margin: 0 10px 10px 0;
}
.float_right {
	float: right;
	margin: 0 0 10px 10px;
}
.float_right_clear { 
    float: right; 
    clear: right; 
    margin: 0 0 5px 10px;

}
.float_left_clear { 
    float: right; 
    clear: right; 
    margin: 0 10px 5px 0;
}

/* shampoo
-------------------------------------------------------------------------- */

img, fieldset {
  border:0;
}
#thumbarray,
#albumarray,
#albums ul,
#view ul,
#bar ol,
h1 + ol {
  list-style:none;
  padding:0;
  margin:0;
}

#albums {
  position:absolute;
  top:-4px;
  right:-4px;
  width:16em;
  background:#F2FBDD;
  z-index:6;
  overflow:hidden;
  border:4px solid #BADE59;
}
.fixed #albums {
  right:-17.5em;
}
.fixed {
  margin-right:17.7em;
}
#albums h2 a {
  padding:0.4em 0;
  display:block;
  text-align:center;
  color:#5D7A0E;
  font:1.5em Georgia;
  background:url(img/right.png) 1em center no-repeat #BADE59;
}
#albums h2 a:hover {
  color:#303F07;
}
#albums:hover h2 a,
.fixed #albums h2 a {
  background-image:url(img/down.png);
  color:#303F07;
  border-bottom:4px solid #BADE59;
}
#albums ul {
  display:none;
  text-align:left;
}
.fixed #albums ul,
#albums:hover ul {
  display:block;
}
#albums ul li {
  display:inline; /* Fix IE whitespace bug */
}
#albums ul li a {
  color:#222222;
  display:block;
  padding:0.8em 1em;
  font-size:1.1em;
  font-weight:bold;
  border-bottom:1px solid #BADE59;
}
#albums ul li a.current,
#albums ul li a.current:hover {
  padding-left:1.5em;
  background:#BADE59;
}
#albums ul li a:hover {
  background:#E7F8C0;
}
#albums > a {
  display:none;
  position:relative;
  font-weight:bold;
  font-size:0.8em;
  bottom:0.8em;
  left:1.2em;
  color:#813F22;
  margin-top:4em;
}
#albums a:hover {
  text-decoration:underline;
}
.fixed #albums > a,
#albums:hover > a {
  display:block;
}

.imagecount {
  font-weight:bold;
  color:#769B12;
  margin:1em 0 0 0.4em;
  float:left;
  clear:none;
}
#albumarray {
  border-top:1px solid #B7BCCA;
  clear:left;
}
body #albumarray:first-child {
  padding-top:2em;
}
#albumarray li {
  padding:1.2em 0 1em 0;
  position:relative;
  border-bottom:1px solid #B7BCCA;
  background:#F6FCE5;
}
#albumarray li.odd {
  background:#EDF9CC;
}
#albumarray li .imagecount {
  font-size:1.05em;
  margin:-2.1em 3em 0 0;
  float:right;
}
#albumarray li h3 {
  margin:0 8.4em 0 2em;
  text-shadow:1px 1px 1px #CCC;
}
#albumarray li h3 a,
#albumarray li h3 a:visited {
  color:#C7B03E;
  font:bold 2.4em Georgia;
}
#albumarray li h3 a:active {
  color:#9F4311;
}
#albumarray li h3 a:hover,
#albumarray li h3 a:visited:hover {
  color:#C75417;
}
#albumarray li h3 a span {
  margin-left:2em;
  font:bold 0.3em "Lucida Grande", Verdana, sans-serif;
  color:#5D7A0E;
  vertical-align:middle;
  white-space:nowrap;
  text-shadow:none;
}
#albumarray li h3 a:hover span {
  text-decoration:underline;
}
#albumarray li div {
  position:relative;
  margin:1em 44px 0 44px;
  padding:0 0 2em;
}
#albumarray li div a {
  margin:0 4px;
  vertical-align:middle;
}
#albumarray li div a:focus {
  outline:0;
}
#albumarray li div a.thumbhide {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden; /* must do it this way otherwise won't work in IE & Opera */
}
#albumarray li div a + p {
  position:absolute;
  left:0;
  bottom:0.2em;
  font-weight:bold;
  line-height:1;
  font-size:0.9em;
  padding:0;
  margin:0;
  min-width:600px; /* For Opera 8.x */
  color:#779E13;
  z-index:2;
  display:none;
}
#albumarray li div:hover a:hover + p { /* needs div:hover for Opera < 9.2. Fails in Safari (bug 9279). */
  display:block;
}
#albumarray li div a img {
  padding:2px;
  border:1px solid #5D7A0E;
  vertical-align:middle;
}
#albumarray li div a:hover img,
#albumarray li div a:focus img {
  border:2px solid #3A4C09;
  padding:1px;
}
#albumarray li div a:focus img {
  border-color:#C75417;
}
#albumarray li p {
  margin:1em 8em 1em 4em;
  clear:left; /* For Opera 8.x */
}
#blockade {
  padding:2em;
  clear:left;
  float:left;
  overflow:auto;
}
#blockade label {
  margin-left:4em
}
.error {
  background-color:#BADE59;
  padding:0.4em;
}
#bar {
  position:relative;
  height:2.4em;
  padding-left:1em;
  font-weight:bold;
  color:#769B12;
  background:#E7F8C0;
  border-bottom:1px solid #BADE59;
  border-top:1px solid #BADE59;
  clear:left;
}
#bar:hover {
  background:#BADE59;
  color:#5D7A0E;
}
#bar span,
#bar div {
  padding:0;
  float:left;
  height:1.2em;
  margin-top:0.5em;
}
#bar span strong {
  font-size:1.1em;
  text-align:center;
  color:#526C0D;
  margin:0 0.15em;
}
#bar div {
  font-size:1.1em;
  position:relative;
  text-align:center;
  border-bottom:1px dotted #526C0D;
  margin:0.5em 0.3em 0 0.3em;
  width: 1.4em;
}
#bar div.doubledigits {
  width:1.8em;
}
#bar div ol {
  position:absolute;
  left:0;
  top:0;
  margin-top:-2px;
  width:100%;
  border:1px solid transparent;
}
#bar div:hover ol {
  border-color:#526C0D;
  background:#EDF9CC;
  z-index:2;
}
#bar div ol li {
  display:none;
}
#bar div ol li.current,
#bar div:hover ol li {
  display:block;
}
#bar div ol li a {
  display:block;
  color:#526C0D;
  padding:0.15em 0;
  font-weight:bold;
  line-height:1em;
}
#bar div:hover ol li a:hover,
#bar div:hover ol li a:visited:hover {
  background:#FFF;
  color:#CE2D04;
}
#bar fieldset {  
  padding:0.5em 1em 0 2em;
  float:right;
}
legend {
  display:none;
}
#bar input {
  background:transparent;
  display:none;
}
#bar select,
#bar input[type="text"] {
  margin-left:0.4em;
}
#bar input,
#bar select,
#view input {
  border:1px solid #769B12;
  font-size:0.9em;
  vertical-align:top;
}
#bar select.custom + input[type="text"],
#view input[type="text"] {
  display:inline;
  padding:0.1em;
  width:1.7em;
}
#bar input[type="image"],
#view input {
  padding:0.37em;
  display:inline;
}
#bar fieldset:hover input,
#bar select.custom + input {
  border-color:#526C0D;
  background-color:white;
}
#thumbarray {
  padding:0.5em 2.8em;
  text-align:center;
  border-bottom:1px solid #B8D568;
  background:#F3FBDD;
  vertical-align:top;
  margin:0 auto;
  clear:left; /* IE */
}
#thumbarray li {
  display:-moz-inline-box;
  display:inline-block;
  vertical-align:top;
  position:relative;
}
#thumbarray li a {
  display:block; /* FF2 */
  display:inline-block;
  border:1px solid transparent;
  padding:0.8em 0.6em 2.4em 0.6em;
  color:#3A4C09;
  position:relative;
}
#thumbarray li a:hover,
#thumbarray li a:focus {
  border:1px solid #BADE59;
  outline:0;
}
#thumbarray li a:focus {
  background:#F3FBDD;
}
#thumbarray li a:hover {
  background:#E3F5B4;
}
#thumbarray li span {
  display:block;
  padding:1em;
}
#thumbarray li a span img {
  border:1px solid #000;
  vertical-align:middle;
}
#thumbarray li a span.caption {
  height:3em;
  padding:0;
  line-height:normal;
  word-wrap:break-word;
}
#thumbarray li a .exif {
  font-size:0.8em;
  color:#8CA449;
  visibility:hidden;
  padding:0;
  position:absolute; /* Buggy in Opera */
  top:2px;
  right:3px;
  width:100%;
  height:auto;
  line-height:normal;
  text-align:right;
  z-index:2;
}
#thumbarray li a:hover .exif,
#thumbarray li a:focus .exif { /* Moz and Saf only */
  visibility:visible;
}
.pagination {
  position:fixed;
  margin-top:5em;
  font-variant:small-caps;
  color:#88B50D;
  overflow:hidden;
  z-index:3;
}
.pagination:hover {
  background:#E3F5B4;
}
.next {
  right:12px;
}
.fixed .next {
  right:12.5em;
  margin-right:4px;
}
.pagination a {
  text-align:center;
  color:#3A6C0C;
  display:block;
  overflow:hidden;
  border:2px solid #BADE59;
  z-index:4;
  position:relative;
}
.prev a {
  border-left:none;
}
.next a {
  border-right:none;
}
.pagination a span {
  display:block;
  position:relative;
  z-index:5;
}
.pagination a > span {
  width:2em;
  float:left;
  padding:0.4em 0;
}
.pagination a > span + span {
  display:none;
}
.pagination a span span,
.pagination a:hover > span + span {
  display:block;
  font-weight:bold;
}
.pagination a + a {
  font:6em "Book Antiqua", "Palatino Linotype", Palatino, serif;
  color:#FFF;
  visibility:hidden;
  position:absolute;
  bottom:-0.25em;
  right:0;
  z-index:3;
  border:0;
}
.pagination a:hover + a,
.pagination:hover a + a { /* Bottom one needed for O9 */
  visibility:visible;
}
.pagination:hover a > span + span { /* O9 */
  display:block;
}
.next a + a {
  right:auto;
  left:0;
}
.doubledigits a + a {
  letter-spacing:-0.15em;
}
#view {
  background:#E3F5B4;
  border-width:1px 0;
  border-top:1px solid #CCC;
  text-align:center;
  position:relative;
  clear:left;
}
body.h #view {
  border-top-width:0;
}
#view img {
  border:2px solid #663300;
  padding:1px;
  display:block;
  margin:0 auto;
  clear:right;
}
#view p,
#view fieldset {
  font-weight:bold;
  color:#769B12;
  padding:1.2em 0;
}
#view fieldset {
  margin-right:2em;
  float:none;
  position:absolute;
  top:0;
  right:0;
}
body.h #view fieldset {
  margin-right:18em;
}
#view fieldset,
body.fixed #view fieldset {
  margin-right:2em;
}
#view fieldset input[type="image"] {
  border:0;
}
#view p {
  width:30em;
  margin:0 auto;
  text-align:center;
}
#view p.caption {
  padding:0;
  margin:2em auto;
  font-size:1.2em;
  clear:none;
  color:#222;
  font-weight:normal;
}
#view p a {
  color:#526C0D;
  margin:1em;
  border-bottom:1px dotted #526C0D;
}
#view .exif {
  float:left;
  margin-top:2.1em;
  text-align:left;
  padding:0.5em 1em 0.5em 1.5em;
}
#view .exif h4 {
  background:url(img/down.png) 0 center no-repeat;
  padding:0 0.7em 0 1.5em;
}
#view .exif h4 a {
  color:#41550B;
}
#view .collapsed h4 {
  background-image:url(img/right.png);
}
#view .collapsed dl {
  display:none;
}
#view .exif dl {
  margin-top:0.3em;
  width:20em;
}
#view .exif dt {
  color:#526C0D;
  font-weight:bold;
  float:left;
  clear:left;
  margin-right:0.4em;
}
#view .exif dd {
  color:#769B12;
}
#view .thumbs {
  border:1px solid #CCCCCC;
  border-width:1px 0;
  background:#FEFEFE;
  clear:both;
}
#view .thumbs ul {
  display:table;
  margin:-8px auto 0 auto;
}
#view .thumbs li {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  padding:2em 1em 1em 1em;
}
#view .thumbs li.active {
  background:transparent url(img/pointerup.gif) center top no-repeat;
}
#view .thumbs li a {
  display:table-cell;
  vertical-align:middle;
}
#view .thumbs li a img {
  border:1px solid #000;
  padding:1px;
}
#view .thumbs li.active a img {
  border:2px solid #914800;
}
#view .thumbs li a:hover img {
  border-color:#CE2D04;
}
#view .thumbs li span {
  color:#B7DA57;
  font-weight:bold;
  display:table-row;
}
#view .thumbs li.active span {
  color:#769B12;
}
#footer {
  text-align:right;
  font-weight:bold;
  font-size:0.9em;
  color:#B7DA57;
  padding:0;
  margin:1em 1em 0 0;
  max-width:100%;
}
#footer a {
  color:#A9C853;
}
#footer a:hover {
  color:#769B12;
}
#footer span {
  margin:1em;
}
#topswitch {
  position:absolute;
  top:-2em;
  right:2em;
  color:#CCC;
  font-size:0.8em;
  font-weight:bold;
  cursor:pointer;
}
body.h #topswitch {
  right:auto;
  left:0.7em;
  top:0.2em;
  color:#7A4D0E;
}
.h h1, .h .imagecount, .h .imagecount + p, .thumbhide + p {
  display:none;
}
p.columnar {
  -moz-column-width:40em;
  -moz-column-gap:4em;
  -khtml-column-width:40em;
  -khtml-column-gap:4em;
  column-width:40em;
  column-gap:4em;
  max-width:100em;
}
body.fixed .Tb_zoomed {
  margin-right:-12em;
}

/* Do not change the line below this one or add anything below it */
/* GENERATED STUFF */
ul#thumbarray li a span {
  width:140px;
  height:140px;
  line-height:140px;
}
ul#thumbarray li a span.caption {
  width:164px;
}
#view .thumbs ul li a {
  height:170px;
  line-height:170px;
}