@font-face
		{
		font-family: opensans;
		src: url("../fonts/opensans.ttf");
		}

	@font-face
		{
		font-family: opensans;
		src: url("../fonts/opensans-bold.ttf");
		font-weight: bold;
		}

	@font-face
		{
		font-family: quicksand-bold;
		src: url("../fonts/quicksand-bold.ttf");
		}

	body
		{
		font-family: opensans, Arial, Helvetica, sans-serif;
		margin: 0px;
		background-color: #ebebdd;
		font-size: 14px;
		color: #000000;
		}

	a
		{
		color: #00674a;
		cursor: pointer;
		}

	a:visited
		{
		color: #00674a;
		}

	.colorswatch:hover
		{
		cursor: pointer;
		background-image: url("../img/selectdot60.png");
		}

	.menubutton
		{
		font-weight: bold;
		padding: 6px 10px;
		margin: 0px 9px 0px 0px;
		font-size: 12px;
		border: 0px solid white;
		border-radius: 8px 8px 0px 0px;
		}

	.menubutton_active
		{
		background-color: #5f8c5d;
		color: #e0e0d8;
		}

	.menubutton_inactive
		{
		background-color: #e0e0d8;
		color: #00674a;
		}

	.menubutton:hover
		{
		cursor: pointer;
		background-image: url("../img/menubg.png");
		}

	.formfield
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #555555;
		padding: 4px;
		border: 1px solid #a6c197;
		width: 200px;
		max-width: 300px;
		max-height: 500px;
		}

	.formbutton
		{
		font-size: 12px;
		background-color: #e0e0d8;
		color: #00674a;
		font-weight: bold;
		border-color: gray black black gray;
		-webkit-border-radius: 6px;
		border-style: solid;
		border-width: 1px;
		border-radius: 8px;
		padding: 6px 10px;
		}

	.formbutton:hover
		{
		background-color: #00674a;
		color: #e0e0d8;
		cursor: pointer;
		}

	.palette
		{
		box-shadow: 0px 4px 8px rgb(64,64,64);
		color: #ffffff;
		border: 1px solid #87a874;
		background-color: white;
		}