/* 
*/
body{
	background:#000000;
}
#Header1{
	top: 0;
	margin: auto;
	min-width:300px;
	height:5%;
	width:100%;
	border-radius: 15px 15px 0 0;
	border: 1px solid #BF9165;
	text-align:center;
	font-family:Georgia, serif;
	background:#BF9165
}
#Body1{
	float:left;
	margin: auto;
	min-width:300px;
	height:90%;
	width:100%;
	border: 1px solid #BF9165;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background:#BF9165
}
#Footer1{
	margin: auto;
	min-width:300px;
	height:5%;
	width:100%;
	padding:5px 0 5px 0;
	border: 1px solid #BF9165;
	border-radius: 0 0 15px 15px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	background:#BF9165
}
button.footer{
	font-size:80%;
	font-weight: normal;
	display:inline-block;
	width: 100px;
	padding: 5px 1px 5px 1px;
	border-radius: 5px;
	border: 5px outset;
	/* background:blue; */
	color:black;
}
button.footer:hover{
	/* background:lightblue; 
	font-weight: bold; */
	color:red;
}
button.footer:active{
	border: 5px inset;
	/* background:white;
	font-weight: bold; */
	color:black;
}
button.checkButton1{
    text-decoration: none;
	height:2.75em;
	font-size:.8em;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border-radius: 1.5em 0 0 1.5em;
	border: 3px outset #4DA64D;
	color:yellow;
	background:#008000;
}
button.checkButton1:hover{
	color:white;
}
button.checkButton1:active{
	border: 3px inset #4DA64D;
	color:white;
}
button.checkButton2{
    text-decoration: none;
	height:2.75em;
	font-size:.8em;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border: 3px outset #FFFF4D;
	color:black;
	background:#FFFF00;
}
button.checkButton2:hover{
	color:blue;
}
button.checkButton2:active{
	border: 5px inset #FFFF4D;
	color:blue;
}
button.checkButton3{
    text-decoration: none;
	height:2.75em;
	font-size:.8em;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border-radius: 0 1.5em 1.5em 0;
	border: 3px outset #FF4747;
	color:yellow;
	background:#FF0000;
}
button.checkButton3:hover{
	color:white;
}
button.checkButton3:active{
	border: 3px inset #FF4747;
	color:white;
}
button.checkButton4{
    text-decoration: none;
	height:3em;
	font-size:.8em;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border-radius: 1.5em 0 0 1.5em;
	border: 3px outset;
	color:grey;
}
button.checkButton5{
    text-decoration: none;
	height:3em;
	font-size:.8em;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border: 3px outset;
	color:grey;
}
#Config{
	margin: auto;
	width:75%;
	padding:1% 3%;
	border-radius: 15px;
	border: 3px groove #AF763E;
	text-align:center;
}
#GameBoard{
	float:left;
	margin-left:3%;
	width:45%;
	border-radius: 15px;
	border: 3px groove #AF763E;
	text-align:center;
}
#GameCheck{
	float:right;
	margin-right:3%;
	width:45%;
	border-radius: 15px;
	border: 3px groove #AF763E;
	text-align:center;
}
table.gameTable{
	width:11em;
}
p, ul, li {
	margin:0 3% 0 3%;
	text-align:left;
	font-family:"Comic Sans MS", cursive, sans-serif;
}
h1{
	font-size:2em;
	text-shadow: 2px 2px #AF763E;
	margin: .25em 0 .25em 0;
}
h2{
	font-size:1.5em;
	text-align: center;
	text-shadow: 2px 2px #AF763E;
	font-family:Georgia, serif;
	margin: .25em 0 .25em 0;
}
.config{
	padding:0 10px 0 0;
	font-size:1em;
	text-align:left;
}
input, select{
	font-size:1em;
}
table{
	margin:auto;
}
.normText{
	color:black;
}
.smallText{
	font-size:.75em;
}
.errorText{
	font-size:.75em;
	color:yellow;
}
.peg0{
	width:1em;
	height:1em;
	border:.25em inset #DB944D;
	border-radius: 1.5em;
	text-align:center;
	padding:.0;
	margin:.25em;
	background:#291400;
}
.ccColor0{
	width:1.75em;
	height:1.75em;
	border:.25em outset;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:.25em;
}
.peg1{
	width:1em;
	height:1em;
	border:.5em ridge #4747FF;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#0000FF;
}
.ccColor1{
	width:2.25em;
	height:2.25em;
	border:.5em ridge #4747FF;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0em;
	background:#0000FF;
}
.peg2{
	width:1em;
	height:1em;
	border:.5em ridge #FFC04D;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#FFA500;
}
.ccColor2{
	width:2.25em;
	height:2.25em;
	border:.5em ridge #FFC04D;
	border-radius: 1.5em;
	text-align:center;
	padding:.0;
	margin:0;
	background:#FFA500;
}
.peg3{
	width:1em;
	height:1em;
	border:.5em ridge #4DA64D;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#008000;
}
.ccColor3{
	width:2.25em;
	height:2.25em;
	border:.5em ridge #4DA64D;
	border-radius: 1.5em;
	text-align:center;
	padding:.0;
	margin:0;
	background:#008000;
}
.peg4{
	width:1em;
	height:1em;
	border:.5em ridge #FF4747;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#FF0000;
}
.ccColor4{
	width:2.25em;
	height:2.25em;
	border:.5em ridge #FF4747;
	border-radius: 1.5em;
	text-align:center;
	padding:.0;
	margin:0;
	background:#FF0000;
}
.peg5{
	width:1em;
	height:1em;
	border:.5em ridge #FFFF4D;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#FFFF00;
}
.ccColor5{
	width:2.25em;
	height:2.25em;
	border:.5em ridge #FFFF4D;
	border-radius: 1.5em;
	text-align:center;
	padding:.0;
	margin:0;
	background:#FFFF00;
}
.peg6{
	width:1em;
	height:1em;
	border:.5em ridge #A64DA6;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#800080;
}
.ccColor6{
	width:2.25em;
	height:2.25em;
	border:.5em ridge #A64DA6;
	border-radius: 1.5em;
	text-align:center;
	padding:.0;
	margin:0;
	background:#800080;
}
.peg8{
	width:1em;
	height:1em;
	border:.5em ridge;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#FFFFFF;
}
.peg9{
	width:1em;
	height:1em;
	border:.5em ridge #5C5C5C;
	border-radius: 1.5em;
	text-align:center;
	padding:0;
	margin:0;
	background:#000000;
}
/*.cpeg1{
	text-align:center;
	background:#0000FF;
	color:#0000FF;
}
.cpeg2{
	text-align:center;
	background:#FFA500;
	color:#FFA500;
}
.cpeg3{
	text-align:center;
	background:#008000;
	color:#008000;
}
.cpeg4{
	text-align:center;
	background:#FF0000;
	color:#FF0000;
}
.cpeg5{
	text-align:center;
	background:#FFFF00;
	color:#FFFF00;
}
.cpeg6{
	text-align:center;
	background:#800080;
	color:#800080;
}*/