/*CSS BUILT BY JEWEL CLARK.  ANY QUESTIONS, PLEASE EMAIL HJEWELCLARK<AT>YAHOO.COM OR CALL 480-664-9436.
3/10/2009*/

/*THESE ARE THE TOP HEADERS FOR EACH PAGE WITH THE REFRAC LOGO AND A BACKGROUND IMAGE*/
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/headers/furnaceheader2.jpg);
	background-color: #cccccc;
	height: 115px;
	background-repeat: no-repeat;
	display: block;
	background-position: right;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	font-variant: normal;
	letter-spacing: normal;
	padding-left: 15px;
	padding-top: 15px;
}
.aboutheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/headers/exteriorBldgHeader3.jpg);
	background-color: #cccccc;
	height: 115px;
	background-repeat: no-repeat;
	display: block;
	background-position: right;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	font-variant: normal;
	letter-spacing: normal;
	padding-left: 15px;
	padding-top: 15px;
}
.furnaceheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/headers/furnaceheader2.jpg);
	background-color: #cccccc;
	height: 115px;
	background-repeat: no-repeat;
	display: block;
	background-position: right;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	font-variant: normal;
	letter-spacing: normal;
	padding-left: 15px;
	padding-top: 15px;
}	
#maincontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 135%;
	float: none;
	margin-left: 20px;
	margin-right: 30px;
	visibility:visible;
	width: 550px;
		_float: left;
		_margin-left: 0px;
		_margin-right: 0px;
}
#aboutcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 135%;
	float: none;
	margin-left: 20px;
	margin-right: 30px;
	visibility:visible;
	width: 750px;
		_float: left;
		_margin-left: 0px;
		_margin-right: 0px;
}
/*THIS IS THE CSS FOR THE FURNACE HEADERS ON THE MAIN FURNACE PAGE- ie "LABORATORY SCALE FURNACES" ETC*/
.mainfurnacepagetitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-top: 10px;
	margin-left: 20px;
	padding-right: 0px;
	text-align: left;
}
/*THIS IS THE CSS FOR THE BOLD FURNACE DESCRIPTIONS ON THE LARGE FURNACE PAGES*/
.furnacepagetitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-top: 0px;
	margin-left: 10px;
	padding-right: 0px;
	width: 350px;
}
/*THIS IS THE CSS FOR THE SMALL FURNACE MAIN PAGE PICS*/
.furnacepics  img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 190px;
	border-color: #0000FF;
	border-style: solid;
	border-width: thin;
	padding: 0px;
}
.furnacepictext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	width: 200px;
	line-height: 130%;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	height: 325px;
	float: left;
}
.lgfurnacepagetitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-top: 0px; /*30px; use this number for the independent Furnace Description pages outside of the frame element if we go back to using them*/
	margin-left: 10px;
	padding-right: 0px;
	width: 325px;
}
/* THIS CODE IS CREATING THE BLUE BORDER AROUND THE LARGE FURNACE PICS AND AFFECTING SPACING AT THE SAME TIME. I NEED TO SEPARATE THESE INTO .LGFURNACEPICS WITH SPACING INFO AND .LGFURNACEPICS IMG FOR IMAGE INFO*/
.lgfurnacepics img{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-color: #0000FF;
	border-style: solid;
	border-width: thin;
	margin-bottom: 0px; /*8px; again use this number for the independent Furnace Descriptions pages*/
	margin-left: 8px;
	margin-right: 8px;
	/*margin-top: 5px;*//*this is omitted for the frame furnace enlargements. If we go back to the independent pages for Furnace descriptions, turn this back on*/
}
.lgfurnacemaintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	visibility:visible;
	line-height: 120%;
	width: 325px;
}
.servicepagestitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-top: 30px; 
	margin-left: 10px;
	padding-right: 0px;
	width: 325px;
}
.servicespics img {
	border-color: #0000FF;
	border-style: solid;
	border-width: thin;
	margin-bottom: 8px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 5px;
}
.servicesmaintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	visibility:visible;
	line-height: 140%;
	width: 325px;
}
/*HERE IS WHERE MOST OF THE TEXT FORMATTING IS OUTSIDE OF THE SERVICES AND FURNACE PAGES */
.textheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 0px;
}
.subtextheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-top: 10px;
	padding-left: 0px;
}
.subheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 20px;
}
.boldtexttitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 0px;
}
.smalltype {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: normal;
	text-align: center;
	word-spacing: normal;
	margin-bottom: 5px;
	vertical-align: baseline;
	overflow: visible;
	line-height: 130%;
}
.smallesttype {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 20px;
}

