/* CSS Document */

/* !!!!!!!!!!!! Zeroing Styles !!!!!!!!!!!! */

/* These styles set all browser default styles to zero to maintain consistancy across browsers therefore you must manually set all styles */

* {
margin:0;
padding:0;
border:0;
}

html {
min-height: 100%;
height: auto;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

q:before,q:after {
content:'';
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
}

a img,:link img,:visited img { 
border:none;
}

address { 
font-style:normal; 
}

/* !!!!!!!!!!!! Display Styles !!!!!!!!!!!! */

/* Styles that effect the display and not the structure of the site such as fonts, headers, HTML tag styles and 'a' styles should be defined here */

body {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

td {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

ul {
font-size:12px;
list-style:outside;
list-style-type:disc;
color:#333333;
margin-left:25px;
}

ol {
list-style:outside;
list-style-type:decimal;
color:#333333;
margin-left:25px;
}

li {
padding:.5em 0;
}

li.heavy{
padding:.5em 0;
font-weight: bold;
}

h1 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
position:absolute;
left:99999px;
display:none;
}
/* h1 styles are for defining the structure of the site (mostly for screen readers) they will not be viewable or printable unless CSS is disabled such as with a mobile device*/

h2 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.7em;
padding:0 0 4px 0;
margin:0 0 10px 0;
color:#5177A2;
font-weight:bold;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#5177A2;
text-align:left;
}

h3 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.2em;
padding:0 0 4px 0;
color:#024C9B;
line-height:1em;
font-weight:bold;
}

h4 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#024C9B;
padding:0;
font-weight:bold;
}

h5 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin:8px auto 0 auto;
padding:0 0 4px 0;
color:#333333;
font-weight:bold;
border-top-style:solid;
border-top-width:1px;
border-top-color:#333333;
width:75%;
}

h6 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

p {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:.3em 0;
color:#333333;
margin: 1em 0;
}

.small {
font-size:10px;
padding-top: 0;
margin-top: 0;
}

a {
color:#024C9B;
text-decoration:none;
}

a:link a:visited a:active {
color:#024C9B;
}

a:hover {
color:#333333;
}

input[type="text"], textarea[name="comments"], textarea[name="current tooling_desc"], textarea[name="description"], SELECT[NAME="country"] {
font:12px verdana,arial,serif;
color:#024C9B;
padding:3px;
background-color:#FFFFFF;
margin-bottom: 2px;
}

input[type="checkbox"] {
margin-right: 10px;
}

td {
padding-right: 2px;
}

.offpage {
position:absolute;
left:99999px;
display:none;
}
/* the .offpage class is for assets that should not be displayed on screen or printed but are there for semantic, audio, screenreaders, or mobile devices */

#fontControls {
text-decoration:none;
color:#FFFFFF;
/*
height:100%;
width:100%;
*/
padding: 0px;
float:left;
}

b {
font-size:1.4em;
color:#000000;
}

.reg {
font-size:12px;
}

.reg b {
font-size:1.3em;
}

.productlist {
margin-left:40px;
}

*html .productlist {
margin-right:-40px;
}

.productlist td {
padding:10px;
}

/* !!!!!!!!!!!! Browser Hacks !!!!!!!!!!!! */

/* Browsers differ from each other and differ depending on which operating system they are on. It is inevetable that you will have to write "hacks" to deal with these issues */

* html [selectorname] {
}

/* IE6 Hack - Read by IE6 only */

html>body [selectorname] {
}

/* IE7 Hack - Read by IE7 only */

html>/**/body [selectorname] {
}

/* Firefox 2.0 Hack - Read by Firefox only */

/*\*/
html>body*[selectorname] {
}
/**/

/* Safari Hack (both PC & Mac) - Read by Safari only */

/* !!!!!!!!!!!! Layout Styles !!!!!!!!!!!! */

/* Layout styles are styles that control where and what assets are displayed. CSS in this section should follow the indenting format that HTML follows for ease-of-use. I only use classes because IDs cannot be overwritten for alt styles. */

