/*******************************************/
/* Common Style sheet for IFO, in progress */
/*******************************************/
/* necessary details...                    */
/*******************************************/


h1 {
 font-size:15pt;
 color:#4D3979;
 font-weight:bold;
 margin-bottom: -1px;
 text-align: left;
}

h2 {
 font-size:12pt;
 color:#666666;
 font-weight:bold;
}

h3{ 
 font-size:10pt;
 color:#666666;
 font-weight:bold;
}

.page-wrapper{
 width:836px; 
 margin-left:auto; 
 margin-right:auto; 

} 
  
#pagewidth{ 
 width:830px; 
 text-align:left; 
 min-width: 830px;
 border: 3px solid #87939d;
} 


 
#inner{
 margin:0; 
 width:100%; 
}
 
#outer{
}

#page-bottom{ 
 width:830px; 
 text-align:left; 
 min-width: 830px;
 margin-left:auto; 
 margin-right:auto;
 height: 16px;
 background: #000000;
 border-left: 3px solid #87939d;
 border-right: 3px solid #87939d;
 border-bottom: 3px solid #87939d;
} 

.clr{clear:both;}
 
ol.lalpha {list-style-type: lower-alpha} 


/*********************************************************************************************************************/
/* header section, contains 3 rows/divs - company name + search box, main banner image and horizontal navigation bar */ 
/*********************************************************************************************************************/

#header{ 
 width:100%; 
 background-color:#ffffff; 
 margin: 0px;
 padding: 2px 0px 0px 0px;
 } 

#floatleft{
 position: relative;
 float: left;
 top:6px;
}

#searchbox{
 position: relative;
 float: right;

}
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

/******************************************************************************************************/
/* left column, set to 186 wide, will be purple for educational section, blue for engineering section */ 
/******************************************************************************************************/
 
#leftcol{
 /*/*/ width:186px; /* hack keeps NN4 right column right? */ 
 float:left; 
 position:relative; 
 margin-left:-186px; 
 margin-right:1px; 
 padding: 0px 0px 0px 0px;
} 

#contact-info{
 text-align: center;
 padding: 4px 0px 0px 0px;

}

.phoneNumber {
 font-size: 10pt;
 font-weight: bold;
}

.redtext {
 font-size: 8pt;
 color: #990000;
 font-weight: bold;
}

/**********************************/
/* main content area for all pages*/ 
/**********************************/

#onecolumn, #onecolumn-special-links{ 
 width: 820px; 
 position: relative; 
 background-color: #ffffff;
 padding: 0px 0px 10px 10px;
}

#maincol, plain-maincol{ 
 float: right; 
 width: 639px; 
 position: relative; 
 padding: 0px 0px 10px 0px;
 }

#content{
 padding:0px 5px 0px 5px;
} /*padding for content */ 

.narrow-paragraph {
 width: 500px;
}

#column-605{
 width: 605px;
}

#narrowcolumn{
width: 365px;
}

#widecolumn{
width: 470px;
padding: 0px 0px 0px 10px;
}

#print-summary-image{
float: right;
width: 250px;
valign: top;
padding: 0px 0px 0px 0px;
}

.breadcrum {
 border-top: 4px solid #ffffff;
 z-index:100;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
}
.breadcrum A:link {
 color:#000099;
 font-weight: bold;
 text-decoration:underline;
}
.breadcrum A:visited {
 color:#000099;
 font-weight: bold;
 text-decoration:underline;
}
.breadcrum A:hover {
 color:#00f321;
 font-weight: bold;
 text-decoration:underline;
}
.breadcrum A:active {
 color:#000099;
 font-weight: bold;
 text-decoration:underline;
}

.imgleft{	
 float: left;
 margin: 4px 15px 4px 4px;
}
.imgright{
 float: right;
 margin: 20px 4px 4px 15px;
}
.imgcenter{
 text-align: center;
}
.noimgborder{
 border: none;
}

.right-image-div{
  float: right;
  margin: 1px;
  padding: 1px 1px 1px 3px;
}

#popup {
 width: 90%;
 border: 20px solid #ffffff;
}

.foot_notes_text {
 font-size:9pt;
 font-style:italic;
}

.bold-font {
 font-weight: bold;
}

.hdr2-white {
 font-size:12pt;
 color:#ffffff;
 text-align: left;
 font-weight:bold;
}

.yellow-text{
 color:#CC6600;
}

.yellow-hdr {
 font-size:13pt;
 color:#CC6600;
 font-weight:bold;
}
.yellow-hdr A:link{
 color:#CC6600;
}
.yellow-hdr A:visited{
 color:#CC6600;
}
.yellow-hdr A:hover{
 color:#CC6600;
}
.yellow-hdr A:active{
 color:#CC6600;
}

.green-text{
 color: #00F020;
 text-decoration: none;
 font-weight: bold;
}

.green-text A:link{
 color:#00F020;
}
.green-text A:visited{
 color:#00F020;
}
.green-text A:hover{
 color:#00F020;
}
.green-text A:active{
 color:#00F020;
}

.comment-background{
 background-color:#ffffcc;
}

.padded-comment-background {
 padding: 10px;
 background-color:#ffffcc;
}

/*****************************/
/* Footer section of website */
/*****************************/

#footer{
 text-align: left bottom;
 vertical-align: middle;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 background-color: #ffffff;
} 

#footer-wrap{
line-height: 11pt;
padding: 0px 0px 3px 0px;
}

.footerTEXTright{
 padding: 0px 4px 0px 0px;
 text-align: right;
 font-size: 9pt;
 width:14%;
 float: right;
}



 /*printer styles*/ 
@media print{ 
#outer{border:0;} 
#inner{border:0;} 
#searchbox{display:none;}
#navbar{display:none;}
#leftcol{display:none;}
#maincol{width: 750px;}
#plain-maincol{width: 750px;}
}

@page {
 size:8.5in 11in;
 margin: 0.5in;
}

@page:first {
 margin-top: 2cm;
}

@page:right {
 margin-left: 1cm;
 margin-right: 1cm;
}

@page:left {
 margin-left: 1cm;
 margin-right: 1cm;
}

#wide-width-div{
	margin-left: 20px;
	margin-top: 10px;
	width: 576px;
}

#medium-width-div{
	width: 540px;
	margin-top: 10px;
	margin-left: 40px;	
}

#medium-width-div-440{
	width: 440px;
	margin-top: 10px;
	margin-left: 80px;	
}

#narrow-width-div{
	margin-left: 130px;
	margin-top: 10px;
	width: 340px;
}

.roundedcornr_box_717760 {
	background: url(http://i-fiberoptics.com/images/roundedcornr_717760_tl.png) no-repeat top left;
}
.roundedcornr_top_717760 {
	background: url(http://i-fiberoptics.com/images/roundedcornr_717760_tr.png) no-repeat top right;
}
.roundedcornr_bottom_717760 {
	background: url(http://i-fiberoptics.com/images/roundedcornr_717760_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_717760 div {
	background: url(http://i-fiberoptics.com/images/roundedcornr_717760_br.png) no-repeat bottom right;
}
.roundedcornr_content_717760 {
	background: url(http://i-fiberoptics.com/images/roundedcornr_717760_r.png) top right repeat-y;
}

.roundedcornr_top_717760 div,.roundedcornr_top_717760,
.roundedcornr_bottom_717760 div, .roundedcornr_bottom_717760 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_717760, .roundedcornr_bottom_717760 {
	margin-top: -2px;
}
.roundedcornr_content_717760 { padding: 0 15px; }


table.bottom-dotted-border td {
	border-bottom: 1px dotted #444444;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}