body,html {
	margin:0;
	text-align: center;
		color: #555050;
	font-family: Open Sans, Open Sans, sans-serif, _sans, "sans serif"; 
	margin: 0; padding: 0;
}
#wrap0{ position: relative; }
p {
	line-height: 130%;
	margin: 5px 0;
}

#col-left, #col-right {
	color: #555050;
	font-family: Open Sans, sans-serif, _sans, "sans serif";
}
#col-left a, #col-right a {
	text-decoration: none;
	color: #275175;
	font-weight: bold;
}

#col-right a:hover {
	text-decoration: underline;
}
#col-right { text-align: left; padding-top: 150px;}
.logo {
	width: 100px;
}
.slogan {
		color: #275175;
}	

@media screen and (min-width: 900px) {
#wrap0 {	width: 880px; margin: 15px auto; background-color: white; }
#col-left { width:280px; float: left; border: 0px gray dotted; position: absolute; top: 10px; left: 0px; }
#col-right { margin-left: 290px; }	
#col-left, #col-right {	font-size: 15px; }

}


@media screen and (min-width: 401px)  and (max-width: 899px) {
#wrap0 {	width: 400px; margin: 15px auto; background-color: white;  }
#col-left { width:200px; float: left; border: 0px red dotted; position: absolute; top: 10px; left: 0px;}
#col-right { margin-left: 210px; }	
#col-left, #col-right {	font-size: 13px; }
}


@media screen and (max-width: 400px) {
#wrap0 {	width: 390px;  margin: 5px auto; background-color: white;	}
#col-left {width: 100px;  float: left; border: 0px green dotted; position: absolute; top: 10px; left: 0px; font-size: 10px;}
#col-right { margin-left: 110px; font-size: 11px; }	
}