/*Desktop*/
body
{
	font-family:arial,helvetica,sans-serif;
	
}
.frm
{
	width:100%;	
}
/*Menu*/
menu
{
	position:relative;
	top:240px;
	left:-10vw;
	z-index:2;
	
}
.menuflyout
{
	position:absolute;
	width:15vw;
	top:0vh;
	left:10vw;
	
}
.menuflyout:hover > .menulistblock
{

	display:block;
}
.menuimageblock
{
	position:absolute;	
	width:13vw;
	height:2vw;	
	background-color:#ddeedd;
	border:1px solid #ddeedd;
	border-radius:20px;
	text-align:right;
}
.menuimage
{
	position:relative;
	left:-9vw;
	width:2vw;
	height:2vw;
	
}
.menulistblock
{
	position:relative;
	left:0px;	
	display:none;	
}
.menulist
{
	position:relative;
	left:-35px;
	top:15px;
	list-style-type: none;
}
.menuitem
{
	
}
.menubutton
{
	border:1px solid white;
	font-size:1.2vw;	
	width:10em;
	background-image: linear-gradient(to right, rgba(0, 221, 0, 1), rgba(0, 221, 0, 0.50), rgba(0, 221, 0, 1));
	border-radius:5px;
}
.menubutton:hover
{
	background-image: linear-gradient(to right, rgba(0, 96, 0, 0.5), rgba(0, 96, 0, 1), rgba(0, 96, 0, 0.5));
	color:white;
}
.menuselect
{
	border:1px solid white;
	font-size:1.2vw;
	width:10em;
	background-color:#55aa55;
}
/*Header*/
header
{
	z-index:-1;
	position:absolute;
	background-image: linear-gradient(to right, rgba(0, 48, 0, 1), rgba(0, 48, 0, 0.50), rgba(0, 48, 0, 1));
	width:97vw;
	left:1vw;
	top:20px;
	height:200px;
	border-radius:5px;
}
.logoimage
{
	height:140px;
	width:auto;
	position:relative;
	left:50px;
	top:5px;
	
}
.pagename
{
	position:absolute;
	width:90vw;
	left:5vw;
	top:20px;
	font-size:65px;	
	font-weight:bold;
	font-style:italic;
	color:#ffffff;	
	text-align:right;
}
.pagetitle2
{
	position:absolute;
	width:80vw;
	left:15vw;
	top:100px;
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;	
	text-align:right;
}
/*Main page*/
main
{
	z-index:0;
	position:absolute;
	top:240px;
	width:70vw;
	min-height:70vh;
	left:15vw;
	font-size:1vw;
	text-align:justify;
	background-color:#eeffee;	
}
.textHeader
{
	font-size:3vw;
	font-weight:bold;
}
.hRuler
{
	position:absolute;
	height:0.2vw;
	width:20vw;
	border:0;
	border-radius:5px;
	background-image: linear-gradient(to right, rgba(0, 85, 0, 1), rgba(0, 85, 0, 0.75), rgba(0, 85, 0, 0));
		
}
.textBody
{
	position:relative;
	top:3.5vw;
}
.pBreak
{
	height:1vw;
}
.imageLeft
{
	width:20vw;
	height:auto;
	float:left;
}
.imageRight
{
	width:20vw;
	height:auto;
	float:right;
}
/*Tables*/
.table1
{
	font-size:1vw;
}
.table1_hdrLine
{
	font-weight:bold;
}
.table1_hdrCell
{
	width:33%;
	
}

.table1_line
{
	
}
.table1_cell
{
	width:25%;
	height:2em;
	border-bottom:1px solid #005500;
}
.table2
{
	font-size:1vw;
}
.table2_hdrLine
{
	font-weight:bold;
}
.table2_hdrCell
{
	width:50vw;
	
}

.table2_line
{
	
}
.table2_cell
{
	width:50vw;
	height:2em;
	border-bottom:1px solid #005500;
}
.map
	{
		width:50vw;
		height:40vw;		
	}
.table3
{
	font-size:1vw;
}
.table3_hdrLine
{
	font-weight:bold;
}
.table3_hdrCell
{
	width:50vw;
	
}

.table3_line
{
	
}
.table3_cell
{
	width:50vw;
	height:2em;
	border-bottom:1px solid #005500;
}
.table3_cell > input
{
	font-size:1vw;
}
.table3_cell > select
{
	font-size:1vw;
}
.table3_cell > textarea
{
	height:10em;
	width:75%;
	
}
.lbutton
{
	width:10vw;
	font-size:1vw;
	position:relative;
	left:10vw;
}
.rbutton
{
	width:10vw;
	font-size:1vw;
		position:relative;	
	left:10vw;
}
/*Footer*/
footer
{
	position:fixed;
	bottom:1em;
	width:80vw;
	left:10vw;
	text-align:right;
	opacity:0.2;
}


