/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; line-height:1.2em;}
body {font-size: 62.5%;background: url(http://www.rubber.org/img/bg-body-bottom.jpg) bottom left repeat-x;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:none;} 
ins {text-decoration:overline;} 
del {text-decoration:line-through;}
table {border-spacing:0;}
#staff,#staff tbody, #staff tfoot, #staff thead, #staff tr, #staff th, #staff td  {border-spacing:0;vertical-align: top;padding:5px;}
a{color:#00529b;}
a:hover{text-decoration: none;}
h2,h3,h4,h5,h6{font-weight: normal;}
h4,h5,h6{
	margin-top: 10px;
}
strong{font-weight: bold;}
/* Setup of font families */
body{
	font-family:Tahoma, Geneva, sans-serif
}
/* Centers The Page Content */
.pageframe{
	width:760px;
	margin: 0 auto;
}
.iframePageframe,.iframePageframe .pageframe{
	width: 1000px;
	margin: 0 auto;
}
/* Generic Buttons */
button{
	background:none; 
	border:none; 
	color:#000; 
	cursor:pointer; 
	margin:0; 
	padding:0; 
	vertical-align:middle;
}
div.button{
	cursor: pointer;
	display: inline;
	margin-bottom: 10px;
	float: left;
}
	.button span.outer {
		display:block;
		line-height:3em;
		padding:0 0px 0 6px;
		background: url(http://www.rubber.org/img/btn-left-grey.png) left top no-repeat;
	}
		#inside .button span.outer {
			background: url(http://www.rubber.org/img/btn-left-grey-small.gif) left top no-repeat;
		}
	.button span {
		display:block; 
		white-space:nowrap;
		color:#000;
		text-align:right;
		background: url(http://www.rubber.org/img/btn-right-grey.png) top right no-repeat;
		font-size:1.2em;
		padding:4px 8px 8px 5px;
	}
		#inside .button span{
			font-size:1.2em;
			padding:0 8px 4px 3px;
			background: url(http://www.rubber.org/img/btn-right-grey-small.gif) top right no-repeat;
		}
	.button a{
		text-decoration: none;
	}
/* Header */
#headerWrap{
	background: url(http://www.rubber.org/img/bg-body.jpg) top left repeat-x;
}
#header{
	background: url(http://www.rubber.org/img/bg-body.jpg) top left repeat-x;
	padding: 20px 0 3px 0;
	border-bottom: 1px solid #d3d3d3;
}
	#header{
		background: url(http://www.rubber.org/img/bg-bottomBorder.gif) bottom left repeat-x;
		border: none;
	}
	#header{
		margin-bottom:0;
		padding-bottom: 0;
	}
	#header img,#header .left{
		float: left;
	}
	#header .left{
		width:240px;
		margin: 65px 0 0 5px;
	}
		#inside #header .left{
			margin-top: 13px;
		}
		#header .left p{
			font-size: 1.8em;
			width: 245px;
		}
			#inside #header .left p{
				font-size: 1.5em;
			}
		.insideLeft{
			float: left;
			clear: left;
			width:300px;
		}
		#header .left span.more,.insideLeft span.more{
			color: #949494;
			font-size: 1.1em;
			width: 122px;
			display: block;
			float: left;
		}
			.insideLeft span.more{
				margin-right:11px;
			}
	#header span.logo{
		background: url(http://www.rubber.org/img/img-logo-inside.png) top left no-repeat;
		width: 127px;
		height: 64px;
		display: inline-block;
		float: left;
	}
		#header span.logo.index{
			width: 219px;
			height: 229px;
			background: url(http://www.rubber.org/img/img-logo.png) top left no-repeat;
		}
		#header span.logo:hover{
			cursor: pointer;
		}
	#header .right{
		float: right;
		width:280px;
	}
		#inside #header .right{
			margin-top:13px;
		}
		#header form{
			border-bottom: 1px solid #d3d3d3;
			width:276px;
			float: right;
			font-size: 1.2em;
			margin-bottom: 17px;
		}
			#header .inputLeft,#header .inputRight{
				background: url(http://www.rubber.org/img/bg-inputSprite.jpg) top left no-repeat;
				height: 31px;
				width: 6px;
				display:inline-block;
				margin-bottom:-12px;
			}
			@media screen and (-webkit-min-device-pixel-ratio:0){
				#header .inputLeft,#header .inputRight{
					margin-bottom: -13px;
				}
			}
			#header .inputRight{
				background: url(http://www.rubber.org/img/bg-inputSprite.jpg) top right no-repeat;
			}
			#header input{
				background: url(http://www.rubber.org/img/bg-input.jpg) top left repeat-x;
				height:21px;
				padding-top:7px;
				border: none;
				border-top: 1px solid #09418b;
				border-bottom: 1px solid #09418b;
				vertical-align: middle;
				width:140px;
			}
			#header .btn{
				border: none;
				width: auto;
				height: auto;
				background: none;
				margin-top:-8px;
			}
		#header .utility{
			float: right;
		}
			#inside #header .utility{
				width:200px;
			}
			#header .utility li{
				float: left;
				margin-bottom: 5px;
			}
				#header .utility a{
					border-right: 1px solid #00529b;
					padding: 0 3px;
					font-size: 1.1em;
					white-space: nowrap;
				}
				#header .utility li.lastElement a{
					border: none;
				}
		#header #flash{
			float: right;
			width: 175px;
			height: 125px;
			margin-top: 17px;
			background: url(http://www.rubber.org/img/bg-flash.jpg) top left no-repeat;
			border: none;
		}
			#header object#flash{
				background: none;
			}
		#header #mainNav{
			float: left;
			clear: left;
			margin:16px 0 0 0;
		}
			#header #mainNav li,#secondNav li{
				float: left;
				margin-right: 4px;
			}
				#header #mainNav li.lastElement{
					margin-right: 0;
				}
					#header #mainNav li span.outer,#secondNav li span.outer {
						display:block;
						line-height:3em;
						padding:0 0px 0 3px;
						background: url(http://www.rubber.org/img/bg-nav-left.gif) left top no-repeat;
					}
						#header #mainNav li.active span.outer,#header #mainNav li.active:hover span.outer{
							background: url(http://www.rubber.org/img/bg-nav-left-active2.gif) left top no-repeat;
						}
						/* If there is no subnav and is the current page ur on */
						#header #mainNav li.activeNo span.outer{
							background: url(http://www.rubber.org/img/bg-nav-left-active.gif) left top no-repeat;
						}
						#header #mainNav li:hover span.outer{
							background: url(http://www.rubber.org/img/bg-nav-left-active.gif) left top no-repeat;
						} 
					#header #mainNav li span,#secondNav li span{
						font-size:1.2em;
						display:block; 
						padding:4px 5px 10px 0;
						white-space:nowrap;
						text-align:right;
						background: url(http://www.rubber.org/img/bg-nav-right.gif) top right no-repeat;
					}
					 /* FireFox 3 */
					#header #mainNav li span, x:-moz-any-link, x:default { 
						padding:4px 2px 10px 0;
					}
					#inside #header #mainNav li span, x:-moz-any-link, x:default { 
						padding:4px 2px 10px 0;
					}
					#inside #header .iframePageframe.confex #mainNav li span, x:-moz-any-link, x:default { 
						padding:4px 5px 10px 0;
					}
					#inside #header #mainNav li span.outer, x:-moz-any-link, x:default { 
						padding:0 0px 0 3px;
					}
					#inside #header .iframePageframe.confex #mainNav li span.outer, x:-moz-any-link, x:default {
						padding:0 0 0 3px;
					}
						#header #mainNav li.active span,#header #mainNav li.active:hover span{
							background: url(http://www.rubber.org/img/bg-nav-right-active2.gif) top right no-repeat;
						} 
						/* If there is no subnav and is the current page ur on */
						#header #mainNav li.activeNo span{
							background: url(http://www.rubber.org/img/bg-nav-right-active.gif) top right no-repeat;
						}
						#header #mainNav li:hover span{
							background: url(http://www.rubber.org/img/bg-nav-right-active.gif) top right no-repeat;
						}
				#header #mainNav li a{
					color: #fff;
					text-decoration: none;
				}
