html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; outline:0;}
body { line-height: 1; font-family: "Karla",sans-serif; }
ol, ul { list-style: none;}
.clear {clear:both;}


#footer {width:90%; margin:auto; max-width:700px; padding-top:30px; padding-bottom:30px;}

#fr1 { width:100%; height:110px; background-color:#ffffff; color:#000000; max-width:900px; margin:auto;}

.nav1 .top {width:100%; max-width:900px; margin:auto; height:50px;}
.nav1 .top ul box2 {float:left;width:40%;background-color:lightblue;}
.nav1 .box3 {float:left;width:60%;background-color:green;}

.top, .top2, {width:100%; max-width:900px; margin:auto; height:50px; }
#top3b {width:100%; max-width:800px; margin:0 auto 0 auto; height:50px; }

#top3b .srch {height:40px; border:solid 1px darkblue; width:90%; margin-top:5px; margin-left:5%; border-radius:10px;}
#top3b .srch .srch2 {margin-left:8px; width:25px; height:25px; }
#top3b .srch .srch3 {position:absolute; margin-top:6px; padding:0; max-width:750px; width:90%;}
#top3b .srch .srch2 img { width:25px; height:25px;margin-top:8px;}
#top3b .srch input { margin-left:10px; border:none; font-size:16px; width:70%;}
#top3b .srch .srchend {margin-right:8px; width:25px; float:right;}
#top3b .srch .srchend img { width:25px; height:25px; margin-top:8px;}

.xxxtop3 input {font-size:16px; margin: 8px 10% 8px 10%; width:80%; height:30px;}
.top ul, .top2 ul { list-style-type: none; margin: 0; padding: 0;}
.top ul li, .top2 ul li  {float:left; text-decoration:none; font-weight:bold; font-size:18px; padding:10px 0 10px 0;}
.top ul li a, .top2 ul li a {text-decoration:none;}
.top ul li a { text-decoration:none; }
.top ul li img { height:40px;}
.top .ovr3 {float:right; padding:2px 10px 2px 5px; text-align:right; }

.top2 ul li img { padding-left:5px; height:40px;}
.top2 ul li .img2 { padding-top:4px; height:32px;}
.top .ovr1 {padding:2px 0 2px 5px; width:60px;}
.top2 .ovr1 {padding:2px 0 2px 5px; width:60px;}
.top2 .ovr2 {float:right; padding:2px 10px 2px 5px; text-align:right; }
.top2 .ovr3 {float:right; padding:2px 10px 2px 5px; text-align:right; }
.top2 .hi2 {font-weight:bold; font-size:20px; }
#dwplats, #dwmenus, #dwsignin {display:none; background-color:#ffffff; max-width:900px; margin:auto; width:100%; position:absolute; height:500px; z-index:2;}
#dwsignin .cont1 {text-align:right;}
#dwsignin .cont1 h3 {padding:8px;}
#dwplats ul li, #dwmenus ul li { color: #212f3d; text-decoration: none; max-width:900px; width: 100%; height: 16px; padding: 12px 8px 12px 25px; font-weight:bold; border-bottom: solid 1px #e8e8e8;}
#dwplats ul li a, #dwmenus ul li a {color: #212f3d; text-decoration:none;}
.top2 {display:none;}
.hidenavmore {display:none;}
#dwplats .hide {display:none;}
#dwplats .mem, .mem {display:none;}
#dwplats .mem .hh {display:none;}
#dwplats .h4 {padding-left:15px; color:black; font-size:20px; font-weight:bold;}
#dwplats .mem .plat2, #dwplats .mem .plat5, #dwplats .mem .plat8 {display:block;}
#dwplats .line {display:block; border-top:solid black 2px; width:80%; max-width:200px;}


@media screen and (max-width:640px) {
.top {display:none;}
.top2 {display:block;}
}
.clear {clear:both;}

.nav80 {width:80px }
.nav90 {width:90px }
.nav100 {width:100px }
.nav70 {width:70px }
#fr2 { background-color:white; color:#000; width:100%; height:auto; max-width:900px;margin:auto;}
@media screen and (max-width:800px) {
#fr2 { float:left; width:100%;}
}
@media screen and (max-width:600px) {
#fr2 { width:100%; background-color:#ffffff;}
}