/********** Base Style **********/
	body
	{
		background-color: #336699;
		font-size: 12px;
		line-height: 14px;
		font-family: "lucida grande", sans-serif;
		color: #000;
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	
	html
	{
	height: 100%;
	width: 100%;
	}
	
	/********** Top Banner **********/
	.texttitle h1
	{
		color: white;
		font-size: 24px;
		font-variant: small-caps;
		font-weight: bold;
	}
	
	.texttitle h2
	{
		color: Black;
		font-size: 18px;
		font-variant: small-caps;
		font-weight: bold;
	}
	
	#titlebar	
	{
		background-image: url(/images/newlogo.jpg);
		background-repeat: no-repeat;
		background-color: #fff;
		height: 92px;
		margin: 0px;
		padding: 0px;
		display: block;
		position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
	}

	/*****Properties for the nav bar*****/
	#navbar	
	{
		display: block;
		margin: 0px;
		padding-left: 10px;
		padding-top: 10px;
		position: absolute;
		width: 120px;
		top: 92px;
		bottom: 0;
		background-color: #336699;
	}

	#navbar h2
	{
		color: white;
		font-size: 14px;
		font-variant: small-caps;
		font-weight: bold;
	}
	
	#navbar a:link
	{
		text-decoration: none;
		color: white;
		-webkit-transition: all .5s ease-in-out;
	}
	
	#navbar a:visited
	{
		text-decoration: none;
		color: white;
		-webkit-transition: all .5s ease-in-out;
	}
	
	#navbar a:hover, a:active, a:focus
	{
		text-decoration: none;
		color: yellow;
	}
	
	#navbarhl
	{
		display: none;
	}
	
	/********Header definitions********/
	#welcomeheader, #aboutheader, #historyheader, #biographiesheader, #scienceheader, #lakesurveyheader, #galleryheader, #issuesheader, #linksheader, #forumheader, #membersheader, #searchheader, #errorheader, #scholarshipheader
	{
		width: auto;
		padding: 0px;
		margin: 10px;
		position: relative;
		top: 0px;
		left: 0px;
		right: 0px;
		background-repeat: no-repeat;
		background-color: #fff;
		height: 38px;
	}
	
	#welcomeheader {background-image: url(/images/newheaders/welcome.jpg);}
	#aboutheader {background-image: url(/images/newheaders/about.jpg);}
	#historyheader {background-image: url(/images/newheaders/history.jpg);}
	#biographiesheader {background-image: url(/images/newheaders/biographies.jpg);}
	#scienceheader {background-image: url(/images/newheaders/science.jpg);}
	#lakesurveyheader {background-image: url(/images/newheaders/lakesurvey.jpg);}
	#galleryheader {background-image: url(/images/newheaders/gallery.jpg);}
	#issuesheader {background-image: url(/images/newheaders/issues.jpg);}
	#linksheader {background-image: url(/images/newheaders/links.jpg);}
	#forumheader {background-image: url(/images/newheaders/forum.jpg);}
	#membersheader {background-image: url(/images/newheaders/members.jpg);}
	#searchheader {background-image: url(/images/newheaders/search.jpg);}
	#errorheader {background-image: url(/images/newheaders/error.jpg);}
	#scholarshipheader {background-image: url(/images/newheaders/scholarship.jpg);}
	
	/*****Properties for the content body******/
	.contentarea	
	{
		margin: 0px;
		padding: 0px;
		display: block;
		position: absolute;
		top: 92px;
		left: 120px;
		right: 0px;
		width: auto;
		height: auto;
		background-color: white;
	}
	
	.contentarea a:link, a:visited	
	{
		text-decoration: underline;
		color: blue;
	}
	
	.contentarea a:hover, a:active, a:focus
	{
		text-decoration: underline;
		color: red;
	}
	
.index
	{
		border-color: white white gray white;
		border-width: 0px 0px 1px 0px;
		border-style: none none solid none;
		border-bottom-style: dotted;
		padding: 10px;
		margin: 0px;
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	.contentarea h3
	{
		color: black;
		font-size: 18px;
		font-variant: small-caps;
		font-weight: bold;
		margin-top: 2px;
		margin-bottom: 6px;
	}
	
	.contentarea h4
	{
		color: black;
		font-size: 14px;
		font-style: italic;
	}
	
.blurb
	{
		border-color: white white gray white;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;
		padding: 10px;
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		/* Setting the height to 1% is a hack to get IE6 to properly handle enclosed floats. Because we're only displaying one border and other browsers let the floats expand out of the small container the blurb line displays properly. Need to watch this one. */
		height: 1%;
		clear: left;
		
	}
	
.blurb .quotedtext
	{
		padding: 0 15px 0 15px;
		text-align: justify;
	}
	
	.contentarea .quotedtext
	{
		padding: 0 15px 0 15px;
		text-align: justify;
	}

	.contentarea .clearimage
	{
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;
		clear: both;
	}

	.hasmargin
	{
		margin: 7px;
	}
	
	.article
	{
		border-color: white white gray white;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;
		padding: 10px;
		display: block;
		height: 100%;
		overflow: auto;
	}
	
	div.figure
	{
		border: thin silver solid;
		margin: 0.5em;
		padding: 0.5em;
		text-align: center;
	}
	
	div.figure img
	{
		width: 90%;
	}

	p.caption
	{
		font-style: italic;
		font-size: smaller;
		text-indent: 0;
	}
	
	th
	{
		text-align: left;
	}
	
	.label
	{
		/*float: left;*/
		width: 25%;
		margin-right: 0.5em;
		/*text-align: right;*/
		font-weight: bold;
		height: inherit;
	}
	
	.data	
	{
		float: left;
		left: 200px;
		position: absolute;
	}
	
	/**.data indents the content px. If there is no label the element below will sit under the previous .label and they will overlap.****/
	/**.data is positioned at 200px, but the containing div blurb has a margin of 10px so we need to make dataNoLabel 190px**/
	.dataNoLabel
	{
		margin-left: 190px;
	
	}
	
	.labelForDiv
	{
		float: left;
		width: 25%;
		margin-right: 0.5em;
		font-weight: bold;
		height: auto;
	}
	
	.containerDiv
	{
		overflow: auto;
		width: 100%;
		height: auto;
	}
	
	/***** HL Management process and forms ******/
	
	td.hlcompleted
	{
		height: 30px;
		background-color: #B4C5D4;
		font-family: Verdana;
		color: #000000;
		font-size: 12px;
	}
	
	td.hlactive
	{
		height: 30px;
		background-color: #FFFF00;
		font-family: Verdana;
		color: #000000;
		font-size: 12px;
	}
	
	td.hlfuture
	{
		height: 30px;
		background-color: silver;
		font-family: Verdana;
		color: gray;
		font-size: 12px;
	}
	
	label { vertical-align: top; }
	
	#membersmenu th
	{
		background-color: #FFFF00;
	}
	
	#membersmenu td
	{
		background-color: #B4C5D4;
	}
	
	#membersmenu ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
		
	#membersmenu li	
	{
		border-bottom: 0px solid #90bade;
		margin: 0;
		padding: 4px;
	}
	
	tbody.bluetext, .bluetext
	{
		color: blue;
	}
	
	td.officertitle
	{
		color: black;
		font-family: Verdana;
		font-size: 14px;
		font-style: normal;
		font-variant: small-caps;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
	}
	
	td.committeetitle
	{
		color: black;
		font-family: Verdana;
		font-size: 12px;
		font-style: italic;
		text-align: right;
		vertical-align: top;
	}
	
	.officer
	{
		color: black;
		font-family: Verdana;
		font-size: 14px;
		font-style: normal;
	}
	
	#map table	
	{
		overflow: hidden;
		display: block;
	}
	
	#map tr	
	{
		height: 200px;
		overflow: hidden;
		display: block;
		clear: both;
	}
	
	#map td	
	{
		height: 200px;
		width: 200px;
		overflow: hidden;
		display: block;
		float: left;
	}
	
	#map img
	{
		width: 200px;
		height: 200px;
	}
	
	.floatleft
	{
		float: left;
		height: auto;
	}
	.floatleft form{
		float: left;
	}
	.floatright
	{
		float: right;
		text-align: right;
		width: auto;
	}
	
	.floatclear
	{
		clear: both;
	}
	.leftcolumn
	{
		float: left;
		width: auto;
		Border-style: solid;
		border-color: white;
	}
	.centerDiv{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.center{
 	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    overflow: hidden;
	}
	
	.column25
	{
		float: left;
		Border-style: dotted;
		border-color: white;
		width: 25%;
		position: relative;	
	}
	
	.column15
	{
		float: left;
		text-align: right;
		width: 15%;
		position: relative;
		border-color: white;
		Border-style: dotted;
	}
	
	.dottedline
	{
		border-bottom: 1px dotted;
		border-top: 1px solid;
	}
	
	.img-shadow {
	 float:left;
	 position: relative;
	 background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	 background: url(/images/shadow.gif) no-repeat bottom right;
	 margin: 10px 0 0 10px !important;
	 margin: 10px 0 0 5px;
	 }
	
	 .img-shadow img {
	 display: block;
	 position: relative;
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 margin: -6px 6px 6px -6px;
	 padding: 4px;
	 } 
	 
	 ul.wide li { 
	 margin: 10px 0px;
	 }
	 
	 .error {
	 background-color: #FFF000
	 }
	 
a.tooltip{
	position:relative; /*this is the key*/
	z-index:24; background-color:#ccc;
	color:#000;
	text-decoration: none;
	}

a.tooltip span{
	display: none;
	}

a.tooltip:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	padding: 5px;
	top:-2em; left:1em;
	border:1px solid black;
	background-color:white; 
	color: black;
	text-decoration: inherit;
	text-align: center;
	white-space: nowrap;
    }
.tablewithborder, .tablewithborder td{
	border-width: 1px;
    border-style: solid;
    margin: 0px;
    padding: 4px;
    border-collapse: collapse;
    background-color: white;
}
.tablewithborder tr{
	background-color: #C0C0C0;
}
.thirtiestext{
font-family: "Bookman Old Style", "Verdana";
}
.attendance td, .attendance th{
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
border: solid;
border-width: 1px;
}
.attendance th{
vertical-align: bottom;
}
.attendance table{
border-collapse:collapse;
}
.attendance a:link, .attendance a:visited, .attendance a:active {
color: black;
text-decoration: none;
}
.centertext, .centerText{
	text-align: center;
}
.centertext table, .centerText table{
	margin-right: auto;
	margin-left: auto;
}
.rightText{
	text-align: right;
}
.leftText{
	text-align: left;
}
.welcomeblock{
padding-left: 10px;
padding-right: 10px;
}

#inlineElement{
display: inline;
}
.fiftyPercent {
	width: 50%;
}
.showWhenPrinting{
	display: none;
}
.hideWhenPrinting{
	display: block;
}
.datePicker{
	background-image: url(/images/cal.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.timePicker{
	background-image: url(/images/clock.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.divider td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: gray;
	border-collapse: collapse;
}
tr.colorRow:hover, .anglerName:hover{
	background-color: #d9e6f2;
}
#mapDiv{
position: relative;
}
.infoWindowDiv{
	width: 250px;
}
td p{
margin-top: 0;
margin-bottom: 0;
}
.HLDuesCurrent{
	background-color: #99ff66;
}
.HLDuesBehind{
	background-color: red;
}
.HLDuesPaidAhead{
	background-color: #99cc33;
}
.Odd{
	background-color: #ffffcc;
}
.anglerName{
	float: left;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}
.column20{
	float: left;
	width: 20%;
}
.column10{
	float: left;
	width: 10%;
}
.column30{
	float: left;
	width: 30%;
}
.margin5, .singleColumn img.margin5{
	margin-left: 5px;
}
.treRoster{
	width: 100%;
}
.treRoster img{
	float: left;
}
.tripReports table{
	margin-top: 2em;
}
.underlineText{
	text-decoration: underline;
}
.article li{
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Styles for 1986 TB Annual Report */


.biggerText{
	font-family: Arial;
	font-size: 1.5em;
}