/*THIS IS THE CSS FOR THE SIDEBAR ON THE HOME PAGE*/
#sidebar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 14px;
	width: 190px;
	line-height: 15px;
	float: right;
	padding-left: 5px;
	padding-right: 15px;
}
.sidebar ul li{
	background-color: #FFFFFF;
}
/*SIDEBAR CODE ENDS */


a:link {color:#000000; text-decoration:none; }
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}

/*THIS PUTS A BLUE BORDER AROUND AN IMAGE*/
.mainimageborder{
	border-style:solid;
	border-color:#0000FF;
	border-width:thin;
	margin-top:20px;
	margin-bottom: 35px;
	margin-left: 10px;
	margin-right: 10px;
}	
.imageborder{
	border-style:solid;
	border-color:#0000FF;
	border-width:thin;
	margin-top:15px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}	
.lab {
	border-style:solid;
	border-color:#0000FF;
	border-width:thin;
}
.contact form {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 12px;
}
.contact input, textarea {
	background-color:#CCCCCC;
	border:inset 1px #CCCCCC;
}	
/*this section contains all the css that controls the navigation area*/

.navmainalt {
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	list-style-type: none;
	text-align:center;
	text-decoration:none;
	line-height: 120%;
	font-size:11px;
	margin-top:10px;
	width: 145px;
}
#navmainalt ul li a {
	text-align: center;
	background: #0000CC;
	list-style: none;
	/*height: 20px;*/
	color:#FFFFFF;
	display: block;
	border: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
	margin-bottom: 3px;
	position:relative;
	right:25px;
}	
#navmainalt ul li a:hover, #navmainalt ul li a:active	{
	background: #FFFFFF;
	border: #0000CC;
	border-style: solid;
	border-width: 1px;
	list-style: none;
	color:#000000;
	display: block;
}	
.navbigalt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align:center;
	text-indent: 0px;
	text-decoration:none;
	font-size:12px;
	line-height: 140%;
	margin-top:-10px;
	width: 145px;
}
#navbigalt ul li a {
	text-align: center;
	background: #0000CC;
	list-style: none;
	height: 38px;
	float: none;
	color:#FFFFFF;
	display: block;
	border: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	/*width: 155px;*/
	padding-left: 5px;
	padding-right:5px;
	position:relative;
	right:25px;
}	
#navbigalt ul li a:hover, #navbigalt ul li a:active	{
	background: #FFFFFF;
	border: #0000CC;
	border-style: solid;
	border-width: 1px;
	list-style: none;
	float: none;
	color:#000000;
	display: block;
}	
.statsalt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align:center;
	text-indent: 0px;
	text-decoration:none;
	font-size:11px;
	line-height: 130%;
	margin-top: 545px;
	width: 145px;
}
#statsalt ul li a {
	text-align: center;
	background: #666666;
	list-style: none;
	height: 35px;
	float: none;
	color:#FFFFFF;
	display: block;
	border: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding-top:5px;
	padding-left: 5px;
	padding-right:5px;
	position:relative;
	right:25px;
}	
#statsalt ul li a:hover, #statsalt ul li a:active	{
	background: #FFFFFF;
	border: #666666;
	border-style: solid;
	border-width: 1px;
	list-style: none;
	float: none;
	color:#000000;
	display: block;
}	
/*navigation css ends*/

