body  { font-family: "Arial" sands-serif; padding: 0 }

a {	color: rgb( 0, 52, 104); 
				font-size: 10pt;
				font-weight: bold	}	
							
a:hover {	color: rgb( 251, 176, 64)	}

.cont_but {position: absolute; top: 170px; left: 40px; width: 120px; height: 30px;}
.cont_but a {color:rgb( 0, 52, 104); font-size: 10pt; font-weight:bold; text-decoration: none;}
.cont_but a:hover {color:rgb( 251, 176, 64); text-decoration: none;}



#menu {	margin-left: 40px; font-family: "Arial" sands-serif }
.menu2 {	margin-left: 15px }
#cp {	color: rgb( 251, 176, 64)	}

#box { top: 0px; left: 0px; position: absolute; width: 980px; border-style: solid; border-color: rgb( 0, 52, 104); border-width: 2px; 	margin: 10px 10px 10px 10px; }

#tag { position: absolute; top: 0px; left: 200px; width: 780px; height: 30px;  background-color: rgb( 0, 52, 104) }
#tagln {	font-family: "Arial" sands-serif; 
							color: rgb( 255, 255, 255); 
							font-size: 14px;
							word-spacing: 0.5em;
							letter-spacing: 0.5em; 
							vertical-align: -5px }
.tag1 {	font-weight: normal	}	
.tag2 {	font-weight: bold	}	
.red_text { color: rgb( 255, 0, 0) }




#logo { position: absolute; top: 0px; left: 0px; width: 200px; height: 220px }
#nologo { position: absolute; top: 70px; left: 30px; width: 150px; height: 500px; font-family: "Arial" sands-serif; color: rgb( 0, 52, 104);	font-size: 10pt; font-weight: normal; font-style: italic }
#pic { position: absolute; top: 30px; left: 200px; width: 540px; height: 160px }
#pic2 { position: absolute; top: 30px; left: 470px; width: 510px; height: 695px; background-image: url(images/rollspool.jpg) }
#nav { position: absolute; top: 220px; left: 0px; width: 200px; height: 450px }

.inset {font-family: "Arial" sands-serif; color: rgb( 0, 52, 104);	font-size: 10pt;
			  font-weight: normal }
.insetnm {margin-top: 0px; font-family: "Arial" sands-serif; color: rgb( 0, 52, 104);	font-size: 10pt; font-weight: normal }
.inset_strong { font-weight: bold }
.inset li {margin-left: -25px; list-style-type: disc }
.inset_plain li {margin-left: -40px; list-style-type: none }
.insetnm ul {margin-left: -25px; list-style-type: disc }
.inset-title {font-family: "Arial" sands-serif; color: rgb( 0, 52, 104);	font-size: 13.5pt;
			 margin: 0px; font-weight: bold; font-style: normal }
			 
.inset_bold {font-family: "Arial" sands-serif; color: rgb( 0, 52, 104);	font-size: 12pt;
			  font-weight: bold }
				
.inset_bold li {margin-left: -25px; list-style-type: disc }
.inset_bold a {	color: rgb( 0, 52, 104); 
				font-size: 12pt;
				font-weight: bold; text-decoration: underline }	  
.inset a {font-family: "Arial" sands-serif; 	color: rgb( 0, 52, 104);	font-size: 10pt;
			 font-weight: normal; text-decoration: underline }
.zone { position: absolute; top: 58px; left: 200px; width: 780px; height: 667px; font-family: "Arial" sands-serif; color: rgb( 0, 52, 104);	font-size: 10pt }
.zone_bold { font-weight: bold }
.zone_em { font-style: italic }				
#zone1 { position: absolute; top: 15px; left: 0px; width: 260px; height: 652px; }
#zone2 { position: absolute; top: 15px; left: 260px; width: 260px; height: 652px; }
#zone3 { position: absolute; top: 15px; left: 520px; width: 260px; height: 652px; }

#content { position: absolute; top: 220px; left: 200px; width: 540px; height: 450px; }
#content2 { position: absolute; top: 220px; left: 250px; width: 540px; height: 450px; }
#content3 { position: absolute; top: 220px; left: 250px; width: 680px; height: 450px; }
#content4 { position: absolute; top: 65px; left: 200px; width: 540px; height: 580px;}
#content5 { position: absolute; top: 190px; left: 200px; width: 780px; height: 535px; }
#cont-a { position: absolute; top: 0px; left: 0px; width: 240px; }
#cont-b { position: absolute; top: 0px; left: 270px; width: 240px; }

.logoarea { position: absolute; top: 645px; left: 0px; width: 740px; height:80px;}

