/* CSS Document */
#whatsnew {
		border-top: 1px solid DarkSlateGray;
		border-bottom: 1px solid DarkSlateGray;
		background: #CCCCFF; /*lavender background color*/
		overflow: hidden;
		width: 110%;
} 

#whatsnew .header {  /* styling the small box that contains the "whats new >>" heading */
	margin: 0;
	padding: 8px 2% 8px 0;
	font-weight: bold;
	float: left;
	width: 20%;
	background-color: #CCCCFF;
	color:#000033;
	font-size: 9pt;
}
#whatsnew .header a {  /* link color for the "what's new" header box */
	color: #000000;
	text-decoration: none;
	padding-left: 16px;
} 
#whatsnew .header a:hover {  /* hover color for the "what's new" header box */
  color: #996600;
} 


ul#marquee {
	padding: 0;
	margin: 8px 0 8px 1%;
	width: 70%;
	float: left;
	overflow: hidden;
}

#marquee li {
	list-style-type: none;
	display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	position: absolute;
} 

#marquee a {  /* link color for the "what's new" content box */
		color: #000000;
		text-decoration: underline;
} 

#marquee a:hover {  /* hover color for the "what's new" content box */
		color: #996600;
} 

#marquee h4 {  
		font-size: small;
		color: #CCCC99;
} 

#whatsnew .header {  /* styling the small box that contains the "whats new >>" heading */

}
#whatsnew .header a {  /* link color for the "what's new" header box */
	color: #000000;
	text-decoration: none;
	padding-left: 16px;
} 
#whatsnew .header a :hover {  /* hover color for the "what's new" header box */
  color: #CCCC99;
}

.controls {
	
	/*border-top: 1px solid DarkSlateGray;*/
	/*border-bottom: 1px solid DarkSlateGray;*/
	background: #CCCCFF; /*lavender background color*/
	overflow: hidden;
	float: right;
	width: 75px;
	margin-top: -1%;
	padding: 0px 6px;
}
.controls img {
	padding: 0px 1px;
	border: none;
}