* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/* background: url(../images/body_bg.gif) left top repeat-x #8e9ab1; */
    /* background: url(../images/top_row_bg.gif) left top repeat-x #fff; */
    background-color: #8e9ab1;
	font-size: 11px;
	color: #666;
}

form, img { padding: 0; margin: 0; border: none; }
abbr[title] { cursor: help; }

p {
	font-size: 11px;
	line-height: 13px;
}
a.more {
    display: block;
    text-align: right;
    margin: 2px 0 0;
    font-size: 0.8em;
}

h2 {
	font-size: 2em /* 18pt */;
	font-family: sans-serif;
	text-transform: lowercase;
	display: block;
	padding-top: 10px;
	padding-bottom: 3px;
}

h2 { color: #669; font-weight: 100; }
h3 { color: #999; font-weight: bold; font-size: 1em; }

a { color: #f30; text-decoration: underline; }
a:hover { color: #f30; text-decoration: none; }

/*=container
------------*/
#container {
	width: 881px;
	height: 563px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(../images/eagle_bg.gif) 0 87px no-repeat;
}

#container h1 {
	position: absolute;
	top: 40px;
	left: 19px;
	margin: 0;
	font-size: 10px;
	line-height: 1.0;
	z-index: 50;
}

/*=container2
------------*/
#container2 {
	width: 881px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(../images/eagle_bg.gif) 0 87px no-repeat #fff;
}

#container2 h1 {
	position: absolute;
	top: 40px;
	left: 19px;
	margin: 0;
	font-size: 10px;
	line-height: 1.0;
	z-index: 50;
}

/*=header
----------*/
#header {
	position: relative;
	width: 881px;
	height: 87px;
	background: url(../images/header_bg.gif) top left no-repeat;
	z-index: 1;
}

/*=date
--------*/
#header #dateLang {
	position: absolute;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	top: 69px;
	right: 61px;
}
ul#dateLang li { display:inline; list-style: none; }
ul#dateLang li + li { border-left: thin solid #fff; }
#dateLang a { font-weight: bold; text-decoration: none; color: #fff; }
#dateLang a:hover { text-decoration: underline; }
#dateLang .date { padding-right: 5px; }
#dateLang .lang { padding-left: 5px; }
/* Hide language switch link until the French site exists. */
/* #dateLang .lang { display: none; } */

/*=sidebar1
------------*/
#sidebar1 {
	position: absolute;
	left: 60px;
	top: 87px;
	z-index: 1;
	height: 476px;
	he\ight: 469px;
	width: 208px;
	w\idth: 207px;
	padding-top: 7px;
}

/*=nav
-------*/
#nav {
	position: absolute;
	left: 0;
	top: 7px;
	background: url(../images/nav_bg.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif;
	padding: 39px 0 0 26px;
	width: 201px;
	height: 260px;
	w\idth: 175px;
	he\ight: 221px;
}
#nav li { color: #f30; margin-left: 1em;}
#nav li a { color: #fff; text-decoration: none; }
#nav li a:hover, #nav li a.current { color: #f30; }

#nav li.depth1 { margin-left: 0px;}
#nav li.depth3 { margin-left: 25px;}

/*=find it
------------*/
#findit {
	position: absolute;
	top: 274px;
	left: 0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	width: 208px;
	height: 97px;
	he\ight: 95px;
}
#findit form * {
	font-size: 11px;
	line-height: 13px;
	color: #999;
	float: left;
}
#findit label{
	width: 80px;
	display: inline;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}
#findit input:after {
    content: '';
    display:block;
    clear:left;
}
#findit form #keyword { width: 110px; }
#findit form #search { width:30px; }
#findit select{ width: 80px; }
#findit option { float: none; }
#findit a {
    display: block;
    text-align: right;
    font-size: 11px;
    padding-right: 10px;
}

/*=more about donna cona
-------------------------*/
#moreabout {
	position: absolute;
	top: 382px;
	left: 0;
	height: 105px;
}
#moreabout .stacked {
    text-transform: uppercase;
    font-weight: 100;
    font-style: normal;
    font-size: 0.5em;
    display: block;
    width: 5em;
    position: absolute;
    top: 0px;
    right: -3em;
}
ul.pdflink {
	margin: 0px 0 0 23px;
	padding: 14px 0 6px 41px;
	background: url(../images/pdf_icon.gif) left top no-repeat;
	list-style: none;
}

/*=main
--------*/
#main {
	position: absolute;
	top: 87px;
	left: 268px;
	height: 476px;
	width: 326px;
	w\idth: 325px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#main .article {
    padding: 10px 10px 0 9px;
    margin: 0;
}
#main .article p , #main .article div{
    height: 2.5em;
    overflow: hidden;
}
#main .article h3 { margin: 0; }

#main div.article div, #main div.article p {
    color: black;
} 


/*=ten years of...
-------------------*/
#blurb {
	margin-top: 32px;
	border-bottom: 1px solid #ccc;
	height: 132px;
	he\ight: 131px;
	padding: 0 10px 0 9px;
}
#blurb img { display: block; }
#blurb h3 {
    color: #669;
    font-size: 2em /* 18pt */;
    font-weight: 100;
}
#blurb div {
	color: #666;
	margin: 4px 0 0;
}
/*=news
---------*/
#news {
	background: url(../images/desks.jpg) center bottom no-repeat;
	padding: 10px 10px 0 9px;
	height: 296px;
}
#news div.headline h3 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #666;
}
#news div.headline div {
    color: #333;
    height:6em;
    overflow: hidden;
}

