html
{
	position 				: 	absolute;
	top					:	5%;
	left					:	15%;
	width					:	70%;
	height				:	80%;
	text-align			: 	center; /* to center blocks in body*/
	border 				: 	3px 	double red;
	border-radius			: 25px;

}
body
{
	text-align			: 	center; /* to center blocks in body*/
	background-color	:	ivory;

}
h1
{
	font-family			:	"Copperplate Gothic Light", fantasy;
	font-size			:	1.2em;
	color					:	black;
}
h2
{
	font-family			:	"Copperplate Gothic Light", fantasy;
	font-size			:	0.75em;
	color					:	black;
	padding-left		:	5%;
}
h3
{
	font-family			:	"Copperplate Gothic Light", fantasy;
	font-size			:	0.75em;
	color					:	black;
	text-align			: 	left;
	width					: 99%;
}
ul
{
	position 				: 	relative;
	width						:	60%;
	height					:	60%;
	left						:	5%;
	background-color		:	lightblue;
	padding					:	5%;
	border 					: 	3px 	double red;
	border-radius			: 25px;

}
li
{
	font-family				:	Liberty,Verdana;
	font-size				:	18px;
	color						:	brown; /*light gold;*/
	padding-left			:	5%;
}
select
{
	font-family				:	Liberty,Verdana;
	font-size				:	18px;
	color						:	brown; /*light gold;*/
	padding-left			:	5%;
	text-align				: 	right;
	float						:	right;
	margin-left				: 20px;
}
#form1
{
	position 				: 	relative;
	width						:	70%;
	height					:	50%;
	left						:	40px;
	background-color		:	lightblue;
	font-family				:	Liberty,Verdana;
	font-size				:	18px;
	padding					:	10%;
	border					:	5px double silver;
	border-radius			: 	25px;
	text-align 				: 	left;
}
#form2
{
	position 				: 	relative;
}
.page
{
	position 				: 	relative;
	left						:	10%;"
}
.label
{
	font-family			:	technical,Verdana;
	font-size			:	15px;
	color					:	black;
	width					:	auto;
}
.buttonClassD
{
	cursor				:	pointer;
	font-family			:	"Lithos regular",verdana;
	font-size			:	16px;
	background			: 	ivory;
	color 					: 	black;
	padding				:	5px 10px 5px 10px;
	border 				: 	3px inset silver;
	float						:	right;

}
.buttonClassD:hover
{
	border 				: 	3px outset silver;
	background			: 	grey;
}
.buttonClassE
{
	cursor				:	pointer;
	font-family			:	"Lithos regular",verdana;
	font-size			:	16px;
	background			: 	ivory;
	color 					: 	black;
	padding				:	5px 10px 5px 10px;
	border 				: 	3px inset silver;
}
.buttonClassE:hover
{
	border 				: 	3px outset silver;
	background			: 	grey;
}
.Error
{
	text-align 			: 	left;
	font-family			:	technical,Verdana;
	font-size			:	14px;
	color					:	red;
	width					:	auto;
}
@media only screen and  (max-width: 750px)
{
	html
		{
			top					:	1%	!important;
			left					:	5% 	!important;
			width					:	90% !important;
			height				:	100% !important;
		}
	#form1
	{
		left						:	5px;
		font-size				:	12px;
	}
	ul
	{
		width						:	70%;
		height					:	auto;
		left						:	5px;
	}
}