/*
1.2em = 12pt, 3.5em = 35pt, etc.
*/

body, html		{  	
		margin: 0;
        padding: 0;
		color: #000;
		height: 100%;
		background-color: #333;
		}
                         	
h1		{  
		font-family: Arial, Helvetica, sans-serif;
		font-size: 30px;
		color: #000;
		font-weight: 100;
		padding: 0;
		margin: 5px 0 15px 0;
		}
		
h1 span {
		color: #858282;
		font-style:italic;
		font-size: 24px;
		}

h2		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: bold;
		color: #A88003;
		margin: 10px 0 10px 0;
		padding: 0;
		font-weight: 100;
		}

h3		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #A88003;
		margin: 15px 0 10px 0;
		padding: 0;
		}

h4		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px; 
		color: #fff;
		margin: 5px 0 10px 0;
		padding: 0;
		}

p		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px; 
		line-height: 21px;
		margin: 5px 8px 10px 8px;		
		}
		
a		{
		text-decoration: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
		
ul		{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
li		{
		margin: 0;
		padding: 0;
		}
		
img		{
		margin: 0;
		padding: 0;
		border: none;
		}
		
div		{
		margin: 0;
		padding: 0;
		}
		
#machiningrecommendations {
		font-size: 12px;
		color: #000;
		border: solid 2px #000;
		}
		
#machiningrecommendations td {
		padding: 2px;
		}
		
.borderthick {
		border-bottom: solid 3px #000;
		}
		
.borderthin {
		border-bottom: solid 1px #000;
		}
		
#secondarypage li, #secondarypage p {
		color: #FFF;
		}
		
#secondarypage ol, #secondarypage ul {
	margin: 5px 0 10px 22px;
	padding: 0;
			}
		
#secondarypage li {
		list-style: outside disc;
		}
		
.tablegrey, .tablered, .tablegreen, .tableyellow  {
		text-align: center;
		}
		
#gradestable td {
		vertical-align: top;
		border: solid 2px #FFF;
		padding: 5px;
		}
		
#gradestable h3 {
		color: #000;
		}
		
.tablegrey {
		background-color: #CCC;
		}
		
.tablegreen {
		background-color: #0F0;
		}
		
.tablered {
		background-color: #F00;
		}
		
.tableyellow {
		background-color: #FF0;
		}
		
.chart {
		background-color:#FFF;
		}
		
.chart td {
		border: solid 1px #000;
		padding: 5px;
		}
		
.greencells {
		background-color: #CCFFCC;
		}
		
.yellowcells {
		background-color: #FFA;
		}
		
#content {
		width: 960px;
		margin: 0 auto; 
		text-align: left; 
		background-color: #31415B;
		padding: 0;
		z-index: 100;
		background-repeat: repeat-y;
		background-image:url(images/pagegradient.jpg);
		}
		
.column { 
		width: 50%; 
		position: absolute; 
		top: 0; 
		text-align: left;
		z-index: -100;
} 

.left { 
  		left: 0;
} 

.right { 
 		right: 0;  
		} 
		
.leftcol { 
		margin-right: 480px;
		padding: 0;
		background-color:#FFF;
		} 
		
.rightcol { 
		margin-left: 480px; 
		background-color: #AEAEAE;
		padding: 0;	
		}	
		
		
		
		
#credits {
	clear: both;
	color: #a8a8a8;
	text-align: center;
	padding: 25px 0 10px 0;
	font-size: 11px;
	background-color: #333;
	font-family: Arial, sans-serif;
	}

#credits a.text {
	text-decoration: none;
	}
		
#credits a:link.text, #credits a:visited.text, #credits a:active.text {
	color: #a8a8a8;
	border-bottom: #a8a8a8 solid 1px;
	}
	
#credits a:hover.text {
	color: #000;
	border-bottom: #000 solid 1px;
	}
	
#credits img {
	vertical-align: middle;
	margin: 0 3px 0 3px;
	}
				



		
		
/* 
	CONTACT STUFF
*/	
#MaestroContactForm input, #MaestroContactForm textarea, #MaestroContactForm select {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	margin: 0;
	vertical-align: top;
	}
#MaestroContactForm .formTag {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	line-height: 16px;
	border-top: #ccc solid 1px; 
	color: #fff;
	}
#MaestroContactForm table td {
	padding: 0 4px 4px 0;
	vertical-align: top;
	margin: 0;
	}
#spamcode {
	font-size: 18px; 
	font-weight: bold; 
	font-family: monospace; 
	color: #A88003;
	}
#submitButton {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	}
#systemMessage {
	padding: 5px;
	margin: 10px 0 10px 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	border: #d85c5c solid 2px;
	background-color: #efe0e0;
	}
	
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF; 
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-150px;
	padding: 15px 0 0 0;
	width:200px;
	color: #444;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}		


		
/* 
	DROPDOWN STUFF
*/	
ul.dropdown ul li					{ display: inline; width: 100%; } 

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; margin: 0; padding: 0; }
ul.dropdown li                      { font-weight: bold; float: left; background-color: #bbb; padding: 0; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown li a                    { padding: 0 18px; color: #000; line-height: 25px }
#home #homeselected, #products #productsselected, #charts #chartsselected, #troubleshooting #troubleshootingselected, #results #resultsselected, #discontinued #discontinuedselected, #contact #contactselected					{ color: #A88003;}
									
									
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #ccc; color: #000; position: relative; }
ul.dropdown li.hover a              { color: black; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #eee; color: #000; 
									  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; float: none; display: block }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; line-height: 18px; padding-top: 8px; padding-bottom: 8px; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }