@import url('https://fonts.googleapis.com/css?family=Roboto:400');
body{background-color:#ffffff; margin-top:0px; margin-right:auto; margin-left:auto; font-family: Roboto; font-style: normal; color: #333333;}
#container{ float:auto;	background-color:#FFFFFF; position:relative; margin:0 auto; overflow:auto;width:1000px;}
#close-top{	float:right; padding: 5px 50px 0px 0px;} #close-bottom{float:right; padding: 0px 50px 5px 0px;}
#header{ float:auto; text-align:left;padding:0 0 10px 100px;border-bottom:1px solid #cccccc;}
#container_wrapper{ float:auto; padding: 0px 20px 10px 20px;} .link{ font-size: 11px; font-weight: normal;}
#info{padding: 20px 100px 0 100px;}
h1{ font-size: 23px; font-weight: normal;}
h2{font-size: 12px; font-weight: normal;color:#999999;}
p{ font-size: 12px; font-weight: normal;}
#info a{color:#86b815;}
.nocolor{color:#333333!important;}
#info ol{padding-left:20px;}
#info li{ font-size: 12px;margin:0 0 20px 0;}
#info li li{ font-size: 12px;margin:0;}
#info ul li{ font-size: 12px;margin:0;}

@media all and (max-width: 340px){
	#info{padding: 1px 1px 0 1px;}
	#header{ float:auto; text-align:left;padding:0 0 5px 1px;border-bottom:1px solid #cccccc;}
	#container{
	width: 100%;
	}
  h1{ font-size: 20px; font-weight: normal;}
  h2{font-size: 11px; font-weight: normal;color:#999999;}
  p{ font-size: 11px; font-weight: normal;}
	#close-top{	float:right; padding: 7px 1px 0px 0px;} 
	#close-bottom{float:right; padding: 0px 1px 2px 0px;}
}

@media all and (min-width:341px)
	and (max-width: 370px){
	#info{padding: 2px 3px 0 5px;}
	#header{ float:auto; text-align:left;padding:0 0 7px 5px;border-bottom:1px solid #cccccc;}
	#container{
	width: 100%;
	}
	#close-top{	float:right; padding: 7px 1px 0px 0px;} 
	#close-bottom{float:right; padding: 0px 1px 2px 0px;}
}

@media all and (min-width:371px)
	and (max-width: 480px){
	#info{padding: 5px 4px 0 12px;}
	#header{ float:auto; text-align:left;padding:0 0 10px 12px;border-bottom:1px solid #cccccc;}
	#container{
	width: 100%;
	}
	#close-top{	float:right; padding: 7px 1px 0px 0px;} 
	#close-bottom{float:right; padding: 0px 1px 2px 0px;}
}

@media all and (min-width:481px)
	and (max-width: 639px){
	#info{padding: 5px 3px 0 20px;}
	#header{ float:auto; text-align:left;padding:0 0 15px 20px;border-bottom:1px solid #cccccc;}
	#container{
	width: 100%;
	}
	#close-top{	float:right; padding: 7px 2px 0px 0px;} 
	#close-bottom{float:right; padding: 0px 2px 2px 0px;}
}

@media all and (min-width: 640px){
	#info{padding: 10px 7px 0 35px;}
	#header{ float:auto; text-align:left;padding:0 0 20px 35px;border-bottom:1px solid #cccccc;}
	#container{
	width: 100%;
	}
	#close-top{	float:right; padding: 10px 4px 0px 0px;} 
	#close-bottom{float:right; padding: 0px 4px 2px 0px;}
}