body {
	width: 100%;
   margin:   0;
	font-size: 76%;
	}

html, body {
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	color: #000;
	}


/* layout */

#pagecontainer {
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin-left: 0px;
	color: #000;
	border-bottom: 0.15em solid #900048;
	height: 152px;
	background-color: #336699;
	width: 100%;
	text-align: center;
	background-image: url(http://www.wolfeisland.com/images/banner4.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#content {
	padding:2px 0px 2px 0px;
	background-color: #ffffff;
	color: #000;
	margin-right: 165px;
	margin-left: 165px;
}

#leftcol {
	float: left;
	width: 160px;
	\width: 160px;
	w\idth: 160px;
	color: #000;
	background-color: #99aacc;
	border-bottom: 1px solid #900048;
	border-top: 1px solid #900048;
	margin-top: 6px;
	margin-bottom: 6px;
}

#rightcol {
	float: right;
	width: 160px;
	\width: 160px;
	w\idth: 160px;
	margin: 0;
	margin-left: 0px;
	padding: 0px;
	background-color: #99aacc;
	border-bottom: 1px solid #900048;
	border-top: 1px solid #900048;
	margin-top: 6px;
	margin-bottom: 6px;
}
#rightcol .cal{
	background-color: #ffebbf;
	border-left: solid #333366 1px;
	
}

#footer {
	clear: both;
	padding: 5px;
	text-align: center;
	font-size: x-small;
	border-top: 1px solid #900048;
	color: #000000;
	background-color: #c6a685;
	}

#footer .date {
	float: left;
	text-align: left;
	}

#footer .contact {
	float: right;
	text-align: right;
}
	
div.container {
	/* border: .05em solid #c6a685; */
	padding: 5px;
	margin: 4px;
	}
div.container2 {
	border: .05em solid #003399;
	padding: 5px;
	margin: 4px;
	}
	
/* =================================== */

p, li, td{
	font-family: verdana, arial, sans-serif;
	font-size:1em;
	line-height: 140%;
	}
	
h1 {
	font-family: verdana, arial, sans-serif;
	font-size:1.3em;
	font-weight: 600;
	color: #0066CC;
	
	}

h2 {
	font-family: verdana, arial, sans-serif;
	font-size:1.2em;
	color: #900048;
	font-weight: 600;
	}
	
h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 1.1em;
	color: #996633;
	font-weight: 600;
	}
h4 {
	font-family: verdana, arial, sans-serif;
	font-size: 1.05em;
	margin-top: 0px;
	color: #003399;
}
h5 {
	font-family: verdana, arial, sans-serif;
	font-size: .9em;
	color: #990000;
	
	}
h6 {
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	color: #993300;
	}
a,
        a:link,
        a:visited,
        a:active,
        a:hover {
	font-family:verdana, arial, sans-serif;
	color: #003399;
	text-decoration: none;
	font-weight: 500;
	font-size: 1em;
		}
.sidebar {
	padding: 2px;
	margin: 2px;

	float: right;
	border: 0.05em solid #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:.85em;
	color: #003366;
	text-align: left;
	background-color: #CFCFCF;
	width: 187px;
	vertical-align: text-bottom;
	line-height: 120%;
 }
.rightimage {
	padding: 2px;
	margin: 4px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-style: italic;
	color: #003366;
	line-height: 140%;
	border: 0.05em solid #003366;
 }
 .rightimage_nb {
 	padding: 2px;
 	margin: 4px;
 	clear: both;
 	float: right;
 	
 	
 }
.sponsor  img{
	padding: 5 px;
	margin: 15px;
}
		
