﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~BACKGROUND GRADIENT~~~~~~~~~~~~~~~~~~~~~~~~*/
	body {
		background-image: url(../images/stripe4.png);
		padding: 0;
	}
	
	
	
	
/*~~~~~~~~~~~~~~~~~~~GRAPHIC TABS, PANELS, AND LAYOUT~~~~~~~~~~~~~~~~~~~~*/
	.page {
		position: absolute;
		height: auto;
		width: 100%;
		left: 0px;
		top: 0px;
		text-align: center;
	}
	/*important*/
	.content {
		width: 1021px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		text-align: justify;
		padding: 0px;
		top: 0px;
	}
	td img {
		display: block;
		border: 0px;
	}
		
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~TOP NAVIGATION TABS OVERLAY~~~~~~~~~~~~~~~~~~~~~~*/
	#buttons {
		position: absolute;
		margin-top: 41px;
		margin-bottom: 0px;
		width: 1021px;
		height: 24px;
	}
	#button1 {
		position: absolute;
		display: block;
		margin-top: 5px;
		width: 107px;
		top: 0px;
		left: 393px;
		height: 23px;
		float: right;
		text-align: center;
		text-decoration: none;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
	#button2 {
		position: absolute;
		display: block;
		margin-top: 5px;
		width: 105px;
		top: 0px;
		left: 500px;
		height: 23px;
		float: right;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
	}
	#button3 {
		position: absolute;
		display: block;
		margin-top: 5px;
		width: 104px;
		top: 0px;
		left: 605px;
		height: 23px;
		float: right;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
	}
		
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~TOP BUTTON BEHAVIOR~~~~~~~~~~~~~~~~~~~~~~~~*/
	a.activeTab {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: center;
		color: #6D92BC;
		text-decoration: none;
	}
	a.passiveTab {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		text-align: center;
		color: #A7A77C;
		text-decoration: none;
	}
	a.passiveTab:hover {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: center;
		color: #999966;
		font-weight: bold;
		text-decoration: none;
	}
		
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CONTENT OVERLAY~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#overlay {
		position: absolute;
		margin-top: 155px;
		margin-bottom: 0px;
		width: 1021px;
		height: 522px;
		background-color: transparent;
	}
	
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~NAVIGATION PANEL~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#navPanelWrapper {
		position: absolute;
		width: 156px;
		top: 0px;
		left: 25px;
		height: 522px;
		float: right;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		background-image: url('../images/panel_gradient_nav_156.png');
		background-repeat: repeat-x;
		font-size: 16px;
	}
	#navPanelWrapper ul {
		list-style: none;
		margin: 0;
		padding: 6px 0px;
	}
	#navPanelWrapper li {
		display: block;
		margin: 10px 0px;
		padding: 3px 8px;
		color: #A5A5A5;
		margin: 10px;
	}
	#navPanelWrapper li a {
		display: block;
		margin: 1px;
		padding: 3px;
		text-decoration: none;
		border-bottom: 1px;
		border-bottom-style: dotted;
		border-color: #336699;
		color: #336699;
	}
	#navPanelWrapper li a:hover {
		background: #EEF2F7;
	}
	/*IE6 Only*/
	/*FIX IE6*/
	#IEnav li a {
		border-bottom-style: SOLID;
		border-color: #D0D7E0;
	}
		
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~CONTENT PANEL~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#contentPanelWrapper {
		position: absolute;
		width: 804px;
		top: 0px;
		left: 193px;
		height: 522px;
		clear: right;
		background-image: url('../images/panel_gradient_content.png');
	}
	h2 {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #999966;
		font-size: 19px;
		margin-bottom: -10px;
		margin-top: 0px;
		padding: 0;
		height: 15px;
	}
	h2 a {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #999966;
		font-size: 19px;
		margin-bottom: -10px;
		margin-top: 0px;
		padding: 0;
		height: 15px;
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration: underline;
	}
	#textBlock {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26px;
		text-align: justify;
		color: #336699;
		margin-left: 140px;
		margin-right: 140px;
	}
	#clipPadImage {
		position: absolute;
		width: 352px;
		height: 531px;
		background-image: url('../images/clipPad3.png');
		margin-left: 615px;
		margin-top: 57px;
	}
	#clipPad3 {
		position: absolute;
		width: 352px;
		height: 531px;
		margin-left: 615px;
		margin-top: 57px;
	}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#footerWrapper {
		position: absolute;
		width: 992px;
		top: 520px;
		left: 0px;
		height: 100px;
		padding-top: 20px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
	.bigFooter {
		font-size: 13px;
		text-align: center;
		padding: 0px;
		margin-bottom: 8px;
		color: #336699;
	}
	.smallFooter {
		font-size: 13px;
		text-align: center;
		margin-top: -8px;
		padding: 0px;
		color: #336699;
	}
	.smallFooter a {
		font-size: 13px;
		text-align: center;
		padding: 0px;
		margin-top: -8px;
		color: #336699;
	}
	

