html { height: 100%; margin-bottom: 0px; }
form { margin: 0; padding: 0; }
img,table {	border: none; }
/*body { font-family: Arial, sans-serif; line-height: 1.3em; margin: 0; padding: 0; font-size: 14px; }*/
body {margin:0; padding:0; background:#FFFFFF; font-family:"Lato", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4285em; color:rgba(0,0,0,0.87) }
p { margin-top: 0; margin-bottom: 10px; text-align: justify; }
.body_bg { background: #8BC34A; color: #01321B; }

#div_bg_main { padding: 0; background: url(/images/page-content-bg.jpg) top center repeat; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; width: 1100px; margin: auto; }
.div_bg { padding: 0; background: #9fca86; width: 230px; margin: auto; padding: 10px 10px 10px 10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.dialogmodal { position: fixed; z-index: 999; height: 100%; width: 100%; top: 0; left: 0; background: url(/images/page-content-bg.jpg) top center; }
.dialogcenter { z-index: 1000; margin: 100px auto; padding: 10px; border-radius: 10px; background: #8BC34A; width: 405px; height: 400px; }

td { vertical-align:top; }
td.GreyNorm {  }
td.GreyNormWebsite { height: 90px; }
td.GreyNormBold { }
div { text-align:justify; }
h1 { text-align:center; margin-bottom:0px; margin-top:0px;}
h2 { text-align:center; margin-bottom:0px; margin-top:0px;}
h3 { margin-bottom:10px; margin-top:-15px;}
html a, html a:visited { color: #002814; text-decoration:none; }
html a:hover { color: #191970; text-decoration:underline; font-weight: 700;}


.flags { text-align:center}
#entry .flags ul{list-style-type:disc; padding-left:0px}

/* SMART COLUMNS*/
ul.column{width:100%; padding:0; margin-top:-17px; list-style:none;}
.flags ul.column li{float:left; width:150px; padding:0; margin:2px 2px 0 0; display:inline}
ul.column li{float:left; width:140px; padding:0; margin-top:5px; display:inline; text-align:center; height:75px; background-color: #9fca86; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.blocky{text-align:center; height:190px; font-size:0.5em; margin-right:10px; padding:20px; }
.flags .blocky{font-size:0.3em;height:80px;padding:0px;text-align:center;margin-top:10px; }

.post-info a.external_icon{padding-right:0}
.flags a.external_icon {padding-right:13px;}
.flags h3 {color:#5E3B13;font-family: Arial, sans-serif;font-size:12px;line-height:30px;text-shadow:0 1px 1px #CCCCCC;margin:0;}
img.aligncenter{display:block; margin-left:auto; margin-right:auto;border:none; float:inherit}

ul.columnEvents{width:100%; padding:0; margin:18px 0; list-style:none;}
ul.columnEvents li{float:left; width:250px; padding:0; margin:0 20px 30px 20px; display:inline; height:230px; text-align:center; background-color: #EAECEE; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 2px 16px;
    background-color: white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}