/* Page layout */
body {
  margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: "IBM Plex Sans", Verdana, sans-serif;
	line-height: 1.5;
	background:#fff url(/pictures/corner_top_left.gif)
	top left no-repeat;
	background-position-x:0px;
	border-top:20px solid #006600;
	border-left:20px solid #006600;
  }

div {
  margin:0px;
	padding:0px;
	}
		
#header {
	padding:5px 30px 35px 20px;
	}

#mainpage {
   clear:both;
   background-color:#cbdea8;
	 padding:5px 15px 5px 20px;
	 border-bottom: 1px solid #765;
	 }	

#footer {
   clear:both;
   background-color:#fff;
	 padding:5px 15px 5px 20px;
   	 }	
	
/* Tabs made with the sliding doors technique by D. Bowman at alistapart.com */	
#toptabs {
  float:left;
	width:100%;	
	background:#fff url("/pictures/line_white.gif")
      repeat-x bottom;
	font-size:93%;
	line-height: normal;	
	}
	
#toptabs ul {
  margin:0px;
  padding-left:40px;
  list-style:none;
	}
		
#toptabs li {
    float:left;
	  background:url("/pictures/tab_top_left.gif")
      no-repeat left top;
		margin:0px;
    padding:0px 0px 0px 9px;  
	  border-bottom:1px solid #cbdea8;
	}	
	
#toptabs .current {
    background-image:url("/pictures/tab_on_left.gif");
		border-width:0;
		}
				
#toptabs a {
    display:block;
		font-weight:bold;
		color:#006600;
		background:url("/pictures/tab_top_right.gif")
      no-repeat right top;
		padding:5px 15px 4px 6px;
    }	
				
#toptabs .current a {
    color:#000;
		background-image:url("/pictures/tab_on_right.gif");
		padding-bottom:5px;
    }	
	
#toptabs a:hover {
    color:#00cc33;
		background-color:transparent;
    }
			
#toptabs .current a:hover{
    color:#000;
    }
					
#lowtabs {
  clear:both;
  float:left;
  width:100%;
	font-size:93%;
  line-height:normal;
  background:#fff url("/pictures/line_green.gif")
      repeat-x bottom;
	}
	
#lowtabs ul {
    margin:0px;
    padding-left:25px;
    list-style:none;
    }
		
#lowtabs li {
    float:left;
		background:url("/pictures/tab_low_left.gif")
      no-repeat left top;
		margin:0px;
    padding:0 0 0 9px;  
		border-bottom:1px solid #765;
		}	
		
#lowtabs .current {
    background-image:url("/pictures/tab_on_left.gif");
		border-width:0;
		}
				
#lowtabs a {
    display:block;
		background:url("/pictures/tab_low_right.gif")
      no-repeat right top;
		padding:5px 15px 4px 6px;
		font-weight:bold;
    color:#006600;
    }	
	
#lowtabs .current a {
    background-image:url("/pictures/tab_on_right.gif");
		color:#000;
		padding-bottom:5px;
    }	
	
#lowtabs a:hover {
    color:#00cc33;
		background-color:transparent;
	  }

#lowtabs .current a:hover {
    color:#000;
		}

div#circle {
	position:absolute;
	visibility:hidden;
	width:11px;
	height:11px;
	padding:0;
	margin:0;
	}

/* Positioning */	 
.clear {
   clear:both;
	 } 
	
.lefthand {
   float:left;
	 clear:left;
	 margin-right:5px;
	 }
	 
.righthand {
   float:right;
	 clear:right;
	 margin-left:5px;
	 }	 
	 
.middle {
   text-align:center;
	 }	 
	 	 
/* Links */ 
a {
	 color: #ff3300;
	 text-decoration: none;
   }	
	
a:hover {
   background-color: #006600;
	 color: #f2ffb9;
   }	

a.piclink:hover	{
   background-color: transparent;
   }	 
	 
a.piclink img{
   border:1px solid #fff;
	 }	 
	 
a.piclink:hover img{
   background-color: #fff;
	 border:1px solid #006600;
	 }
	 
a img {
	border:0;
	margin:1px;
	}
	
/* Text */		 
.contrast {
   background:#fff;
	 margin:10px;
	 clear:both;
	 }
	 
h1 {
	font-size:24px;
	color: #006600;
	text-align: left;
	margin:0px;
	padding:2px;
  }

h2 {
 	font-size: 18px;
 	font-weight: bold;
 	color: #006600;
	text-align: center;
	margin:0px;
	padding:5px;
  }
		
h3 {
  font-size:14px;
	font-weight: bold;
	font-family: "IBM Plex Sans", Verdana, sans-serif;
	color: #006600;
	margin:0px;
	padding:2px;
	clear:left;
	}	
	
h4 {
 	font-size:12px;
	font-weight: normal;
	margin:0px;
	padding:5px;
	}
	
h5 {
  font-size:10px;
	font-weight: bold;
	color: #000;
	margin:0px;
	padding:2px;
	}	
	
.caption {
  margin-left:20px;
	}

p {	
	text-align: justify;
	text-indent:0px;
	margin:0px;
	padding:6px 20px 6px 20px;
  }
	
em {
	font-style: italic;
  }
	 
/* Objects */
img {
  margin:5px 15px;
	border:2px solid #006600;
 	}	
	
img.plain {
  border: none;
	}	

div#circle img {
	border:none;
	}

table {
  margin: 20px auto;
	}	
	
td {
 padding:10px 0px 5px 50px;
 vertical-align:top;
 font-size:12px;
 }	

th {
 padding:10px;
 background-color:#fff;
 border:1px solid #765;
 text-align:left;
 vertical-align:top;
 }
	 
table.events {
 border:none;
 margin-left:20px;
 }
 
table.events td {
 background-color:#fff;
 border:1px solid #765;
 }   
  
table.photo td {
  padding:5px;
	background-color:#fff;
	border:1px solid #765;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	} 
			
/* Lists */
td ul {
 margin:0px;
 padding:5px 0px 0px 0px;
 }

ul {
  margin-top:0px;
  }

li {
  padding: 5px 0px 2px 0px;
	}
	
ul.compact li{
  padding:0px;
	font-size:12px;
	}
		
li.nested {
  padding-left:10px;
	list-style-type:none; 
	}

ul.horiz {
  margin:0px 20px 0px 20px;
	padding:0px;
  display: inline;
  }

ul.horiz li {
  margin-left: 0;
  padding: 0px 15px;
	border-right:1px solid #006600;
  list-style: none;
	display: inline;
  }
	
ol {
  padding:5px 20px 0px 30px;
	text-align:justify;
	}
	
ol ol {
  list-style-type:lower-alpha;  
	padding:10px 20px;	
	}
	
dl {
  margin:10px 30px 30px 30px;
	}
	
dt {
  font-weight:bold;
	padding:20px 0px 0px 0px;
	}				

.contrast dl{
  margin:0px 10px 0px 10px;
	}	
	
.contrast dt {
	padding:0px;
	line-height:1px;
	}
	
.contrast dd {
	padding:0px 0px 3px 0px;
	}	

/* visibility of inline popup divs */

.hide {
	display: none;
	visibility: hidden;
}

.show {
	display: block;
	visibility: visible;
	background-color: transparent;
	border: none;
	position: fixed;
	padding: 0px;
	left: 50%;
	top: 50%;
	width: 250px;
	margin: 0;
	
}

/* Hide from IE Mac \*/
* html, * body {
/*	height: 200%; */
	overflow: auto; 
}

* .show {
	position: absolute;
	height: 1px;
}

/* end */