/* 10/28/05 Trev:
  Notes & To Do: Create some standards on width. Either go with
  a % or px. Currently a mix..  
  Need more reliable comments
  Leave old stuff in for now as reference 
*/
body {
        font: 			0.8em Verdana, Arial, Times, serif;
	background: 		#fff;
	margin:			0 auto;
	width:			900px;
	z-index:		0;
}

/* Remove underlines from links (for menus) */
a {
	text-decoration:	none;
}

dt {
	font-weight:		bold;
	color:			#0b2269;
	
}

dd {
        padding-bottom:		10px;
}

h1, h2, h3, h4, h5 {
	color:			#0b2269;
	letter-spacing:		1px;
}

ul {
	list-style-type:	square;
}

li {
	list-style-image:       url('img/dot.jpg');
	/* list-style-position:	outside; */
	list-style-position:	inside;
}

/* Remove ugly framing from tables */
table {
	border-collapse: collapse;
}

td {
	padding:		5px;
}

th, .qual {	
	color:                  #0b2269;
	text-align:		left;
	font-weight:		bold;
	border-bottom:		1px solid #ccc;
}

#exlefthalf {
	float: left;
	width: 300px;
  padding-left: 25px;
}

#exrighthalf {
	float: right;
	width: 460px;
}

#tradeshows {
  width: 60%;
}

#industrylinks {
  width: 60%;
}

#marine {
  width: 100%;
}
#marine li {
  text-align: justify;
}

#leftquality{
	float: left;
	width: 20%;
	margin-top: 6em;
	text-align: center;
}

#rightquality{
	float: right;
	width: 79%;
	margin-top: 3em;
}

#bottomquality{
	width: 650px;
	text-align: justify;
	float: left;
}

#quality {
	padding-bottom:		30px;
}

#quality td {
	padding-right: 		10px;
}

#intel {
 width: 500px;
  text-align: justify;
 position: center;
}

#stores {
  margin-top: 50px;
  width: 50%;
  text-align: justify;
}

#press {
  width: 50%;
}

#inleft {
  float: left;
  margin-top: 50px;
  margin-left: 50px;
}

#incenter {
	padding-left: 300px; 
	margin-top: 3em;
}

#incenter tr {
	text-align: justify;
}

#services {
  width: 90%;
  }

#services li {
  text-align: left;
  }

#extrtable td{
  text-align: left;
}

#leftcareersmall {
	width: 200px;
	float: left;
	text-align: left;
}

/* Left column small */
#leftcsmall {
	width: 200px;
	float: left;
	text-align: justify;
}

/* Left column large */
#leftclarge {
	width: 580px;
	float: left;
	text-align: justify;
}

/* Right column small */
#rightcsmall {
	margin-left: 595px;
	width: 200px
	float: right;
	text-align: justify;
}

/* history of yarde metals page - history.html */

#historycenter {
	width: 70%;
	text-align: left;
}

#faqcenter{
  width: 70%;
  text-align: left;
}
#finishcenter {
  width: 50%;
  text-align: justify;
}

/* Right column large */
#rightclarge {
	width: 580px;
	float: right;
	text-align: justify;
}

/* 50% split across #content parent */
#lefthalf {
	float: left;
	width: 380px;
}

#righthalf {
	float: right;
	width: 380px;
}

q:lang(en) {
	quotes: '"' '"' "'" "'";
}

.job {
	padding: 0 10px 0 10px;
	width: 80%;
	background-color:       #e9e9e9;
	border: 1px solid #08206b;
	-moz-border-radius: 10px;
}

.job dt {
	border-bottom:		1px solid #ccc;
	margin-bottom:		10px;
}

.philosophy {
  padding-top: 50px;
}

.philosophy li {
	font-size: 1.3em;
}

#hardtofind {
  text-align: justify;
  width: 60%;
}

#coffeecontent {
  width: 60%;
  float: left;
}

#coffeeright {
  float:right;
  padding-top: 100px;
}

/* Coffee "watermarks" */
/*
.coffeeright {
	background-image: url(img/coffeecup.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height:		70em;
}

.coffeeleft {
        background-image: url(img/coffeestain.jpg);
        background-repeat: no-repeat;
        background-position: bottom left;
}
*/

#contactbar {
	padding:		5px 0 5px 180px;
	clear:			both;
	background-color:	#eaeaea;
}

/* The actual bulk of the body content, below the header
   itself goes in here */
