﻿/* ~~~~~~~~~~~~~~~~~~~~~~~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;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		background-image: url('../images/panel_gradient_nav_156.png');
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 6px 0px;
	}
	li {
		display: block;
		margin: 10px 0px;
		padding: 3px 8px;
		color: #A5A5A5;
		margin: 10px;
	}
	li a {
		display: block;
		margin: 1px;
		padding: 3px;
		text-decoration: none;
		border-bottom: 1px;
		border-bottom-style: dotted;
		border-color: #336699;
		color: #336699;
	}
	li a:hover {
		background: #EEF2F7;
	}
	/* IE 6 ONLY -> */
	#IE6nav li a {
		border-bottom-style: solid;
		border-color: #D0D7E0;
	}
	
	
	
	
/*~~~~~~~~~~~~~~~~~CONTENT PANEL~~~~~~~~~~~~~~~~~~*/
	#contentPanelWrapper {
		position: absolute;
		width: 804px;
		top: 0px;
		left: 193px;
		height: 522px;
		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;
	}
		
	
	
	
/* Page Specific Styles*/
	#contentPanelWrapper #contactBlock h2 a {
		color: #336699;
	}
	#contactBlock {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26pc;
		text-align: justify;
		color: #336699;
		margin-top: 30px;
		margin-left: 120px;
		margin-right: 120px;
		padding: 20px;
		clear: both;
	}
	#jobHeadline h2 {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 19px;
		margin-bottom: -10px;
		margin-top: 0px;
		padding: 0;
		height: 15px;
	}
	#imageBlock {
		margin-top: 45px;
		margin-left: 480px;
		margin-right: 0px;
	}
	#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;
	}
	#textBlock a {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26px;
		text-align: justify;
		color: #336699;
		text-decoration: underline;
	}
	#textBlock a:hover {
		color: #999966;;
	}
	#jobBlockRight {
		position: absolute;
		top: 55px;
		left: 0px;
		width: 350px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26px;
		text-align: justify;
		color: #336699;
		margin-left: 40px;
		margin-right: 120px;
		padding: 0px;
		clear: both;
	}
	#jobImage {
		left: 0px;
		width: 350px;
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px;
		float: none;
	}
	#jobHeadline {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 38px;
	}
	#jobHeadline h2 a {
		color: #999966;
	}
	#jobText {
		display: block;
		margin-right: 10px;
	}
	#jobText a {
		color: #999966;
		text-decoration: none;
	}
	#jobText a:hover {
		color: #999966;
		text-decoration: underline;
	}
	#clipPad {
		position: absolute;
		width: 352px;
		height: 537px;
		background-image: url('../images/clipPad.png');
		margin-left: 616px;
		margin-top: 52px;
	}
	#clipPad3 {
		position: absolute;
		width: 352px;
		height: 531px;
		background-image: url('../images/clipPad3.png');
		margin-left: 615px;
		margin-top: 57px;
	}
	#clipPadText {
		position: absolute;
		left: 45px;
		top: 135px;
		width: 260px;
	}
	#clipPadText p {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 15px;
		text-align: justify;
		color: #336699;
		margin-left: 15px;
		margin-right: 15px;
		padding: 0px;
		margin-bottom: -6px;
		line-height: 22px;
	}
	#clipPadText ul {
		margin: 0;
		padding: 6px 20px 10px 10px;
	}
	#clipPadText li {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		text-align: justify;
		color: #A5A5A5;
		margin-left: 18px;
		margin-right: 0px;
		padding: 0px;
		margin-bottom: 0px;
		list-style-position: outside;
		list-style-type: disc;
	}
		
	
		.hyperlink {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;;
		text-align: justify;
		color: #336699;
		text-decoration: underline;
		}
	
/*~~~~~~~~~~~~~~~~~~~~~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;
	}
	
