html, body 
{
	font-family : monospace;
	font-size : 100%;
	height : 100%;
	background-color :  #9FCDFB;
}

body 
{
	font-size : large;
	text-align:center;
}

#header 
{
	height : 20%;
	background-color :  #2F5D8B ;
	color:#FFFFFF;
}

#navigation 
{
	height : 10%;
}

#content 
{
	width : 100%;
	height : 80%;
	background-color : #9FCDFB;
}

form 
{
	padding-top : 20px;
	padding-left : 20px;
}

ul#navlist
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	color: #fff;
	background-color: #4F7DAB;
}

ul#navlist li 
{ 
	display: inline; 
}

ul#navlist li a
{
	float: left;
	width: 4em;
	color: #fff;
	background-color: #4F7DAB;
	padding: 0.2em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}

ul#navlist li a:hover
{
	background-color: #6F7DAB;
	color: #fff;
}

h2 
{
	font-size : 150%;
}

h3
{
	font-size : 125%;
}

h4 
{
	font-size : 75%;
}


select , textarea
{
	 	width : 50%;
	font-size : 100%;
	background : #BFCDFB;
	color : #000000;
	text-align:center;
}

textArea{
	overflow-y: scroll;
    
    resize: none;
}
option{
text-align:center;
}
input {
	font-size : 100%;
	background : #BFCDFB;
	color : #000000;

  	width : 50%;
text-align:center;
border : black solid 1px;
}
label{
    
    width: 50%;
    text-align: left;
}


.button 
{
	font-family : times new roman;
	font-size : 100%;
	color : #FFFFFF;
	text-decoration : none;

	background : #2F5D8B;
	border : black solid 2px;
}

@media only screen and (max-device-width: 480px) 
{
		body
		{
			font-size: 300%;	
		}
		
		div#wrapper 
		{
			text-align:center;
			width: 100%;
		}

		div#header 
		{
			font-size: 100%;
			height: 150px;
			position: relative;
		}
#header{
	height : 20%;
}
		div#header h1 
		{
			font-size: 200%;
		}

		#content 
		{
			float: none;
			width: 100%;
			font-size: 100%;
		}

		#navigation 
		{
			height: 80px;
			font-size: 50%;

			width: auto;
		}

		ul#navlist
		{
			margin-left: auto;
	    	margin-right: auto;
			width: 100%;
			height: 150px;
			font-size: 100%;
		}

		input, select, textarea 
		{
			font-size : 100%;
		}
		
		textarea
		{
		 	width: 100%;
		}
		
		.button 
		{
			font-size : 100%;
			background : #2F5D8B;
		}


	}