#container {
	width:			800px;
	margin:			10px auto;
	color:			#000;
}

#menu {
	width:			800px;
	margin:			0 3px 0 0;
}

#header {
/*	background-image:	url(img/weblogoheader.jpg);
	background-position:	top left;
	background-repeat:	no-repeat;
*/
	margin:			10px auto;
	width:			800px;
}

#header img {
  border: 0;
}

#content {
	text-align:		left;
	color:			#000;
	background-color:	#fff;
}

#content table {
	text-align: 		center;
}

#howtotrax {
  width: 60%;
}

#officecontent {
  width: 70%;
  text-align: justify;
}
.imgmiddle {
	border-bottom:		2px solid #315596;
	
}

#footer {
 	/*color:			#636363;*/
  clear:                  both;
	background-color:	#fff;
	text-align:		center;
	vertical-align:		middle;
  padding-top: 10px;
/*	border-top:		2px solid #cecece; 5B- grey line at the bottom of the page */
}

#feeders {
	/*background: #08206b;	 Blue around the menubars */
	line-height: 2em;
	margin: 0;
	padding: 0;
	color: #000;
	width: 100%;
}

#feeders a {
	color: #000;
	padding: 0 5px 0 5px;
}

#feeders a:hover {
	padding: 0 5px 0 5px;
	background-color:       #1238af;
	color:#fff;
}


/* This is the menubar/navbar itself, the "1st-level citizens" */
div.bar,
div.bar a.button,
div.menu,
div.menu a.menuitem {
	color:			#fff;
}

/* Background treatment for menubar height, color, padding */
div.bar {
	margin:			0 0 5px 0;
}

/* MSIE ignores this one, hence the duplication above */
* div.bar {
        background-color:       #08206b;
        padding:                4px 30px 4px 0;
        margin:                 0 0 3px 0;
	text-align:		right;
}


/* Button-specific styling on the menubar */
div.bar a.button {
	background-color:	transparent;
	font-weight:		normal;
	margin:			1px;
	padding:		2px 2px 2px 15px;
	text-decoration:	none;
}

/* When hovering over the first-level citizens */
div.bar a.button:hover {
	background-color:	#1238af;
        background:             transparent;
	color:			#fff;
}

/* The dropout menus themselves */
div.menu {
	background-color:	#0b2269;
	left:			0;
	padding:		0 0 0 0;
	position:		absolute;
	top:			0;
	visibility:		hidden;
}

/* Minor treatment for the dropout menus */
div.menu {
	border:			1px solid #5c82e3;
}

/* Styling for the items on the dropout menus themselves */
div.menu a.menuitem {
	color:			#fff;
	cursor:			default;
	display:		block;
	padding:		3px 1em;
	text-decoration:	none;
	white-space:		nowrap;
	border-top:		1px solid #0b2269;
	border-bottom:		1px solid #0b2269;

}

/* When hovering over the dropout menu items */
div.menu a.menuitem:hover, 
div.menu a.menuitemHighlight {
	border-top:		1px solid #5c82e3;
	border-bottom:		1px solid #5c82e3;
	background-color:	#4e6fc3;
	color:			#fff;
}

/* Separator bar underneath the second-level citizen items */
div.menu div.menusep {
	border-bottom:		1px solid #cecece;
}

/* Cleanup the quadrents. I do not need this many declared */
/* 4 quadrants on the front page */
div.q1,
div.q2,
div.q3,
div.q4,
div.q5,
div.q6 {
	width:			23%;
	float:			left;
	margin:			10px 0 10px 0;
	color:			#656b71;
	text-align:		center;
	text-decoration:	none;
/*	height:			135px; */
	height:			170px;
	padding:		5px 5px 20px 5px;
}

/* Remove the borders  */
div.q1 img,
div.q2 img,
div.q3 img,
div.q4 img,
div.q5 img,
div.q6 img {
	border:			0;
  position: center;
}

div.q1 img {
  width: 90%;
}
/* Small vertical grey separator between q1..q3, not q4. */
div.q1,
div.q2,
div.q3,
div.q5 {
	border-right:		1px solid #ccc;
}

/* Table alignments.. */
div.q1 td,
div.q2 td,
div.q3 td,
div.q4 td {
  text-align: justify;
}

/* Font Size -- not completed yet */
div.q1 li,
div.q2 li,
div.q3 li,
div.q4 {
}

TR.oddline {
	background-color : #ffffff;
}

TR.evenline {
	background-color : #ccccee;
}