
#greenPanel {
	height: 50px;
	width: 162px;
	background-color: #41A317;
	float: left;
	font-size: 40px;
	text-align: center;
	border: solid black 3px;
	cursor: pointer;
}

/*I got the code "cursor: pointer;" with the help of Marty Geiger*/

.redPanel {
	height: 50px;
	width: 50px;
	background-color: #C11B17;
	float: left;
	font-size: 30px;
	border: solid black 3px;
	cursor: pointer;
}

.blackPanel {
	height: 50px;
	width: 50px;
	background-color: #000000;
	float: left;
	color: #FFFFFF;
	font-size: 30px;
	border: solid black 3px;
	cursor: pointer;
}

#greenGuess {
	height: 75px;
	width: 175px;
	background-color: #41A317;
	text-align: center;
	font-size: 35px;
	border: solid black 3px;
	margin-left: 500px;
	cursor: pointer;
}

#redGuess {
	height: 75px;
	width: 175px;
	background-color: #C11B17;
	text-align: center;
	font-size: 35px;
	border: solid black 3px;
	margin-left: 500px;
	cursor: pointer;
}

#blackGuess {
	height: 75px;
	width: 175px;
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	font-size: 35px;
	border: solid black 3px;
	margin-left: 500px;
	cursor: pointer;
}


#moneyCounter {
	height: 50px;
	width: 175px;
	background-color: #E8A317;
	text-align: center;
	margin-left: 500px;
	font-size: 30px;
	border: solid black 3px;
}

/*This div is where all of the panels go.*/
#roulette {
	width: 168px;
}

p {font-size: 15pt;}