p{
	margin-top:0px;
}
html,body{
	background-color:#fff;
	margin: 0px;
	border: 0px none;
/*	no such element spacing: 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	overflow:hidden;*/
}
html {
/*	overflow:auto;*/
}
table,tr,td{
	padding:0px;
	margin:0px;
	border:0px none;
	vertical-align:top;
	border-collapse: collapse;
}
#all {
}
#topMenuBar{
	height:20px;
	width: 100%;
	padding: 0px;
	margin: 0px;
/*	no such element 	spacing: 0px;*/
	background-color:#333;
	overflow:hidden;
}
#topMenuBar a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
#topMenuBar a:hover{
	color:#aaa;
}
#topMenuBarTextButtons{
	width:850px;
	background-color:#333;
}
#topMenuBarTextButtons span,
#topMenuBarTextButtons span a{
	vertical-align: middle;
}

input{
	background-color: #333;
	border: #fff solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}
select{
	background-color: #333;
	border: #fff solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}

#page{
	margin-left:10px;
	margin-top:10px;
	width:98.5%; /** added to prevent blocks from aligning underneath eachother on low resolutions */
/*	overflow:visible; /** if unspecified, IE only shows first line of text */
}
#flashBlocks {
	margin: 0;
	padding: 0;
	width: 985px;
	height: 305px;
}
#flashBlocks object, #flashBlock div object {
	margin: 0;
	padding: 0;
}
#flashMediaPlayer {
	width:400px;
	height:300px;
	margin: 0;
	padding:5px 5px 0;
	float:left;
}

#titlebar{
	clear:both;
	width:100%;
	height:47px;
}
#titlebar .head{
	font-weight:bold;
	font-size:20px;
}
#titlebar .text{
	font-weight:bold;
	font-size:13px;
}
#searchfield{
	margin-top:1px;
}

#list .item{
	background-color:#fff;
	cursor:pointer;
}
#list .itemhover{
	background-color:#ddd;
}

#list .item .head{
	font-weight:bold;
}
#list .item .text{}

#item .head{
	font-weight:bold;
	font-size:16px;
}
#item .text{}

#newsletterform{
	background-color:#ccc;
	width:470px;
}
#newsletterform table{
	width:450px;
	margin:10px;
}
#newsletterform input{
	width:300px;
}
#newsletterform select{
	width:302px;
}
#newsletterformsuccess{
	background-color:#ccc;
	width:470px;
	height:200px;
	padding:20px;
}


/** column widths */
.columnTable {
	display: block;
	padding: 0;
}
.textColumn, .pressListColumn, .relatedColumn{
	margin:10px 11px 0 5px; /* added 8px to right margin to make margins between columns at least 16px */
	width:195px;
	float:left;
}
.relatedColumn{
	margin:10px 0 0 2px; /* used to be 7 instead of 10. this aligns better. */
}
.doublecolumn, .articleColumn, .newsListColumn{
	margin:10px 3px 0 5px;
	width:398px; /* 195 + 8 + 195 */
	float:left;
}
.stopFloat {
	clear: both;
	line-height: 0;
}

/** common new styles */
div h1 {
	margin:0;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
}
div h2 {
	margin:0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
}
div h3 {
	margin:0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000;
}
div p,
div p a,
.textColumn,
.textColumn a {
	font-size: 11px; /* shorthand defaults weight to normal causing first column paragraphs to not be bold */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.newsListColumn div p, .pressListColumn div p{
	font: normal 11px Arial, Helvetica, sans-serif;
}	
div p {
	margin: 0 0 11px;
}

div p a:visited,
.textColumn a:visited {
	color: #333;
}
div p a:hover,
.textColumn a {
	color: #666;
}
div ul {
	margin-left: 0;
	padding-left: 1.4em;
}


/** styles for the projectarchive page */
.projectList h2{
	margin:0;
}
.projectList h2 a{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.projectList h2 a:hover{
	text-decoration: underline;
}
.projectList h3{
	margin: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
}
.projectList p {
	margin: 0 0 11px;
}
.projectList p a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
}
.projectList p a:hover{
	text-decoration:underline;
}
/** Styles for news page */
.newsItemRollOver p, .newsItemRollOver h3{
	color: #999;
	cursor:pointer;
}
/** styles for articles, which can be both news and press releases. */
.articleColumn{
	margin:5px;
	color: #000;
	float: left;
}
/** styles for previous/next 10 text links below lists */
.prevNext{
	/*margin: 22px 0 0;*/
	font: bold 11px Arial, Helvetica, sans-serif;
}
.prevNext span.prev{
	float:left;
}
.prevNext span.next{
	float:right;
}
.prevNext span a{
	color:#000;
	text-decoration:none;
}
.prevNext span a:hover{
	color:#666;
}
/** Styles for grey boxes in the 4th column */
.greyBox{
	background:#ccc;
	color:#000;
	margin:3px 0 0;
	padding:1px 2px 8px;
}
.greyBox h3{
	margin: 0;
}
.greyBox p{
	margin: 0 0 1em;
}
.greyBox p a{
	color:#000;
}
.greyBox p a:hover{
	color:#666;
}	
.greyBox h3 a{
	color:#000;
	font-weight:bold;
}
.greyBox h3 a:hover{
	font-weight:bold;
	color:#666;
}
/** Dark- & light greybox are boxes with just one link, as opposed to the 'regular' grey box.
    On the news page, the text in these boxes aligns in the center instead of on the left side. */
.darkGreyBox, .lightGreyBox {
	padding:1px 3px;
	background:#262626;
	text-align:left;
}
.lightGreyBox {
	background:#ccc;
}
.darkGreyBox a, .lightGreyBox a{
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.lightGreyBox a{
	color:#000;
}
.darkGreyBox, .darkGreyBox a{
	font-weight: bold;
	color:#fff;
}
.darkGreyBox a:hover, .lightGreyBox a:hover{
	text-decoration:underline;
}
.articleColumn .darkGreyBox{
	float:left;
	margin: 1px;
	text-align:center;
}
.articleColumn .lightGreyBox{
	float:right;
	margin: 1px;
	text-align:center;
}
#searchPageBody{
	width:800px;
}
#searchResults{
	float:left;
}
.searchResultItem{
	background-color:#ccc;
	width:400px;
	cursor:pointer;
	margin-bottom:5px;
}
.searchResultItemRollOver{
	/* complementary to searchResultItem. */
	background-color:#999;
}
.searchResultItem h3{
	font-size:13px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}
.searchResultItem h4{
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}
#emptySearchResult{
	cursor:default;
}
#searchFilterBox{
	position:absolute;
/*	float:right;*/
	left:410px;
	width:366px;
	margin-left:20px;
}
.searchFilterBoxSingleFilter{
	width:366px;
	height:20px;
	padding:5px;
	margin-bottom:2px;
	background-color:#ccc;
}
.searchFilterBoxLabel{
	float:left;
	width:90px;
	font-size:12px;
}
.searchFilterBoxValueWrapper{
}
.searchFilterBoxInputField{
	background-color:white;
	color:black;
	font-weight:normal;
	font-size:13px;
	border:1px black;
	margin-left:5px;
	width:270px;
	float:left;
	height:18px;
}
.searchFilterBoxCloseButton{
	background-color:white;
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:red;
}
.searchFilterBoxButton{
	cursor:pointer;
}
#searchFilterBoxFilterAdder{
	margin-top:5px;
}