﻿/* ~~~~~~~~~~~~~~~~~~~~~~~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.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;
	}


	a.activeTab, a.activeTab:hover, a.activeTab:link, a.activeTab:visited {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: center;
		color: #6D92BC;
		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;
		font-size: 16px;
		background-image: url('../images/panel_gradient_nav_156.png');
	}
	#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;
	}
	#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;
	}
	/* Page Specific Styles*/
	#contentPanelWrapper #contactBlock h2 a {
		color: #336699;
	}
	#contactBlock {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26px;
		text-align: justify;
		color: #336699;
		margin-top: 30px;
		margin-left: 120px;
		margin-right: 120px;
		padding: 20px;
		clear: both;
	}




/*~~~~~~~~~~~~~~~~PAGE TEXT AREA~~~~~~~~~~~~~~~~~~~~~*/
	#textBoxWrapper {
		top: 0px;
		width: 420px;
		height: 519px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26px;
		text-align: justify;
		color: #336699;
		clear: both;
	}

	#textBoxWrapper2 {
		position: absolute;
		top: 0px;
		width: 420px;
		height: 519px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 26px;
		text-align: center;
		color: #336699;
		clear: both;
	}
	
	#textBlock {
		display: block;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		float: none;
	}
	#IEroot #textBlock {
		display: block;
		width: 320px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: -5px;
		float: none;
	}
	#textBlock p.blockRuled {
		display: block;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 150px;
		float: none;
		padding-bottom: 20px;
		border-bottom: 1px;
		border-bottom-color: #336699;
		border-bottom-style: dotted;
	}
	
		#IEroot #textBlock p.blockRuled {
		display: block;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		float: none;
		padding-bottom: 20px;
		border-bottom: 1px;
		border-bottom-color: #336699;
		border-bottom-style: dotted;
	}
	#IEnavBlock p.blockRuled {
		border-bottom-color: #D0D7E0;
		border-bottom-style: solid;
	}
	
	
	#textBlock p.blockRuledBlue {
		display: block;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
		float: none;
		padding-bottom: 20px;
		border-bottom: 1px;
		border-bottom-color: #336699;
		border-bottom-style: dotted;
		color: #336699;
	}

	#IEroot #textBlock p.blockRuledBlue {
		display: block;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		float: none;
		padding-bottom: 20px;
		border-bottom: 1px;
		border-bottom-color: #336699;
		border-bottom-style: dotted;
		color: #336699;
	}	
	
	#IEnavBlock p.blockRuledBlue {
		border-bottom-color: #D0D7E0;
		border-bottom-style: solid;}
		
	#textBlock li {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		font-style: oblique;
		font-size: 16px;
	}




/*~~~~~~~~~~~~~~~~CLIP PAD AREA~~~~~~~~~~~~~~~~~~~~~*/

	
	#formText {
		display: block;
		margin-bottom: 40px;
		color: #85a3c2;
		font-size: 13px;
		margin-top:-60px;
	}

	#IEroot	#formText {
		display: block;
		margin-bottom: 40px;
		color: #85a3c2;
		font-size: 13px;
		margin-top: 0px;
	}
	
	#formText a {
		color: #85a3c2;
		text-decoration: none;
	}
	#formText a:hover {
		color: #999966;
		text-decoration: underline;
	}
	#clipPadImage {
		position: absolute;
		width: 352px;
		height: 531px;
		background-image: url('../images/clipPad3.png');
		margin-left: 615px;
		margin-top: 57px;
	}
	#clipPad {
		position: absolute;
		width: 352px;
		height: 531px;
		margin-left: 615px;
		margin-top: 57px;
	}
	#clipPadStage {
		position: absolute;
		left: 37px;
		top: 135px;
		width: 275px;
	}
	#clipPadHeadline {
		display: block;
		margin-bottom: 6px;
		padding-left: 24px;
		margin-top: 0px;
	}
	#clipPadHeadline h2 {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 22px;
	}
	.formTable {
		padding-top: 0;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 30px; /*<this value might need to be conditioned for non ie7 browsers*/
		margin-bottom: 0;
		width: 270px;
	}
	td.formIntro {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #A7A77C;
		font-size: 12px;
		line-height: 13px;
		padding-left: 20px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
	}
	#IEroot td.formIntro {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #A7A77C;
		font-size: 12px;
		line-height: 13px;
		padding-left: 20px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 15px;
	}
	td.leftCol {
		width: 95px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #A7A77C;
		font-size: 12px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.fieldStyle1 {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 12px;
		margin-bottom: 5px;
		width: 150px;
	}
	.fieldStyle3 {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 12px;
		margin-bottom: 5px;
		width: 140px;
	}
	.fieldStyle2 {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.formChoice {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 12px;
		margin-bottom: 5px;
	}
	input.button {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		color: #336699;
		font-size: 12px;
		margin-left: 80px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.formFooter {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
		text-align: justify;
		color: #999966;
		padding-left: 20px;
	}
	#IEroot .formFooter {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
		text-align: justify;
		color: #999966;
		padding-left: 20px;
		padding-right: 15px;
	}
	.formFooter a {
		color: #336699;
		text-decoration: none;
	}
	.formFooter a:hover {
		color: #999966;
		text-decoration: none;
	}
	.formText a:link {
		color: #336699;
		text-decoration: none;
	}
		
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~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;
	}
	


.jobTable {
	width: 100%;
	margin-right:0px;
	padding-right: 10px;
}

 
.jobContainerTop{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	display: block;
	border: 1px #81A1C0 solid;
	background-color: #F8FDEA;
	line-height: 15px;
	margin-top: -10px;
	}
	
.jobContainer{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	display: block;
	border: 1px #81A1C0 solid;
	background-color: #F8FDEA;
	line-height: 15px;
	margin-top: 10px;
	}


.jobHeading 
{
	color: #336699;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	}

 

.jobNumber{
	text-align: right;
	color: #336699;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	}

 

.jobBodyL 
{
	color: #999966;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

 

.jobBodyR 
{
	color: #336699;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}

 

.jobButton {
	color: #336699;
	margin-top: 2px;
	font-size: 10px;
	}



.jpanel 
{
	position: absolute;
left: 0px;
top: 0px;
	margin-top:10px;
	margin-left: 15px;
	width: 390px;
	height: 500px;
	display: block;

}

.jBox{
	position: absolute;
left: 0px;
top: 0px;
	margin-top:10px;
	margin-left: 15px;
	width: 380px;
	height: 100px;
	display: block;
border: 1px #81A1C0 solid;
background-color: #F1FFCD;


}

.center 
{
	margin-top: 10px;
	text-align: center;
}

#navDiv a:hover
{ color: #336699;
}
	
	
	
#instruction 
{
	display: block;
	padding-top: 8px;
	text-align: center;
	color: #336699;
	font-size: 14px;
	font-weight: bold;

	}
	
	
#instruction a
{
	color: #336699;
	text-decoration: underline;
	}