/*=sidebar2
------------*/
#sidebar2 {
	position: absolute;
	left: 597px;
	top: 87px;
	width: 269px;
	height: 476px;
}
html > body #sidebar2 { left: 594px; }

/*=sidebar3
------------*/
#sidebar3 {
	position: absolute;
	left: 737px;
	top: 87px;
	width: 169px;
	min-height: 476px;
	background-color: #fff;
}
/*\*/
* html #sidebar3 { height: 476px; }
/*\*/
html > body #sidebar3 { right: 0px; }
#sidebar3 div { padding-top: 10px; }

#sidebar3 div.article p, #sidebar3 div.article div { display: none; }
#sidebar3 h3 {
    display: block;
    text-align: left;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 1.25em;
    overflow: hidden;
    font-size: 1em;
}


/*=hot jobs
------------*/
#hotjobs {
	position: absolute;
	top: 0;
	left: 0;
	width: 269px;
	height: 191px;
	he\ight: 190px;
	border-bottom: 1px solid #ccc;
}
#hotjobs img{ margin: 25px 0 0 8px; }

#hotjobs ul {
	font-size: 11px;
	line-height: 18px;
	color: #f30;
	list-style: none;
	margin: 0 0 0 30px;
}
#hotjobs li {
    height: 1.5em;
    overflow: hidden;
}
/*=resume
----------*/
#resume {
	position: absolute;
	left: 0;
	top: 203px;
	height: 112px;
	he\ight: 111px;
	width: 269px;
	w\idth: 261px;
	border-bottom: 1px solid #ccc;
	padding-left: 8px;
}
#resume h2 {
    padding-top: 0px;
    padding-bottom: 3px;
}

#resume form label {
    padding-bottom: 5px;
	font-size: 11px;
	line-height: 13px;
	color: #666;
	display: block;
	float:right;
}
#resume input { 
	font-size: 11px;
}
#resume #label {
	width: 244px;
	w\idth: 236px;
	padding-left: 0px;
	font-size:0.8em;
}
#resume #policy {
    display: block;
    width: 21px;
    float: right;
}
#resume #file {
    display: block;
    float: right;
    clear: right;
}
#resume #upload {
    width: 65px;
    margin-top: 5px;
    float: right;
    clear: right;
}

/*=products
------------*/
#products {
	position: absolute;
	left: 7px;
	top: 315px;
	height: 161px;
	he\ight: 145px;
	width: 191px;
	w\idth: 177px;
	border-right: 1px solid #ccc;
	padding: 16px 13px 0 0;
	overflow: hidden;
}
#products h3 { font-size: 1em; }
#products div {
	color: #999;
	height: 4.75em;
	overflow: hidden;
}
#products div.headline1{ display: none; }
#products div.headline{
	height: 161px;
	he\ight: 145px;
}

/*=supplier
-----------*/
#supplier {
	position: absolute;
	right: 0;
	bottom: 18px;
	text-align: center;
}

/*=footer
----------*/
#container #footer {
	position: absolute;
	top: 563px;
	height: 87px;
	background: url(../images/footer_bg.gif) right top no-repeat #8d9ab1;
	width: 881px;
}
#container2 #footer {
    position: relative;
    bottom: -87px;
	background: right bottom no-repeat #8d9ab1;
	width:100%;
	height: 87px;
}
#container #footer p { text-align: right; }
#container2 #footer p { text-align: center; }

#footer p {
	color: #fff;
	line-height: 11px;
	margin: 7px 21px 0 0;
}

#footer img#canoes {
    position:absolute;
    right:-40px;
    bottom: 97px;
}

/*=advanced search
------------------*/
#advanced_search{
    margin: 1em;
}
#advanced_search * {
	font-size: 11px;
	line-height: 13px;
	color: #999;
	display:block;
	float: left;
	margin: 3px;
}
#advanced_search label{
	font-weight: bold;
	padding-right: 5px;
	display: block;
	float:left;
	clear:left;
}
#advanced_search input { clear:left; }
#advanced_search #keyword {
    clear: none;
    width: 220px;
}
#advanced_search label.date_field{ width: 95px; }
#advanced_search input[type='radio'] {
    clear:both;
    width: 20px;
    text-align:right;
}
#advanced_search input[type='radio'] + label {
    display: block;
    clear: none;
    text-align: left;
    font-weight:normal;
}
#advanced_search input[type='submit']{
    display: block;
    float: right;
    width: 50px;
}
#advanced_search select.date_field{ width: 50px; }
#advanced_search option { float: none; }

/*=headline navigation
----------------------*/

ul.more_headlines { list-style: none; margin: 0; padding: 0; }
ul.more_headlines li { display: inline; padding-left: 5px; padding-right: 5px; }

/*=fake_row
------------*/
#fake_row {
    background: url(../images/top_row_bg.gif) left top repeat-x #fff;
    clear:both;
}