body{background:lightgrey;margin:0;padding:0;}
body,p,td,b,a{font-size:16px;font-family: 'Poppins', serif; color:#575057;}

#wrap {margin: 0 auto; width: 1200px; background:white; padding:0}

header { width: 100%; background:white; min-height:55px;padding: 10px 0;}
#hleft{display:inline;height:55px;padding-left:17px;}
#hright{float:right;margin-right:100px;display:inline;padding-top:15px;}
#hleft a {font-size:2em;color:black;font-family: 'Poppins';text-decoration:none;font-weight:bold;text-shadow: dimgrey 1px 1px 2px;}

td.top{background:black;text-align:center;padding-bottom:3px;}

a.head{text-decoration:none;color:white;}
a{color:black;}
a.nav{color:white;font-size:80%;font-weight:bold;text-decoration:none;}

footer{clear: both; height:22px; background:black; color:white;padding:3px 10px 0 10px;font-size: 14px;}

#main { width: 100%; background:white; padding: 0;}

a.noline{text-decoration: none;}

ul	{list-style-image: url('/images/redarrow.gif');padding-left: 20px;line-height:1.6;margin:5px;}

td.layout{text-align: center;background:whitesmoke;border:1px solid #ebebeb;max-width:150px;}


@media screen and (max-width:750px) {/*mobile*/
nav{display:none;}
#wrap,.coltop,.colbot,#laymain,.lay{width:100%;display:block;float:none;}
#col2 img {width:100%;}
}

@media screen and (min-width:751px) {/*pc*/
#col1,#col3{width:23%;}
#col2{width:50%;text-align:center;}
#col1b{width:72%; }
#col2b{width:22%; }
.lay{display:table-cell; vertical-align:middle; width: 180px; height: 150px; overflow: hidden;line-height:1.2;}
}

#coltop{height:300px;}
#colbot{height:620px;}

.coltop,.colbot { float: left; padding:2px; }
.row:after { content: ""; display: table; clear: both; }

#laymain{text-align:center; margin:3px 0 10px 0;}
.lay {  padding: 3px 10px; background:whitesmoke; border: 1px solid lightgray; margin: 0 3px; text-align: center; }

footer a{font-size:14px; color:white;}