/* Essential Ergonomics style sheet margot booth 2007*/

body {
  font-size: 1em; 
  font-family: Arial, Helvetica, sans-serif;
  background-color: #e6e8df; 
  margin: 0px 10px; 
  padding: 0; 
}
p {
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
}

td  {
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
	border: 1px, 1px, 1px, 1px;
	border-color:#CCCC66;
}

th {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    color: #3A5777;
}
.footer  { 
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 70%;
   text-align: center;
	 text-decoration: none;
   padding-left: inherit;
}

ul { 
   font-size: 80%; 
   font-family: Arial, Helvetica, sans-serif;
   padding-left: 0px;
   list-style : square outside;
   margin: 0px 0px 20px 25px; 
}

ol {
	font-size:80%;
	}

li {
	line-height: 18px;
	}
	
h1  { 
   color: #66648f; 
   font-size: 150%; 
   font-family: Cheltenham, Garamond, serif; 
   margin-top: 2px; 
}
h2  { 
   color: #8d9969; 
   font-size: 110%;
   line-height: 5px; 
   font-family: Arial, Helvetica, sans-serif; 
}
h3  { 
   color: #444444; 
   font-size: 90%; 
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: bold;	 
}
h4  { 
   color: #000000; 
   font-size: 80%; 
   font-family: Arial, Helvetica, sans-serif; 
   font-style: italic; 
}

hr  {
    color: #0e5463;	
}




/*- primary nav --------------------------- */
	#primary_nav
	{
		z-index: 3;
		width: 100%; /* min-width: 760px; */
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: 0px;
		line-height: normal;
		font: bold .9em helvetica,verdana;
		border-bottom: 2px solid #95915d;
	}
	#primary_nav ul
	{
		padding: 10px 15px 0 10px;
		margin: 0 0 0 165px;
		list-style: none;
		float: right;
	}
	#primary_nav li
	{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#primary_nav a:hover
	{
		cursor: pointer;
		color: #0e5463;
	}
	#primary_nav a
	{
		color: #000;
		float: left;
		margin: 0;
		padding: 0 0 0 10px;
		text-decoration: none;
		background: url(images/img_pn_left.gif) no-repeat left top;
	}
	#primary_nav a span
	{
		float: left;
		display: block;
		padding: 5px 15px 4px 6px;
		background: url(images/img_pn_right.gif) no-repeat right top;
	}
	#primary_nav a.current
	{
		background: url(images/img_pn_leftCurrent.gif) no-repeat left top;
	}
	#primary_nav a.current span
	{
		background: url(images/img_pn_rightCurrent.gif) no-repeat right top; /*	color: #fff; */
	}



/******************* links BEGIN ********************/	 
 a   {
 	font-family: arial, san serif;
	color: #0e5463;
	font-weight: bold;
	}

a:hover {
	font-family: arial, san serif;
	color: #167f96;
	}
			   
a.footer {
	font-family: arial, san serif;
	color: #000;
	text-decoration: none;
	}

a.footer:hover {
	font-family:arial, san serif;
	color:#167f96;
	}
	
td.navExpanded {
	font-family: arial, sans serif;
	font-size: 60%;
	text-decoration: none;
	color: #FFFFFF;
}

a.navExpanded {
	font-family: arial, sans serif;
	text-decoration: none;
	color: #FFFFFF;
}

a.navExpanded:hover {
	font-family: arial, sans serif;
	color: #CCCCCC;
}
	
a.navExpanded:active {
	font-family: arial, sans serif;
	color: #CCCCCC;
}

a.navExpanded:visited {
	font-family: arial, sans serif;
	color: #ffffff;
}		 


/********************** links END *******************/




/******************* page styles START *****************/
#container  { 
  font-family: Arial, Helvetica, sans-serif; 
  background-color: #fff; 
  text-align: left;
  width: 900px;
  margin-left:20%;
  margin-right:20%;    
}

#header {
	background-color: #e6e8df; 
	background: url(images/eww_banner.jpg) no-repeat; width:1000px; 
	position: relative;
	top: 0;
	left: 0;
	height: 173px;
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 10;
}
#content  {  
   margin-left: 20px;
	 margin-bottom: 20px;
   padding-right: 20px;
	 padding-bottom: 20px;
   position: relative;
}
#columnFloat {
	width: 250px;
	background-color: #c0c6af;
	margin: 0 0 15px 10px;
	padding: 20px;
	float: right;
}	

#columnFloatNarrow {
	width: 150px;
	background-color: #c0c6af;
	margin: 0 0 15px 10px;
	padding: 20px;
	float: right;
}	

#leftFloat {
	width: 150px;
	background-color: #fff;
	margin: 0 5px 15px 5px;
	padding: 10px;
	float: left;
}



.columnhead {
	color: #000000; 
   font-size: 120%; 
   font-family: Arial, sans-serif;
   font-weight:bold; 
   
}
	


.caption {
  font-size: 75%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}
a.caption {
	font-family: arial, sans serif;
	text-decoration: none;
	color: #E98213;
}

a.caption:hover {
	font-family: arial, sans serif;
	color: #FF0000;
}