html{
	height:100%;
	margin-bottom:1px;
}

body {
	font-family: Verdana;
	font-size: 11px;
	line-height: 16px;
	color: #444;
	width: 950px;
	margin: 10px auto;
}

/*search label/faded white box are positioned relatively. This hack fixes browser resize issue in I.E when you
have relatively position elements*/
* html body{
	position: relative;
}

h2{
	color: #030;
	font-size: 22px;
	line-height: 24px;
	padding: 0px;
	margin: 0px 0px 20px 0px;	
}

h3{
	color: #333;
	font-size: 13px;
	padding: 0px;
	margin: 4px 0px 4px 0px;		
}

h4{
	color: #333;
	font-size: 11px;	
	padding: 0px;
	margin: 4px 0px 4px 0px;	
}

p{
	padding: 0px;
	margin: 0px 0px 10px 0px;	
	font-size: 11px;	
}

a{
	color: #dea743;
	text-decoration: none;
	border-bottom: 1px dotted #dea743;
}

a img{
	border: 0px;
	border-bottom: 0px solid #fff;
}

/*
a.external {
	padding-right: 16px;
	background-image: url(../images/external.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
*/

ol, ul 
{
	list-style-position: outside;
}

hr
{
	margin-bottom: 10px;
	border: 0px;
	border-top: 1px dotted #023302;
	overflow: hidden;
	height: 1px;
}

.no-underline
{
	border-bottom: 0px;
}

.clear{
	clear: both;
}

.hidden{
	display: none;
}

.bold{
	font-weight: bold;
}

div.downloadable-document
{
	margin: 10px 0px;
}

div.backtotop
{
	width: 100%;
}

div.backtotop h4, div.backtotop h5
{
	float: left;
	height: 18px;
}

div.backtotop a
{
	background-image: url(../images/backtotop.gif);
	display: block;
	width: 70px;
	height: 13px;
	float: right;
	margin-top: 6px;
	border-bottom: 0px;
}

div#body-wrapper{
	text-align: center;
}

div#content
{
	width: 950px;
	text-align: left;
	border: 1px dotted #023302;
}

/* Header */

div#header{
	height: 94px;
}

div#header h1
{
	margin: 0px;
}

div#header a{
	display: block; 
	height: 94px; 
	width: 350px;
	border-bottom: 0px;
	float: left;
}

div#header form
{
	float: right;
	padding: 30px 30px 0px 0px;
}

div#header form input.search-box{
	border: 1px solid #7faba0;
}

div#header form input{
	vertical-align: middle;
}

div#header form input.submit-button{
	border: 0px;
	font-weight: normal;
	background-color: #dea743;
	color: #000;
	width: 30px;
	padding: 2px 3px;
	cursor: pointer;
	font-size: 11px;
	line-height: 17px;
	height: 20px;
}

div#header form input.submit-button:hover{
	background-color: #444;
	color: #fff;
}

/* search box */

#searchStrip{
	
	margin: 0;
	width: 350px;
	text-align: right;	
	position: relative;
}

/*style the image span tag created by pngfix.js  */
#imageSpan{
		
	position: relative;
	left: 74px;
	top: 2px;
	
}

#boxFade{
	
	position: relative;
	z-index: 0;
	left: 60px;
	top: 6px;
}

#searchLabel{
	
	position: relative;
	left: 0px;
	top: 1px;
	z-index: 1;
}

* html #searchLabel{
		
	top: 0px;
}

#searchStrip span{
	
	margin-right: 5px;
	padding-left: 10px;
	
}


/* Menu */

	div#menu-wrapper{
		margin: 0px;
		padding: 0px;
	}

	div#menu-wrapper ul#menu{
		width: 950px;
		height: 23px;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
		border-bottom: 1px dotted black;
	}

	div#menu-wrapper ul#menu li{
		padding: 0px;
		margin: 0px;
		float: left;
		list-style-image: none;
		list-style-type: none;
		background-image: url(../images/menumatrix.gif);
	}

	div#menu-wrapper ul#menu li a{
		border-bottom: 0;
		height: 25px;	
		display: block;
		border-bottom: 0;
	}
	
	div#menu-wrapper ul#menu li a:hover, div#menu-wrapper ul#menu li a.active{
		background-image: url(../images/menumatrix.gif);	
	}
	
	div#menu-wrapper ul#menu li.home
	{
		width: 149px;
		background-position: 0px 0px;
	}
	
	div#menu-wrapper ul#menu li.about_us
	{
		width: 189px;
		background-position: -149px 0px;
	}
	
	div#menu-wrapper ul#menu li.newsletters
	{
		width: 212px;
		background-position: -338px 0px;
	}
		
	div#menu-wrapper ul#menu li.research
	{
		width: 189px;
		background-position: -550px 0px;
	}
	
	div#menu-wrapper ul#menu li.contact
	{
		width: 211px;
		background-position: -739px 0px;
	}
		
	div#menu-wrapper ul#menu li.home a:hover, div#menu-wrapper ul#menu li.home a.active
	{
		background-position: 0px -25px;
	}
	
	div#menu-wrapper ul#menu li.about_us a:hover, div#menu-wrapper ul#menu li.about_us a.active
	{
		background-position: -149px -25px;
	}
	
	div#menu-wrapper ul#menu li.newsletters a:hover, div#menu-wrapper ul#menu li.newsletters a.active
	{
		background-position: -338px -25px;
	}

	div#menu-wrapper ul#menu li.research a:hover, div#menu-wrapper ul#menu li.research a.active
	{
		background-position: -550px -25px;
	}
	
	div#menu-wrapper ul#menu li.contact a:hover, div#menu-wrapper ul#menu li.contact a.active
	{
		background-position: -739px -25px;
	}
	
	div#menu-wrapper ul#menu li a:hover, div#menu-wrapper ul#menu li a.active{
		background-color: #003300;
		color: #fff;
	}
	
	
div#footer
{
	padding: 7px 10px;
	background-color: #ccc;
	border-top: 1px dotted #023302;
}

div#footer a
{
	color: #000;
	font-size: 0.9em;
	border-bottom: 0px;
}

div#footer a:hover
{
	font-weight: bold;
}
	
ul#footer-links{
	float: left;
	margin: 0px;
	padding: 0px;
}

ul#footer-links li{
	float: left;
	padding-right: 20px;
	list-style-image: none;
	list-style-type: none;
}

div#copy-right{
	float: right;
	font-weight: bold;
}

div.news-archive-link {
	margin: 10px 5px;
}

div#flashMovie {
  width: 480px;
  margin: 20px 0px;
}

div.video-navigator-first,
div.video-navigator {
  float: left;
  width: 111px;
  margin-top: 8px;
}

div.video-navigator{
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px dotted #B3C0C7;
}