body	{
		font-family:arial;
		margin:0 auto;
	}
#container {
		// background-color:lightgray;
				position:relative;
				width: 100%; // 330px;
				height:2000px;
				overflow:hidden;
				margin:0 auto;
				// border: 1px black solid;
				
			}
		header {
				background-color:white;
				// border:1px black solid;
				position:relative;
				width:330px;
				height:45px;
				margin:0px auto 3px auto;
			}
		#maincontent {
				// background-color:lightblue;
				position:relative;
				width:100%; // 330px;
				height:auto;
			}
		header h1 {
				font-size:20px;
				color:navy;
				margin: 6px auto 0 auto;
				text-align:center;
		}
		header h3 {
				font-size:16px;
				color:#ffc000;
				font-weight:normal;
				margin: 0 auto 0 auto;
				text-align:center;

		}
		header img {
				float:right;
				height:55px;
				border:1px navy solid;
				position:relative;
				margin:10px 60px 6px 10px;
		}
		#maincontent img {
				width:330px;
				position:relative;
				display:block;
				margin:0px auto 6px auto;
		}		
		#block1 {
				background-color:gray;
				position:relative;
				width:330px;
				height:20x;
				margin:0px auto 3px auto;
				
		}
		#block2 {
				background-color:lightgray;
				border:1px gray solid;
				position:relative;
				width:320px;
				height:auto;
				margin:0px auto 4px auto;
				padding:5px 5px 0px 5px;
				
		}
		#block3 {
				background-color:white;
				position:relative;
				width:330px;
				height:auto;
				margin:0px auto 0 auto;
				//padding-top:1px;
				border-left:1px black solid;	
				border-right:1px black solid;	
		}
		#block4 {
				background-color:white;
				position:relative;
				width:296px;
				height:40px;
				margin:6px auto 0 auto;
				padding-top:1px;
				border:1px red solid;		
		}
		.hl1 {
				position:relative;
				display:block;
				text-align:center;
				font-size:14px;
				color:white;
				letter-spacing:1px;
		}
		.hl2 {
				display:block;
				text-align:center;
				font-size:20px;
				color:white;
				font-weight:normal;
				// margin: 0 0px 0 10px;
		}
		.hl3 {
				position:relative;
				display:block;
				text-align:center;
				font-size:13px;
				color:#2b5097;
				font-weight:bold;
				margin: 0;
		}
		.hl4 {
				position:relative;
				display:block;
				text-align:left;
				font-size:12px;
				color:black;
				font-weight:normal;
				margin: 2px 0 0 0;
		}
		.hl5 {
				position:relative;
				display:block;
				text-align:center;
				font-size:12px;
				color:black;
				font-weight:normal;
				margin: 4px 0 0 0;
		}
		.hl6 {
				display:block;
				margin: 10px 0 10px 16px;
				font-size:15px;
		}
		#cd h3 {
				margin:0;
				line-height:100%;
		}
		#cd p {
				margin:0;
				line-height:110%;
		}
		#footer {
				background-color:lightgray;
				border:1px gray solid;
				position:relative;
				width:330px;
				height:100%;
				margin:0px auto 0px auto;			
		}

		@media screen and (min-width:520px) {
			header {
				background-color:white;
				// border:1px black solid;
				position:relative;
				width:480px;
				height:45px;
				margin:0px auto 3px auto;
			}
			#block1 {
				background-color:gray;
				position:relative;
				width:480px;
				height:20x;
				margin:0px auto 3px auto;
				
			}
			#block2 {
				background-color:lightgray;
				border:1px gray solid;
				position:relative;
				width:470px;
				height:auto;
				margin:0px auto 4px auto;
				padding:5px 5px 0px 5px;
				
			}
			#block3 {
				background-color:white;
				position:relative;
				width:480px;
				height:auto;
				margin:0px auto 0 auto;
				//padding-top:1px;
				border-left:1px black solid;	
				border-right:1px black solid;	
			}
			#block4 {
				background-color:white;
				position:relative;
				width:446px;
				height:40px;
				margin:6px auto 0 auto;
				padding-top:1px;
				border:1px red solid;		
			}

			#footer {
				background-color:lightgray;
				border:1px gray solid;
				position:relative;
				width:480px;
				height:100%;
				margin:0px auto 0px auto;
				
			}
		}

		@media screen and (min-width:720px) {
			header {
				background-color:white;
				// border:1px black solid;
				position:relative;
				width:630px;
				height:45px;
				margin:0px auto 3px auto;
			}
			#block1 {
				background-color:gray;
				position:relative;
				width:630px;
				height:20x;
				margin:0px auto 3px auto;
				
			}
			#block2 {
				background-color:lightgray;
				border:1px gray solid;
				position:relative;
				width:620px;
				height:auto;
				margin:0px auto 4px auto;
				padding:5px 5px 0px 5px;
				
			}
			#block3 {
				background-color:white;
				position:relative;
				width:630px;
				height:auto;
				margin:0px auto 0 auto;
				//padding-top:1px;
				border-left:1px black solid;	
				border-right:1px black solid;	
			}
			#block4 {
				background-color:white;
				position:relative;
				width:596px;
				height:40px;
				margin:6px auto 0 auto;
				padding-top:1px;
				border:1px red solid;		
			}

			#footer {
				background-color:lightgray;
				border:1px gray solid;
				position:relative;
				width:630px;
				height:100%;
				margin:0px auto 0px auto;
				
			}
		}