.bluebaralt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background: #FFFFF;
	text-align: center;
	margin-top:11px;
	margin-bottom: 4px;
	display:block;
	height: 30px;
	line-height: 120%;
	position: relative;
	right:25px;
	width: 100%;
}
sup {font-size: 0.85em; line-height: 0px;}  
/*This is the background repeating image behind the main text/info area for screen resolutions greater than 100px wide*/
.molytowhitebackground {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	background-image: url(images/metalgradient.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
/*This code controls the "Get Map" link at the bottom of the home page*/
.maptext {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	line-height: 120%;
}
.mappage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-top: 0px;
}
/*IE6 specific Navigation code. I've separated this navigation code so that it may be easily removed when this workaround for outdated IE browsers is no longer needed*/
.navmainalt {
	_float: left;
	_font-family:Verdana, Arial, Helvetica, sans-serif;
	_background: #FFFFFF;
	_list-style-type: none;
	_text-align:center;
	_text-decoration:none;
	_line-height: 120%;
	_font-size:11px;
	_margin-top:10px;
	_width: 145px;
}
#navmainalt ul li a {
	_text-align: center;
	_background: #0000CC;
	_list-style: none;
	/*height: 20px;*/
	_color:#FFFFFF;
	_display: block;
	_border: #FFFFFF;
	_border-style: solid;
	_border-width: 1px;
	_padding-top:8px;
	_padding-bottom: 8px;
	_padding-left: 5px;
	_padding-right:5px;
	_margin-bottom: -5px;
	_position:relative;
	_right:65px;
}	
#navmainalt ul li a:hover, #navmainalt ul li a:active	{
	_background: #FFFFFF;
	_border: #0000CC;
	_border-style: solid;
	_border-width: 1px;
	_list-style: none;
	_color:#000000;
	_display: block;
}	
.navbigalt {
	_font-family:Verdana, Arial, Helvetica, sans-serif;
	_list-style-type: none;
	_text-align:center;
	_text-indent: 0px;
	_text-decoration:none;
	_font-size:12px;
	_line-height: 140%;
	_margin-top:-10px;
	_width: 145px;
}
#navbigalt ul li a {
	_text-align: center;
	_background: #0000CC;
	_list-style: none;
	_height: 38px;
	/*float: none;*/
	_color:#FFFFFF;
	_display: block;
	_border: #FFFFFF;
	_border-style: solid;
	_border-width: 1px;
	/*width: 155px;*/
	_padding-left: 5px;
	_padding-right:5px;
	_position:relative;
	_right:65px;
}	
#navbigalt ul li a:hover, #navbigalt ul li a:active	{
	_background: #FFFFFF;
	_border: #0000CC;
	_border-style: solid;
	_border-width: 1px;
	_list-style: none;
	_float: none;
	_color:#000000;
	_display: block;
}	
.statsalt {
	_font-family:Verdana, Arial, Helvetica, sans-serif;
	_list-style-type: none;
	_text-align:center;
	_text-indent: 0px;
	_text-decoration:none;
	_font-size:11px;
	_line-height: 130%;
	_margin-top: 0px;
	_width: 145px;
}
#statsalt ul li a {
	_text-align: center;
	_background: #666666;
	_list-style: none;
	_height: 35px;
	_float: none;
	_color:#FFFFFF;
	_display: block;
	_border: #FFFFFF;
	_border-style: solid;
	_border-width: 1px;
	_padding-top:5px;
	_padding-left: 5px;
	_padding-right:5px;
	_position:relative;
	_right:25px;
}	
#statsalt ul li a:hover, #statsalt ul li a:active	{
	_background: #FFFFFF;
	_border: #666666;
	_border-style: solid;
	_border-width: 1px;
	_list-style: none;
	_float: none;
	_color:#000000;
	_display: block;
}	
.bluebaralt {
	_font-family:Verdana, Arial, Helvetica, sans-serif;
	_font-size: 12px;
	_color:#000000;
	_background: #FFFFF;
	_text-align: center;
	_margin-top:11px;
	_margin-bottom: 4px;
	_display:block;
	_height: 30px;
	_line-height: 120%;
	_position: relative;
	_right:65px;
	_width: 100%;
}
/*navigation css ends*/