#values { position: absolute; top: 30px; left: 200px; width: 780px; height: 695px; background-image: url(images/handshake.jpg) }
#news { position: absolute; top: 30px; left: 200px; width: 780px; height: 695px; background-image: url(images/news_bg.jpg) }
#resources { position: absolute; top: 30px; left: 200px; width: 780px; height: 695px; background-image: url(images/bookshelf.jpg) }


#story-a { position: absolute; top: 30px; left: 740px; width: 240px; height: 570px; background-color: rgb( 253, 191, 104) }
#story-aw { position: absolute; top: 30px; left: 740px; width: 240px; height: 570px }
#story-b { position: absolute; top: 220px; left: 740px; width: 240px; height: 505px;  background-color: rgb( 253, 191, 104) }
#story-bw { position: absolute; top: 220px; left: 740px; width: 240px; height: 505px }
#story-blue { position: absolute; top: 30px; left: 740px; width: 240px; height: 695px; background-color: rgb( 98, 133, 178) }
.story-blue-pic0 { margin-left: 40px; margin-top: 0px }
.story-blue-pic1 { margin-left: 40px; margin-top: 30px }
.story-blue-picx { margin-left: 40px; margin-top: 10px }
.story-inset {font-family: "Arial" sands-serif; 	color: rgb( 0, 52, 104);	font-size: 8pt;
			 margin-left: 20px; margin-right: 20px; font-weight: normal }

.story-inset-title {font-family: "Arial" sands-serif; 	color: rgb( 0, 52, 104);	font-size: 13.5pt;
			 margin-left: 20px; margin-right: 20px; font-weight: bold }
			 
.story-inset a {font-family: "Arial" sands-serif; 	color: rgb( 0, 52, 104);	font-size: 8pt;
			 font-weight: normal; text-decoration: underline }	

.textInput {font-family : Verdana, Arial, Geneva, San-Serif;
	border:1px solid #000000; 
	padding-left:3px; 
	font-size:11px;
	background-color: rgb( 188, 212, 240); 
}
.textInputError {font-family : Verdana, Arial, Geneva, San-Serif;
	border:1px solid #000000; 
	padding-left:3px; 
	font-size:11px;
	color: rgb(255,255,255);
	background-color: rgb( 255, 0, 0); 
}	

#footer { position: absolute; top: 740px; left: 10px;
				font-family: "Arial" sands-serif; 
				color: gray; 
				font-size: 8pt;
				font-weight: normal;
				vertical-align: 5px; }

.textArea {font-family : Verdana, Arial, Geneva, San-Serif;
	border:1px solid #000000; 
	padding-left:3px; 
	font-size:11px;
	background-color: rgb( 188, 212, 240); 
}
input.but {background-color: rgb( 0, 52, 104); font-weight: bold; font-size: 12px; color: rgb( 255, 255, 255);}
#iFrame1 { position: absolute; top: 30px; left: 200px; width: 780px; height: 1045px; }
#iFrame1_Header { position: absolute; top: 200px; left: 200px; width: 780px; height: 40px; font-family: "Arial" sands-serif; 	color: rgb( 0, 52, 104);	font-size: 10pt; font-weight: normal }
.tiny_text {font-family : sans-serif, Verdana, Arial, Geneva;
	font-size : 8pt;
	font-weight : normal;
	font-style : normal;
}
.border {
	border: 1px;
	border-color: #333333;
	border-style: solid;
	}
.bordershade {
	border: 1px;
	border-color: #333333;
	border-style: solid;
	background-color: #f0f0f0;
	}

TR.tableheading { 
	font-size: 12px;
	font-family: sans-serif, Verdana, Arial, Geneva;
	color: #FFFFFF;
	font-weight : bold;
	background-color: #333333;
	border-bottom: 1px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	}
	
TD.results {
	font-size: 12px;
	font-family: sans-serif, Verdana, Arial, Geneva;
	border-bottom: 1px;
	border-bottom-color: #003366;
	border-bottom-style: dashed
	}
	
TD.results a {	font-size: 12px;
	font-family: sans-serif, Verdana, Arial, Geneva;
	border-bottom: 1px;
	border-bottom-color: #003366;
	text-decoration: none 
	}	
							
TD.results a:hover {	color: rgb( 0, 52, 104)	}

TD.inputForm {
	font-size: 12px;
	font-family: sans-serif, Verdana, Arial, Geneva;
	padding-left: 5px;
	}
	
TR.unSelected {
	background-color : #FFFFFF;
}	
TR.Selected {
	background-color : #CCCCCC;
}	

TR.FrmunSelected {
	background-image: none;
	background-color : #FFFFFF;
}	
TR.FrmSelected {
	background-image: url(images/Fibertool/Form_Scroll_Bgnd.jpg);
	background-color : #FFFFFF;	
}