/*
main.css
color:#d3002d;
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Bitter');
@import url('https://fonts.googleapis.com/css2?family=Roboto');

BODY {
height:100%;
margin:0px;
padding:0px;
font-family:"Roboto",Arial,sans-serif;
font-size:14px;
font-weight:400;
text-align:center;
}

H1, H2, H3, H4, H5, H6 {
margin-top:0px;
font-family: 'Bitter',serif;
font-weight: 400;
/* background-image setup.. */
background-size: .25em 80%;
background-position:left center;
background-repeat:no-repeat;
padding-left:.4em;
}

H1 { font-size:2.0em; }
H2 { font-size:1.75em; }
H3 { font-size:1.5em; }
H4 { font-size:1.3em; }
H5 { font-size:1.15em; }
H6 { font-size:1em; }

P {
text-align: justify;
}

TH {
font-weight:bold;
font-size:1em;
}

TD {
vertical-align:top;
font-weight:normal;
font-size:1em;
}

A {
text-decoration:none;
}

A:hover {
text-decoration:none;
}

A:visited {
text-decoration:none;
}

A IMG {
border: none;
}

.d_wrapper_top {
/* position: fixed; */
/* top: 0; */
/* z-index: 100; */
width: 100%;
max-width: 100%;
height:90px; /* match with margin-top of .d_wrapper_page, if fixed */
}

.d_wrapper_menu {
max-width:100%;
min-width:990px; /* see d_page for max-width */
/*
background-size: 100% 2px;
background-position:left bottom;
background-repeat:no-repeat;
*/
}

.d_wrapper_page {
width:auto;
min-width:990px; /* see d_page for max-width */
height:auto;
margin:0px;
/* padding:20px 0px 0px 0px; */
text-align:center;
}

.d_wrapper_bottom {
width:auto;
min-width:990px; /* see d_page_bottom for max-width */
height:15%;
min-height:80px;
max-height:100px;
margin:0px;
padding:0px;
text-align:center;
}

.d_page_top {
margin: 0px auto;
padding: 0px;
width: auto;
min-width:990px;
max-width: 1400px;
height: 100%;
text-align:center;
}

.d_page {
margin:0px auto 0px auto;
padding:0px;
width:auto;
max-width:1400px;
text-align:left;
}

.d_page_bottom {
margin:auto;
width:auto;
min-width:990px;
max-width:1400px;
height:100%;
text-align: center;
}

.d_page_bottom_copy {
margin:10px auto 5px auto;
padding:0px;
height:24px;
text-align: center;
}

DIV#fixedHlp {
position:fixed;
top:10px;
right:20px;
z-index:3;
padding:4px;
border-radius:0.5em;
}

/* .d_page_bottom_copy A  */
DIV.voicePanel,
DIV.styleSwitcher {
font-size:14px;
display: inline-block;
vertical-align:middle;
}

DIV.voicePanel A,
DIV.styleSwitcher A {
text-decoration:none;
text-align:center;
display:inline-block;
float:left;
border:1px #666 solid;
border-radius:1em;
margin:2px 2px 0px 0px;
padding:2px;
}

/* DIV.styleSwitcher IMG, */
DIV.voicePanel A,
DIV.styleSwitcher A {
vertical-align:middle;
width:22px;
height:22px;
overflow:hidden;
line-height:22px;
background-color:#eee;
}

DIV.styleSwitcher A#CC {
background-repeat: no-repeat;
background-position:center center;
background-size:100% 100%;
}

/* DIV.styleSwitcher A#BW { */
/* } */

/* DIV.styleSwitcher A#YB { */
/* } */

/*
DIV.voicePanel {
font-size:14px;
display: block;
vertical-align:middle;
}

DIV.voicePanel A {
text-decoration:none;
text-align:center;
display:inline-block;
float:left;
border:none;
margin:2px 2px 2px 2px;
padding:0px;
vertical-align:middle;
width:auto;
height:24px;
overflow:hidden;
line-height:22px;
background-color:transparent;
}
*/

DIV.voicePanel A {
border:none;
padding:0px;
width:28px;
height:28px;
}

DIV.voicePanel A IMG {
width:28px;
height:auto;
margin:0px;
padding:0px;
border:none;
background-color:transparent;
}