/* Hover Navigation */
#header #mainNav li ul {
	position: absolute;
	width: 192px;
	left: -999em;
	padding-bottom:10px;
}
	#header #mainNav li ul li{
		border-bottom: 1px solid black;	
		padding: 10px;
		float: left;
		margin: 0;
		background: #0c579f;	
		width: 172px;
	}	
		#header #mainNav li ul li.lastElement{
			border: none;
			background: url(http://www.rubber.org/img/bg-hoverNav.png) bottom left no-repeat;
		}
		#header #mainNav li ul li.lastElement:hover{
			border: none;
			background: url(http://www.rubber.org/img/bg-hoverNav2.png) bottom left no-repeat;
		}
				#header #mainNav li ul li:hover{
			background: #fdb813;
		}
			#header #mainNav li ul li a{
				font-size: 1.2em;
				display: block;
			}
#header #mainNav li:hover ul {
	left: auto;
}
#header #mainNav li.active:hover ul {
	left: -999em;
}
#header #mainNav li:hover ul, #header #mainNav li.sfhover ul {
	left: auto;
}
#header #mainNav li ul ul {
	margin: -1em 0 0 10em;
}
/* Second Navagation */
#secondNavWrap{
	background: url(http://www.rubber.org/img/bg-bottomBorder.gif) bottom left repeat-x;
}
#secondNav{
	background: url(http://www.rubber.org/img/bg-secondNav-repeat.gif) top left repeat-x;
	padding: 10px 0 0 0;
	margin-bottom: 0px;
}
	#secondNav ul{
		margin: 0;
		width: 100%;
	}
		#secondNav li span.outer{
			background: url(http://www.rubber.org/img/bg-secondNav-left.gif) left top no-repeat;
			padding:0 0 0 5px;
		}
		#secondNav li.active div{
			position: absolute;
			background: #3066a8;
			height:7px;
		}
			#secondNav li.active div span{
				visibility: hidden;
				padding-left: 3px;
				font-size:1.3em;
			}
			#secondNav li.active span.outer,#secondNav li.active:hover span.outer{
				background: url(http://www.rubber.org/img/bg-secondNav-left-active2.gif) left top no-repeat;
			}
			/* If there is no subnav and is the current page ur on */
			#secondNav li.activeNo span.outer{
				background: url(http://www.rubber.org/img/bg-secondNav-left-active.gif) left top no-repeat;
			}
			#secondNav li:hover span.outer{
				background: url(http://www.rubber.org/img/bg-secondNav-left-active.gif) left top no-repeat;
			}
			#secondNav li span{
				background: url(http://www.rubber.org/img/bg-secondNav-right.gif) top right no-repeat;
				font-size: 1.1em;
				padding-top: 3px;
				padding-bottom: 11px;
			}
				#secondNav li.active span,#secondNav li.active:hover span{
					background: url(http://www.rubber.org/img/bg-secondNav-right-active2.gif) top right no-repeat;
				}
				/* If there is no subnav and is the current page ur on */
				#secondNav li.activeNo span{
					background: url(http://www.rubber.org/img/bg-secondNav-right-active.gif) top right no-repeat;
				}
				#secondNav li:hover span{
					background: url(http://www.rubber.org/img/bg-secondNav-right-active.gif) top right no-repeat;
				}
				#secondNav li a{
					color: #000;
					text-decoration: none;
				}
					#secondNav li.active a,#secondNav li.activeNo a{
						color: #fff;
					}
/* Third Navigation */
#thirdNav{
	background:#0b428c url(http://www.rubber.org/img/bg-thirdNav-repeat.gif) top left repeat-x;
	margin-top:-10px;
}
	#thirdNav li{
		float: left;
		margin-right: 5px;
		padding: 10px 30px 10px 0;
	}
		#thirdNav li.lastElement{
			padding-right: 0;
		}
				#thirdNav li a{
					color: #fff;
				}
/* Footer */
#footer{
	border-top: 1px solid #d3d3d3;
	color: #838383;
	margin-top: 13px;
	padding: 20px 0;
}
	#footerUtility{
		float: right;
	}
		#footer li{
			float: left;
			margin-right: 5px;
		}
			#footer li.lastElement{
				margin: 0;
			}
			#footer li a{
				border-right: 1px solid #838383;
				padding-right: 5px;
				color: #838383;
			}
				#footer li.lastElement a{
					border:none;
					padding:0;
				}
#recaptcha_area{
	float: right;
}