body {
background-color:#f3bd03;
height: 100%
}

	.sitewrapper {
	background-image:url(images/headerbackside.gif);
	background-repeat:repeat-x;
	min-height: 100&;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2em;
	}  

		.sitebackground {
		text-align:center;
		} 

			.sitecontainer {
			width:994px;
			margin:0 auto ;
			background-image:url(images/headermidback1.gif);
			background-repeat: no-repeat;
			text-align:left;
			}

				.skipnav {
				position: absolute; left: -1000em; width: 20em;
				}
				
					.skipnav ul {
					margin:0;
					list-style:none;
					}
					
						.skipnav li {
						padding-right:1em;
						float:left;
						}
				
				/* !!!!!!!!!!!! Header Styles !!!!!!!!!!!! */
			
				.header {
				clear:both;
				width:100%;
				}	
		
				/* !!!!!!!!!!!! Main Area Styles !!!!!!!!!!!! */
				
				.main {
				width:938px;
				min-height: 500px;
				padding:0 0 20px 56px;
				margin-bottom: 40px;
				clear:both;
				}
				
				*html .main {
				width:994px;
				}
				
				.nav {
				margin: 10px 0 20px 0px;
				width: 225px;
				min-height: 510px;
				background-image:url(images/navback.jpg);
				background-repeat:no-repeat;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-variant: small-caps;
				float: left;
				}
				
				.nav ul {
				list-style:none;
				padding-left: 18px;
				padding-top: 7px;
				width: 160px;
				line-height: 16px;
				}
				
				*html .nav ul {
				padding: 12px 0 15px 0;
				}
				
				.nav li {
				height:8px;
				color:#024C9B;
				}
				
				*html .nav li {
				margin-left:8px;
				padding:2px 0;
				}
				
				.li2line {
				margin-bottom:21px;
				}
				
				*html .li2line {
				margin-bottom:4px;
				}
				
				.navON {
				font-weight:bold;
				}
				
				.img_area_top {
				width:624px;
				text-align: center;
				background-image:url(images/blue1.gif);
				background-repeat:repeat;
				background-position:bottom left;
				margin: 10px;
				padding:20px 10px;
				float: left;				
				}
				
				.top {
				width:624px;
				text-align: center;
				padding:0 10px 0 10px;
				float: left;
				}
				
				.top h4 {
				margin-top: 10px;
				padding-bottom: 0px;
				}
				
				.img_area_right {
				width:198px;
				min-height: 500px;
				text-align: center;
				background-image:url(images/blue.gif);
				background-repeat:repeat;
				background-position: top left;
				margin: 10px 10px 10px 0;
				padding:0 10px 0 10px;
				float:left;
				}
	
				.content_main {
				width:624px;
				text-align: left;
				background-image: url(images/yellow1.gif);
				background-repeat:repeat;
				background-position: top left;
				margin: 10px;
				padding:10px;
				font-weight:bold;
				line-height:1.4em;
				color:#333333;
				float:left;
				}
				
				.content_text {
				width:624px;
				min-height: 448px;
				text-align: left;
				background-image: url(images/yellow1.gif);
				background-repeat:repeat;
				background-position: top left;
				margin: 10px;
				padding:0 10px 0 10px;
				font-weight:bold;
				line-height:1.4em;
				color:#333333;
				float:left;
				}
				
				.content_left {
				width:400px;
				min-height:500px;
				text-align: left;
				background-image: url(images/yellow1.gif);
				background-repeat:repeat;
				background-position: top right;
				margin: 10px;
				padding:0 10px 0 10px;
				float:left;
				}
				
				.left {
				width: 400px;
				float: left;
				}
				
				.right {
				width: 198px;
				padding-left: 10px;
				float: right;
				}
				
				.signature {
				width: 250px;
				padding-left: 10px;
				float: right;
				}
				
				.center {
				width:624px;
				text-align: center;
				margin: 10px;
				padding:0 10px 0 10px;
				float:left;
				}
				
				.img_area_top, .img_area_right, .content_main, .content_left p {
				color: #333333;
				}
				
				.img_area_right img {
				margin: 10px 0 10px 0;
				}
				
				.img_right {
				float: right;
				margin: 0 0 10px 10px;
				clear: both;
				}
				
				.img_left {
				float: left;
				margin-bottom: 10px;
				margin-right: 10px;
				clear:both;
				}
				
				.img_left2 {
				float: left;
				}
	
			
				/* !!!!!!!!!!!! Footer Styles !!!!!!!!!!!! */
			
				.footer {
				width:100%;
				line-height: 1.2em;
				text-align:center;
				background-color:#1d5c9d;
				clear:both;
				}
				
				.footer p {
				color:#FFFFFF;
				font-size:9px;
				}
				
				.footer a {
				color: #FFFFFF;
				}
				
				.footer a:hover {
				color:#f3bd03; 
				}
				
				
/* !!!!!!!!!!!! Alt Media Styles !!!!!!!!!!!! */

/* It is neccesary to write different versions of your CSS document for different types of media such as print.css, mobile.css, and/or accessible.css. The following styles should be defined in a different stylesheet for the media you intend to use. These styles should make it easy to quickly turn on and off different assets if the HTML code has been implemented correctly. */

.altmod {
}
/* This class is for sytles that will need to display differently for different media */

.altnone {
}
/* This class is for sytles that will not display on different media */

.altfunc {
}
/* This class is for sytles of functional site assets such as navigation or forms that will display differently on different media or not at all */