html {
	overflow: auto;
}

body {
	background-image: url(crswelcome_background.png);
	font-family: verdana;
	font-size: 12px;
	color: #323335;
	line-height: 1.5;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	/*width: 950px;*/
}

.wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.header {
	height: 77px;
	padding: 0;
	margin: 0;
}

#welcomeimage {
	background: transparent url(welcome_students.png) no-repeat scroll left center;
	float: left;
	height: 77px;
	width: 273px;
	padding: 0;
	margin: 0;
}

#logoimage {
	/* The "visibility: hidden" hides the home logo so that we can keep
	the home page generic for documentation, comment it  out in order to show the logo again
	visibility: hidden;*/
	background: transparent url(home_logo_blue.png) no-repeat scroll right center;
	float: right;
	height: 77px;
	width: 169px;
	padding: 0;
	margin: 0;
}

.leftcolumn {
	background: transparent url(crswelcome_leftcolumn.png) no-repeat scroll left top;
	float: left;
	width: 305px;
	padding: 30px 0 0 0;
	margin: 0px;
}

.rightcolumn {
	width: 625px;
	padding: 30px 0 0 20px;
	float: right;
	margin: 0px;
}

.fancybullet {
	list-style-image: url(bullet.gif);
	padding-right: 40px;
}

.footer {
	color: #ffffff;
	font-size: 10px;
	text-align: center;

	background-color: #0f2651;
	width: 100%;
	height: 50px;
	clear: both;
}

/*declare this class in a <p> or other tag to help spacing while keeping the element invisible*/
.placeholder {
	visibility: hidden;
}

.inlineicon {
	vertical-align: middle;
}