body { background-color:#dbb; color:#000; max-width:1200px; margin:auto;}
#outer {min-width:320px;max-width:100%;background-color: #fff; border: thin solid #900;}

html,body{font-family:Verdana,sans-serif;}

*{box-sizing:border_box}


h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,Verdana,sans-serif;font-weight:400;margin:5px 0;color:#900;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}h2{font-size:30px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}

a {color: #f60;text-decoration:none; !Important}
a{background-color:transparent}
a:active,a:hover{outline:0}
a:hover{background-color:#fc6}

.w3_border{border:1px solid #600 !important}
.w3_border_top{border-top:1px solid #900 !important}
.w3_border_bottom{border-bottom:1px solid #900 !important}

.cell_family, .thumbnail-family, .thumbnail_family, .thumbnail-family-no, .family-link-button, .thumbnail-image, .thumbnail_image {display:inline-block}
.cell_family, .thumbnail-family, .thumbnail_family, .thumbnail-image, .thumbnail_image {color: #9cf !important}
.cell_family a, .thumbnail-family a, .thumbnail_family a, .thumbnail-image a, .thumbnail_image a {display:block;transition:0.3s}
.thumbnail-family a:hover, .thumbnail_family a:hover, .thumbnail-family a:focus, .thumbnail_family a:focus {background-color:#fc6}
.cell_family a:hover, .cell_family a:focus, .thumbnail-image a:focus, .thumbnail_image a:focus, .thumbnail-image a:hover, .thumbnail_image a:hover {background-color:#fc6}
.thumbnail-family, thumbnail_family {font-size:12px;font-weight:bold; min-width:70px;}
.thumbnail-family-no, .w3_home-no {color:#ddd}
.cell_family, .thumbnail-image, .thumbnail_image {min-width:100px;border:1px solid #9cf;padding:2px;margin-bottom:10px;}

.w3_padding_medium,.w3_padding{padding:8px 16px !important}
.w3_padding_small{padding:4px 8px !important}
.w3_padding_tiny{padding:2px 4px !important}
.w3_padding_8{padding_top:8px !important;padding_bottom:8px !important}
.w3_padding_last{padding_top:0.5em;padding_left:0.5em;padding_right:0.5em;padding_bottom:1.0em}
.w3_padding_16{padding_top:16px !important;padding_bottom:16px !important}
.w3_padding_0{padding:0 !important}
.fixed {position:fixed;background-color: #fff;top:0px;width:99%;max-width:1198px;}
.hidden {visibility:hidden;top:0px;}

.padding_top_8px{padding_top:8px}
.padding_top{padding_top:1em}
.margin_wide {margin-left:0.5em;margin-right:0.5em;margin-bottom:0.5em}

.margin_auto{margin:auto;}
/* RESPONSIVE */
.w3_responsive{overflow-x:auto}
.w3_container:after, .w3_container_slim:after, .w3_row:after,.w3_row_padding:after,.w3_topnav:after,.w3_clear:after{content:"";display:table;clear:both}
.w3_col,.w3_half,.w3_third,.w3_twothird,.w3_quarter{float:left;width:100%}
.w3_col.s1{width:8.33333%}
.w3_col.s2{width:16.66666%}
.w3_col.s3{width:24.99999%}
.w3_col.s4{width:33.33333%}
.w3_col.s5{width:41.66666%}
.w3_col.s6{width:49.99999%}
.w3_col.s7{width:58.33333%}
.w3_col.s8{width:66.66666%}
.w3_col.s9{width:74.99999%}
.w3_col.s10{width:83.33333%}
.w3_col.s11{width:91.66666%}
.w3_col.s12,.w3_half,.w3_third,.w3_twothird,.w3_quarter{width:99.99999%}
@media only screen and (min-width:601px){
.w3_col.m1{width:8.33333%}
.w3_col.m2{width:16.66666%}
.w3_col.m3,.w3_quarter{width:24.99999%}
.w3_col.m4,.w3_third{width:33.33333%}
.w3_col.m5{width:41.66666%}
.w3_col.m6,.w3_half{width:49.99999%}
.w3_col.m7{width:58.33333%}
.w3_col.m8,.w3_twothird{width:66.66666%}
.w3_col.m9{width:74.99999%}
.w3_col.m10{width:83.33333%}
.w3_col.m11{width:91.66666%}
.w3_col.m12{width:99.99999%}}
@media only screen and (min-width:993px){
.w3_col.l1{width:8.33333%}
.w3_col.l2{width:16.66666%}
.w3_col.l3,.w3_quarter{width:24.99999%}
.w3_col.l4,.w3_third{width:33.33333%}
.w3_col.l5{width:41.66666%}
.w3_col.l6,.w3_half{width:49.99999%}
.w3_col.l7{width:58.33333%}
.w3_col.l8,.w3_twothird{width:66.66666%}
.w3_col.l9{width:74.99999%}
.w3_col.l10{width:83.33333%}
.w3_col.l11{width:91.66666%}
.w3_col.l12{width:99.99999%}}
.w3_content{max-width:980px;margin:auto}
.w3_rest{overflow:hidden}
@media (max-width:601px){.w3_modal_dialog .w3_modal_content{margin:50px 10px 10px 10px;width:auto !important}}
@media (max-width:768px){.w3_modal_dialog .w3_modal_content{width:500px}}
@media (min-width:992px){.w3_modal_dialog .w3_modal_content{width:900px}}
@media screen and (max-width:601px){.w3_topnav a{display:block}.w3_topnav a:first_child{padding:0 8px}}	
@media screen and (max-width:600px){.w3_topnav{text_align:center}}
@media (max-width:600px){.w3_hide_small{display:none !important;}}
@media (max-width:991px) and (min-width:601px){.w3_hide_medium{display:none !important;}}
@media (min-width:992px){.w3_hide_large{display:none !important;}}
.w3_home:hover, .w3_home:focus {background-color:#fc6}
.w3_home-no {color:#ddd}

.w3_image{position:relative}
.w3_image img{max-width:100%;height:auto}
.w3_image .w3_title{position:absolute;bottom:8px;left:16px;color:#000;font-size:20px}
.image_landscape{display:block;width:90%;margin:auto;height:auto;max-width:700px;}
.image_portrait{display:block;width:90%;margin:auto;height:auto;max-width:520px;}
.image_800{display:block;width:90%;margin:auto;height:auto;max-width:800px;}
.image_600{display:block;width:90%;margin:auto;height:auto;max-width:600px;}
.image_500{display:block;width:90%;margin:auto;height:auto;max-width:500px;}
.image_400{display:block;width:90%;margin:auto;height:auto;max-width:400px;}
.image_300{display:block;width:90%;margin:auto;height:auto;max-width:300px;}
.image_275{display:block;width:90%;margin:auto;height:auto;max-width:275px;}
.image_250{display:block;width:90%;margin:auto;height:auto;max-width:250px;}
.image_180{display:block;width:90%;margin:auto;height:auto;max-width:180px;}
.image_120{display:block;width:90%;margin:auto;height:auto;max-width:20vw;}
.image_90percent{display:block;width:90%;margin:auto;height:auto;}


.ul_symbol_none {list-style-type: none; margin: 0;padding: 0;}
.ul_symbol_none li {overflow: hidden;}
.inline, .inline_block {display:inline-block;}
.inline_element {display:inline}
.inline_box {display:inline-block; vertical-align: text-top;}
.inline_box a:link, .inline_box a:visited {display: block;transition:.3s;}
.inline_box a:hover,.inline_link a:active {background-color: #fc6;}
.inline_box_border {border:1px solid #9cf;overflow: hidden;}
.inline_box_border_grey {border:1px solid #666;overflow: hidden;}
.link_box {text-align:left; max-width:800px;margin:auto}
.inline_button_3line {padding:0.7vw 0.7vw;height:5.7em;}
.height_8em {padding:0.5vw 0.5vw;height:16em}

.table_border {border_collapse: collapse;}
.table_border td, th {border: 1px solid white;padding:0.2em}
.table_border td {text-align:right}
.table_border th {text-align:center}
.center {margin: auto;width: 90%;padding: 10px;}
td {text-align: left; vertical-align: top; hyphens:auto; word-wrap:break-word;}
th{vertical-align: top; hyphens:auto; word-wrap:break-word;}
td {padding_top:5px;padding_bottom:5px}
.event_text_cell_plain_150 {max-width:150px;padding: 2px;text-align: left;}	
.event_text_cell_plain_200 {max-width:200px;padding: 2px;text-align: left;}
.event_content_cell { display:table-cell; max-width:600px; padding:5px;border-style:solid;border-width:thin;border-color:#990000;}
.event_content_cell_grey { display:table-cell; max-width:600px; padding:5px;border-style:solid;border-width:thin;border-color:#cccccc;color:#757575}
.event_date_cell {max-width:200px;border-style:solid;border-color:#990000;border-width:thin; padding: 5px;}	
.event_date_cell_grey {max-width:200px;border-style:solid;border-color:#cccccc;border-width:thin; padding: 5px;}	
.event_text_cell_300 { max-width:300px;border-style:solid;border-color:#990000;border-width:thin; padding: 5px;}	
.event_text_cell_500 { max-width:500px;border-style:solid;border-color:#990000;border-width:thin; padding: 5px;}
.data_cell_120 {max-width:120px; text-align:center; padding:1px;border-style:solid;border-width:thin;}


/* .font_flex {font-size:3.5vw;} */
@media only screen and (min-width:600px) {.font_flex {font-size:1.8vw;}}
@media only screen and (min-width:768px) {.font_flex {font-size:1.5vw;}}
@media only screen and (min-width:993px) {.font_flex {font-size:1.3vw;}}
@media only screen and (min-width:1200px) {.font_flex {font-size:1.0vw;}}

.alpha_40 {display:inline-block; min-width:40px; text-decoration:none; border:1px solid #900;margin:5px}
.alpha_40:focus, .alpha_40:hover {background-color:#fc6}

.percent_98 {width:98%;margin:auto}
.margin_auto {margin:auto}
.photo_seq, .photo-seq {font-size:1em;vertical-align:1em;}
.size_10em_12em{ max-width: 10em; height: 12em;}
.size_160{ max-width: 120px; height: 191px;}
.subheading_yellow { color: #fc3; text-align:center;}

.background_black { background-color: #000;}
.background_black_light { background-color: #222;}
.background_black_lighter { background-color: #333;}
.background_aus, .background-aus, .background_green {background-color:#030;}
.background_aus_light {background-color:#040;}
.background_oldw, .background-oldw {background-color:#005;}
.background_neww, .background-neww {background-color:#300;}
.background_darkgrey { background-color: #444;}
.background_darkblue { background-color: #003;}
.background_darkishblue { background-color: #004;}
.background_cosmicblue { background-color: #006;}
.background_brown { background-color: #630;}

.text_yellow { color: #ffcc33;}
.smallyellow { color: #ffcc33; font-size: small;}
.text_orange { color: #ff9900;}
.text_red { color: #f00;}
.text_grey {color:#757575}
.bold {font-weight: bold;}

.w3_left-align, .left {text-align:left !important}
.w3_right-align, .right {text-align:right !important}
.w3_center{text-align:center !important}
.inline {display:inline}