/* CSS Document */

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

html {overflow-y:scroll;}


html, body {
min-height:100%;
margin: 0px;
padding: 0px;
border: 0px;
verflow: hidden;
background-color: #FFFFFF;	
font-family: 'Roboto', sans-serif;
image-rendering:pixelated;
/*position:relative;*/
}


/*-----------------------*/
a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}

/*-----------------------*/

.txtBlock_1{
width:60%;
margin:auto;
margin-top:1rem;
}	

.div_Title{
width:60%;
margin:auto;
margin-top:1rem;	
padding:.5rem 0 .5rem 0; 
font-size:1.2rem;
font-weight:600;	
}

.div_Intro{
margin:auto;
margin-top:1rem;
width:60%;
/*font-family: Roboto;*/
font-size:1rem;		
}

.div_Section{
overflow:auto; 
width:60%;
margin:auto;
margin-top:.5rem;
margin-bottom:.5rem;
padding-bottom:.5rem;
background-color:#F8F8F8;
}

.div_Date{
background:white;
}

.div_HorLine{
margin-top:.1rem;
margin-bottom:.5rem;
border-bottom:1px solid silver;	
}


.div_Description{
margin:.5rem 0 .5rem 0;
padding:0 2rem 0 2rem;
display:list-item;
heigh:auto;
}

.div_Comment{
width:40%;
float:right;
margin-right:5%;
border:2px solid red;
border-radius:.4rem;
padding:.3rem;
/*margin-top:-1.2rem;
font-family: Roboto;*/
font-size:.9rem;	
font-weight:500;
font-style:italic;
color:blue;
/*background-color:#FFF4D5;*/	
}

/*
.div_Footer{
height:3rem;
width:60%;
margin:auto;
margin-bottom:1rem;
background-color:pink;

}
*/

.hidden{display:none;}

/*-----------------------*/


/*--------Table with thin grid lines start*/
.Table_Grid {
border-collapse: collapse;
}
.Table_Grid td, .Table_Grid th
{border: 1px solid silver;}

/*-------------------*/
.Table_GridLines
{border-collapse: collapse;}
.Table_GridLines td, .Table_GridLines th
{border: 1px solid silver;}
/*-------------------*/

.Table_GridNone
{border-collapse:collapse;}

.Table_GridNone td, .Table_GridNone th
{border-collapse: collapse;}

.Table_NoGrid, .Table_NoGrid-TR
{border-collapse: collapse;}

.Table_WhiteGrid
{border-collapse: collapse;}

.Table_WhiteGrid td, .Table_WhiteGrid th
{border: 1px solid white;}


.line_Bottom td, .line_Bottom th
{border-bottom:1px solid silver;}


/*-----------------------------------------*/

.div_Heading{
margin:auto;
margin-top:10px;
padding:.5rem;
height:3rem;
line-height:3rem;

font-size:3rem;
text-align:center;
font-weight:500;
background-color:silver;
/*font-family: 'Roboto', sans-serif;*/
}


.div_Footing{
margin:auto;
margin-top:.75rem;
padding:.5rem;
height:auto;
line-height:3rem;

font-size:1.2rem;
text-align:center;
font-weight:500;
padding-bottom:1rem; 
background-color:silver;
/*font-family: 'Roboto', sans-serif;*/
}


.div_Copyright{
margin-top:-.5rem;
text-align:center;
line-height:1rem;
font-size:.75rem;
}



/**/
.div_Links{
margin:auto;
margin-top:.2rem;
padding:.2rem;

line-height:2rem;
width:60%;
font-size:1.2rem;
text-align:center;
font-weight:500;
/*
border-bottom:3px solid silver;
margin-bottom:2rem;
/*font-family: Roboto;*/
}

.div_LinksFooter{
height:3rem;	
margin:auto;
margin-top:-1rem;
padding:.2rem;
padding-bottom:2rem;
line-height:3rem;
text-align:center;


vertical-align:middle;

font-size:1rem;
font-weight:400;
background-color:#ebebeb;

width:100%;
margin:0 auto 0 auto; bottom:0; position:absolute; 


/*
border-bottom:3px solid silver;
font-family: Roboto;*/
}



.div_aboutTable{
margin:auto;
margin-top:1rem;
width:60%;
/*font-family: Roboto;*/
font-size:1rem;	
}

.div_aboutUpdate{
margin:auto;
margin-top:40px;
margin-bottom:-.8rem;
width:60%;
font-size:1.2rem;
font-weight:600;
/*font-family: Roboto;*/	
}

.txt_Hope{
/*font-family: Roboto;*/
font-size:1rem;	
font-weight:500;
font-size:1.1rem;
color:blue;
}

.txt_Date{
/*font-family: Roboto;*/
font-weight:600;
font-size:1.1rem;
color:green;
/*border:1px solid green;
border-bottom-color:silver;	*/
padding:0 .4rem 0 .4rem;
}

.txt_Comment{
border:2px solid red;
padding:.3rem;
margin-top:-1.2rem;
/*font-family: Roboto;*/
font-size:.9rem;	
font-weight:500;
color:blue;
/*background-color:#FFF4D5;*/
}

.txtBlock_1{
width:60%;
margin:auto;
margin-top:1rem;
}	

.txtBlockTitle_1{
padding:.5rem 0 .5rem 0; 
font-size:1.2rem;
font-weight:600;	
}



.slogan_1{
font-size:1.1rem;
color:#333;
font-weight:550;
}

.slogan_2{
/*text-align:right;*/
padding-top:1rem;
font-size:1.2rem;
color:#333;
font-weight:600;
/*background-color:pink;*/	
}

.caption_1{
font-size: 1.2rem;
text-align:left;	
padding-bottom:1rem;
font-weight:550;
}

.name_1{
color:blue;
font-size:1.8rem;
}