/* WARREN */
body{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	background-color: #CCD1A8;
	margin: 0;
}
h1,h2,h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:0;
}
h1 {
	color: #bbbbbb;
	font-size: 18px;
}
h2 { 
	font-size: 32px;
}
h3 {
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

.subcenter{
	width:887px; 
	overflow: auto;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
	margin-bottom: 10px; 

}
.subchunkleft{
	width:220px;
	float:left;
        padding: 5px;
}
.alignDrawingAndButtons{
	overflow: auto;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	margin-bottom: 5px;
}
.drawSpace{
	width:110px; 
	float:left;
	overflow: hidden;
	border: 1px solid #000000;

}
.drawSpace2{
	width:220px; 
	float:right;
}
.whiteBG{
	border: 1px solid #000000;
	background: #ffffff;
}
.btnstuff{
	margin-top: 0.5em; 
	text-align: center;
	overflow: hidden;
}
#butts button {
	height: 30px;
	width: 40px;
}
#butts button:hover{
	cursor: pointer;
}
.subchunkmiddle{
	width:340px;
	float:left;
        padding: 5px;
}
.middleBG{
	border: 1px solid #000000;
        background: #ffffff;
        padding: 5px;
}
.subchunkright{
	width:290px;
	float:left;
        padding: 5px;
}

.backbtn{
	width:775px; 
        padding: 5px;
	border-style: solid; 
	border-width: 3px; 
	border-color: green; 
	background: #7bdd1c;
	clear:both;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}
.backbtn:hover{
	border-color: #7bdd1c; 
	background: #ccf5a3;
	cursor: pointer;
}
.backbtn:hover a{
	color: green;
}


.fancycenter{
    text-align: center;
}
.center{
        background: #dddddd;
        padding: 0.5em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
}

.maincenter{
margin: auto;
width: 900px;
	overflow: hidden;

}


.section{
	float: top; 
        position: relative;
	width:878px;
}


.subsection{
        padding: 0.5em;
	width:410px;
        background: #dddddd;
        position: relative;
	overflow: hidden;
}
.subsection2{
        padding: 0.5em;
	width:530px;
        background: #dddddd;
	float: top; 
        position: relative;
	overflow: hidden;
}



.clear{
clear: both;
}
.column{
	width: 75px;
	margin: .1em;
	float: left; 
	border: 1px dotted #000000;
	background: #eee211;
}
.columnEmpty{
	width: 75px;
	margin: .1em;
	float: left; 
	background: #dddddd;
	border: 1px solid #dddddd;
}
.row{
	margin: .1em;
	float: top; 
	height: 20px;
	text-align: center;
}
.row:hover{
background: #ffffff;
}
.rowNoHover{
	margin: .1em;
	float: top; 
	height: 20px;
	text-align: center;
}
.color1{background: #e4ff00;  }
.color2{background: #e2f100;  }
.color3{background: #e5e500;  }
.color4{background: #e9d700;  }
.color5{background: #edc800;  }
.color6{background: #f1b800;  }
.color7{background: #f5a900;  }
.color8{background: #f89c00;  }
.color9{background: #fb9100;  }
.color10{background: #fe8800;  }
.color11{background: #ff9c00;  }

.color6b{background: #d7d7d7;  }
.color8b{background: #cccccc;  }
.color9b{background: #bababa;  }
.color10b{background: #ababab;  }

.color3c{background: #cadfff;  }
.color4c{background: #bde1fb;  }
.color5c{background: #a5e5f3;  }
.color6c{background: #98e7f0;  }
.color7c{background: #7aece6;  }
.color8c{background: #4af3d7;  }
.color9c{background: #21facb;  }
.color10c{background: #00ffc0;  }


a {
	font-weight: bold;
	color: #313c63;
	text-decoration: none;
}
a:hover {
	color: #973C34;
	text-decoration:underline;
	border-bottom: 1px #4A4534;
	border-bottom-color: #CCD1A8;
}