@charset "utf-8";
body {background:#000033;margin:0;padding:0;color:#6666FF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%;line-height:1.4;}
h1, h2, h3, h4, h5, h6, p{margin-top:0;padding-right:15px;padding-left:15px;}
a img{border:none;}
a:link{color:red;text-decoration:underline;}
a:visited{color:#000099;text-decoration:underline;}
a:active {color: #b36b00;text-decoration:underline;}
.container{width:80%;max-width:1070px;min-width:780px;background:#006;margin:0 auto;}
.header{background:#006;}
.content{padding:10px 0;}
.content ul, .content ol{padding:0 15px 15px 40px;}
.footer{padding:10px 0;background:#006;}
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}.container .content h1{color:#FF0;}
.container .content h2{color:#FF0;}
.container .content p{color:#00FF40;}
.container .content p{color:#8080FF;}
.container .content p{color:#0FF;}
.container .content p{font-family:Verdana, Geneva, sans-serif;}
.container .content h2 strong{color:#F00;}
.container .content h3{color:#FF0;}
div.ex1 {
  width: 800px;
  margin: auto;
  border: 3px solid #73AD21;
}

div.ex2 {
  max-width: 800px;
  margin: auto;
  border: 3px solid #73AD21;
}
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: red;
	font-size: 36px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 40px;
}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: yellow;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 450;
	line-height: 28px;
}
H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: orange;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 450;
	line-height: 24px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}