﻿body
{
	background-color: #ffffff;
	color: #808080;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
a
{
	color: #669932;
}
select
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
textarea
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
input
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
h1
{
	color: #333399;
	font-size: 16px;
	font-weight: bold;
}
h2
{
	color: #658cb3;
	font-size: 14px;
	font-weight: bold;
}
h3
{
	color: #658cb3;
	font-size: 12px;
	font-weight: bold;
}
h4
{
	color: #658cb3;
	font-size: 12px;
	font-style: italic;
}
#header
{
	width: 975px;
	height: 96px;
	padding-top: 4px;
	background: transparent url(../images/pageHeader975x100.png);
	background-repeat: no-repeat;	
}
#headerLogo
{
	float: left;
	width: 720px;
	height: 56px;
	padding-left: 15px;
	padding-top: 6px;	
}
#headerContent
{
	float: left;
	width: 220px;
	height: 96px;
	padding-right: 5px;
	background: transparent url(../images/headerTetonFade.jpg);
	background-repeat: no-repeat;		
}
#headerQuickLinks
{
	float: right;
}
#body
{
	width: 966px;
	padding-left: 9px;
	background: transparent url(../images/pageBody975x25.png);
	background-repeat: repeat-y;	
}
#bodyHeader
{
	width: 956px;		/* Width is -10 to account for right background border */
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */
	background-color: #ffffff;
}
#bodyContent
{
	width: 956px;		/* Width is -10 to account for right background border */
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */
	background-image: url(../images/page10x400.png);
	background-repeat: repeat-x;	
	background-color: #ffffff;	
}
#bodyFooter
{
	width: 951px;		/* Width is -10 to account for right background border */
	padding-top: 5px;
	padding-left: 5px;
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */
	background-color: #ffffff;	
}
#bodyFooterAddress
{
	width: 951px;
	color: #658cb3;
}
#bodyFooterCopyright
{
	width: 951px;
	font-size: 7px;
}
#page
{
	float: left;
	width: 721px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
#pageHeader
{
	width: 701px;
	height: 21px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	background-image: url(../images/pageContentHeader721x26.png);
	background-repeat: no-repeat;
}
#pageHeaderTitle
{
	height: 100%;
	display: inline-block;
	vertical-align: middle;	
}
#pageHeaderTitle h1
{
	height: 100%;
	line-height: 21px;
	display: inline-block;
}
#pageHeaderLinks
{
	float: right;
	height: 100%;
	display: inline-block;
	vertical-align: middle;	
}
#pageHeaderLinks a
{
	height: 100%;
	line-height: 21px;
	display: inline-block;
	font-size: 10px;
}
#pageContent
{
	width: 699px;
	border-left: solid 1px #b5b5b5;
	border-right: solid 1px #b5b5b5;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */
	background-color: #fcfcfc;	
}
#pageFooter
{
	width: 721px;
	height: 21px;
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */
	background-image: url(../images/pageContentFooter721x21.png);
	background-repeat: repeat-x;			
}
#highlightPanel
{
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-left: 5px;
}
#highlightPanel1
{
	width: 200px;
	height: 95px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: url(../images/highlightPanel215x100Green.png);
	background-repeat: no-repeat;
	color: #223311;
	font-style: normal;
	font-size: 11px;		
}

#highlightPanel2
{
	width: 200px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	color: #111133;
	font-style: normal;
	font-size: 11px;			
}
.highlightPanel2-335
{
	height: 335px;	
	background-image: url(../images/highlightPanel215x335Blue.png);	
}
.highlightPanel2-425
{
	height: 425px;	
	background-image: url(../images/highlightPanel215x425Blue.png);	
}
#footer
{
	width: 960px;
	height: 34px;
	padding-left: 15px;
	background-image: url(../images/pageFooter975x34.png);
	background-repeat: no-repeat;
}

/* Image links */
.imageLink
{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.imageLink a
{
	height: 100%;
	line-height: 16px;
	display: inline-block;
}
/*
a.homeBtn
{
	padding-left: 18px;
}
a.homeBtn:link
{
	background: url(/images/16x16/Cool/Home.png) left center no-repeat;
}
a.homeBtn:visited
{
	background: url(/images/16x16/Cool/Home.png) left center no-repeat;
}
a.homeBtn:hover
{
	background: url(/images/16x16/Hot/Home.png) left center no-repeat;
}
*/
a.moreInfoBtn
{
	padding-left: 18px;
}
a.moreInfoBtn:link
{
	background: url(/images/16x16/Cool/Forward.png) left center no-repeat;
}
a.moreInfoBtn:visited
{
	background: url(/images/16x16/Cool/Forward.png) left center no-repeat;
}
a.moreInfoBtn:hover
{
	background: url(/images/16x16/Hot/Forward.png) left center no-repeat;
}
.contentItem
{
	clear: left;
	width: 699px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */

}
.contentItem p
{
	text-align: justify;
}
.contentItem .picture
{
	float: left;
	padding-right: 5px;	
}
.staffItem
{
	clear: left;
	width: 699px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: #e9e9e9 1px dotted;
}
.staffItem p
{
	text-align: justify;
}
.staffItem .picture
{
	float: left;
	padding-right: 5px;	
}
.newsItem
{
	clear: left;
	width: 699px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: #e9e9e9 1px dotted;
	overflow: hidden;	/* this seems to fix a 'clearing float' problem */

}
.newsItem p
{
	text-align: justify;
}
.newsItem .picture
{
	float: left;
	padding-right: 5px;	
}

.quoteItem
{
	clear: left;
	width: 699px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: #e9e9e9 1px dotted;
	overflow: hidden;	/*this seems to fix a 'clearing float' problem */

}
.quoteItem p
{
	text-align: justify;
}
.quoteItem .picture
{
	float: left;
	width: 150px;	
	padding-right: 5px;	
}
.resourceItem
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #e9e9e9 1px dotted;
}
.productItem
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #e9e9e9 1px dotted;
}
.productItemLogo
{
	width: 175px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #e9e9e9 1px dotted;
}
.formItem
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #e9e9e9 1px dotted;
}
.formItemLogo
{
	width: 175px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #e9e9e9 1px dotted;
}

/* Ticker styles */
/*
#Alert 
{
	width: 220px;
	padding-bottom:10px;
	font-family:Verdana, sans-serif;
    color:#880000;
}
#AlertCaption
{
	height:20px;
	padding-left:5px;
	padding-top:3px;
	background-color:#880000;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
}*/
#highlightTicker 
{
/*	
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
*/
	height:90px;
	display:block;
	overflow:hidden;
	position:relative;
    font-size:11px;
}
#highlightTickerVertical {
	width:200px;
	height:90px;
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}
#highlightTickerVertical li
{
    display:block;
	width:198px;
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
}
#highlightTickerVertical li div.item
{
    /*border:1px solid #ddd; */
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #9ead8d;
    background:transparent;
}
#highlightTickerVertical li div.itemTitle
{
	font-weight:bold;
}
#highlightTickerVertical li div.itemContent
{
}
/*
#highlightTickerVertical li div.itemContent a
{
	text-decoration:underline;
	font-weight:normal;
	color:#880000;
}*/