/* from MT */
	
	.description {
		font-family:verdana, arial, sans-serif;
		color:#CCC;
		font-weight:bold;	
  		text-transform:none;	
		letter-spacing: none; 		
		}	
					
		
	.blog {
  		padding-left:5px;
  		padding-top:5px;
  		padding-right:5px;					
		}	
	
	.blogbody {
		font-family:verdana, arial, sans-serif;
		line-height:140%;
		font-weight:normal;
		color; #333333;
		margin: 3px;
		}

	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: none;
	}
	 
	
	.title	{ 
		font-family: verdana, arial; 
		font-size: 1.2em; 
		color: #996633; 
		text-transform: uppercase;
		font-weight:400;	
		}			
			
		
	.date	{
	font-family:verdana, arial, sans-serif;
	color: #666666;
	font-size: .8em;
	text-transform:uppercase;
	margin-top:8px;
	border-bottom:.05em solid #996633;
	font-style: italic;
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif;  
		color: #999; 
		font-size: .8em;
		}
		
		
	.calendar {
	font-family: verdana, arial, sans-serif;
	color: #333333;
	font-weight: 300;
	padding: 1px;
	font-size: .75em;
	
}
	.calendar a:link, .calendar a:visited{
		font-family:verdana, arial, sans-serif;
		padding:1px;
		color: #003399;
		text-decoration: underline;
		font-weight: 400;
		}
	.calendar a:hover{
		font-family:verdana, arial, sans-serif;
		padding:1px;
		color: #003399;
		text-decoration: underline;
		font-weight: 400;
		background-color: #dFdFdF;
      border: 1px solid #000099;
		}	
	.calendarhead {
		font-family:verdana, arial, sans-serif;
		color:#990000;
		padding-top: 2px;
		font-size: .9em;
		}	
	
	.side {
		font-family:verdana, arial, sans-serif;
		color:#333333;
  		line-height:140%;	
		font-size: .95em;	
		}	
	.side a:hover{
	background-color: #CCE6FF;
}
	.sidetitle {
	font-family:verdana, arial, sans-serif;
	color:#003399;
	font-weight:500;
	line-height:140%;
	padding:2px;
	font-size: .95em;
	border-bottom:.05em solid #333333;
	text-transform:none;
	letter-spacing: 0.15em;
	font-variant: small-caps;
		}		

		
	.powered {
		font-family:verdana, arial, sans-serif;
		font-size:.75em;
		color:#003399;
		font-weight:400;
		border-top:.05em solid #666;
		border-bottom:.05em solid #666;		
		line-height:120%;
		text-transform:none; 
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: 0.1em;
		font-size: x-small;
			}	

/* WIBTA site navigation CSS */
#nav_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: 400;
	color: #CCCCCC;
	border-top-width: 0.05em;
	border-right-width: 0.05em;
	border-bottom-width: 0.05em;
	border-left-width: 0.05em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	width: 140px;
	line-height: 165%;
	float: left;
	width:140px;
	padding: 0px;
	margin: 5px;
	background-color: #F5f7f7;
	font-variant: normal;
}

.navtitle {
	border-top: 0.05em solid #003366;
	border-bottom: 0.05em none #333333;
	font-size: .9em;
	font-weight: 400;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	background-color: #003366;	
}

.navsubtitle {
	font-size: .9em;
	border-top: 0.05em solid #CCCCCC;
	border-bottom: 0.05em solid #666666;
	font-weight: 400;
	padding: 0px 0px 0px 13px;
	color: #003366;
	background-color: #cfaf7f;
	font-variant: normal;
	text-transform: none;
}

.nav_links {
	border-top: 0.05em solid #CCCCCC;
	font-weight: 400;
	padding: 0px;
	color: #003366;
	background-color: #F5f7f7;
	display:block;
	text-indent: 10px;

}

.nav_links a:link, .nav_links a:visited {
	color: #003366;
	font-size: .9em;
	text-decoration: none;
} 

#nav_menu a:hover {
	color: #FFFFCC;
	background-color: #996633;
	display:block;
	text-decoration: none;	
}

.subnav_links {
	display: block;
	font-weight: 400;
	font-size: .9em;
	text-indent: 18px;
	color: #003366;
	background-color: #dFdFdF;
	border-top-color: #999999;
	border-top-width: 0.05em;
	border-right-width: 0.05em;
	border-bottom-width: 0.05em;
	border-left-width: 0.05em;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.subnav_links a:link, .subnav_links a:visited{
	color: #003366;
	text-decoration: none;
}
.subnav_links a:hover{
	background-color: #996633;
	text-decoration: none;
	color: #FFFFCC;
	display: block;
}
.nn4 {
	visibility: hidden;
	display: none;
}

IMG.photo {
	border: 1px solid #000000;
}
TH.photo {
	border-bottom: 1px solid #900000;
	background-color: #b0b0b0;
}
.photo_group {
	border: 1px solid #900000;
}