/*Mobile*/
@media only screen and (max-width: 768px)
{
	menu
	{
		position:relative;	
		top:0px;
		left:-10vw;
		z-index:2;
		
	}
	.menuflyout
	{
		position:absolute;
		width:15vw;
		top:0vh;
		left:10vw;
		
	}
	.menuflyout:hover > .menulistblock
	{

		display:block;
	}
	.menuimageblock
	{
		position:absolute;	
		width:6vw;
		height:4vw;	
		background-color:#ddeedd;
		border:1px solid #ddeedd;
		border-radius:20px;
		text-align:right;
	}
	.menuimage
	{
		position:relative;
		left:-1vw;
		width:4vw;
		height:4vw;
		
	}
	.menulistblock
	{
		position:relative;
		left:0px;
		top:-4vw;
		display:none;	

	}
	.menulist
	{
		position:relative;
		left:-35px;
		top:15px;
		list-style-type: none;
	}
	.menuitem
	{
		height:3.5vw;
	}
	.menubutton
	{
		border:1px solid white;
		font-size:2vw;	
		width:10em;
		background-image: linear-gradient(to right, rgba(0, 221, 0, 1), rgba(0, 221, 0, 0.50), rgba(0, 221, 0, 1));
		border-radius:5px;
	}
	.menubutton:hover
	{
		background-image: linear-gradient(to right, rgba(0, 96, 0, 0.5), rgba(0, 96, 0, 1), rgba(0, 96, 0, 0.5));
		color:white;
	}
	.menuselect
	{
		border:1px solid white;
		font-size:2vw;
		width:10em;
		background-color:#55aa55;
	}
	header
	{
		z-index:-1;
		position:absolute;
		background-image: linear-gradient(to right, rgba(0, 48, 0, 1), rgba(0, 48, 0, 0.50), rgba(0, 48, 0, 1));
		width:100vw;
		left:0vw;
		top:0px;
		height:30vw;
		border-radius:5px;
	}
	.logoimage
	{
		height:10vw;
		width:auto;
		position:relative;
		left:85vw;
		top:1vw;
		
	}
	.pagename
	{
		position:absolute;
		width:90vw;
		left:10vw;
		top:10vw;
		font-size:8vw;	
		font-weight:bold;
		font-style:italic;
		color:#ffffff;	
		text-align:left;
	}
	.pagetitle2
	{
		position:absolute;
		width:90vw;
		left:0vw;	
		top:20vw;
		font-size:5vw;
		font-weight:bold;
		font-style:italic;
		color:#ffffff;	
		text-align:right;
	}	
	main
	{
		z-index:0;
		position:absolute;
		top:130px;
		width:90vw;
		min-height:100vh;
		left:5vw;
		font-size:3vw;
		text-align:justify;
		background-color:#eeffee;	
	}
	.textHeader
	{
		font-size:5vw;
		font-weight:bold;
	}
	.hRuler
	{
		position:absolute;
		height:0.2vw;
		width:50vw;
		border:0;
		border-radius:5px;
		background-image: linear-gradient(to right, rgba(0, 85, 0, 1), rgba(0, 85, 0, 0.75), rgba(0, 85, 0, 0));
			
	}
	.textBody
	{
		position:relative;
		top:3.5vw;
	}
	.pBreak
	{
		height:2vw;
	}
	.imageLeft
	{
		width:20vw;
		height:auto;
		float:left;
	}
	.imageRight
	{
		width:20vw;
		height:auto;
		float:right;
	}
	/*Tables*/
	.table1
	{
		font-size:3vw;
	}
	.table1_hdrLine
	{
		font-weight:bold;
	}
	.table1_hdrCell
	{
		width:33%;
		
	}

	.table1_line
	{
		
	}
	.table1_cell
	{
		width:25%;
		height:2em;
		border-bottom:1px solid #005500;
	}
	.table2
	{
		font-size:3vw;
	}
	.table2_hdrLine
	{
		font-weight:bold;
	}
	.table2_hdrCell
	{
		width:50vw;
		
	}

	.table2_line
	{
		
	}
	.table2_cell
	{
		width:50vw;
		height:2em;
		border-bottom:1px solid #005500;
	}
	.map
	{
		width:50vw;
		height:40vw;		
	}
	.table3
	{
		font-size:3vw;
	}
	.table3_hdrLine
	{
		font-weight:bold;
	}
	.table3_hdrCell
	{
		width:50vw;
		
	}

	.table3_line
	{
		
	}
	.table3_cell
	{
		width:50vw;
		height:2em;
		border-bottom:1px solid #005500;
	}
	.table3_cell > input
	{
		font-size:3vw;
	}
	.table3_cell > select
	{
		font-size:3vw;
	}
	.table3_cell > textarea
	{
		height:10em;
		width:75%;
		
	}
	.lbutton
	{
		width:15vw;
		font-size:3vw;
		position:relative;
		left:10vw;
	}
	.rbutton
	{
		width:15vw;
		font-size:3vw;
			position:relative;	
		left:10vw;
	}

	footer
	{
		position:fixed;
		font-size:2vw;
		bottom:1em;
		width:80vw;
		left:10vw;
		text-align:right;
		opacity:0.2;
	}
}