body{
    margin:0px auto;
    font-family: 'Noto Sans', sans-serif;
    background-color:#FDECDF;
    } 
    
.fullpage{
    background-image:url('../../images/2021_pagebackshadow.jpg');
    background-position:center;
    background-repeat:repeat-y;
    
}    

h1{
    font-family: 'Tauri', sans-serif;
    color:#004775;
    font-size:2.3em;
    line-height:120%;
    margin:20px 0px 0px 0px;
    }
h2{
    font-family: 'Tauri', sans-serif;
    color:#004775;
    font-size:1.4em;
    line-height:150%;
    margin:0px;
    }
h3{
    font-family: 'Tauri', sans-serif;
    color:#004775;
    font-size:1.2em;
    line-height:150%;
    margin:0px;
    }    
p{
    font-size:1em;   
    
}
.maincolumn a{
    font-weight:bold;
    text-decoration:none;
    color:#004775;
}
.maincolumn a:hover{
    text-decoration:underline;
}

    .homebackdrop{
        background-image:url('images/ntb_logo_faded.jpg');
        background-repeat:no-repeat;
        background-position: top right;
    }

    .home_tool_box{
        width:210px;
        float:left;
        padding:0 10px;
        text-align:center;
        margin:0px auto;
        min-height:290px
    }



    .home_bar_top{
   background: rgb(203,230,248);
    background: linear-gradient(180deg, rgba(203,230,248,1) 0%, rgba(231,237,241,1) 100%); 
    padding:10px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 15px #D0EBFE;
    margin:0px 10px 15px 0px;
    max-width:700px;
    }
    .home_toollist_title{
    font-weight:bold;
    text-align:center;
    padding:0 0 5px 0;
    line-height:120%;
    }
    .home_toollist_title a{
        color:#004775;
        font-weight:bold;
        text-decoration:none;
    }
    .home_toollist_description{
    font-size:0.8em; 
    line-height:130%;
    text-align:center;
    padding:0px 0px 10px 0px;    
    }
    .home_article_list{
        font-size:0.9em;
        max-width:950px;
        margin:0 20px 30px 20px;
    }
    
        .home_article_list a{
        color:#004775;
        font-weight:bold;
        text-decoration:none;
        
    }
    
    .home_article_list_block{
    float:left;
    width:45%;
    min-width:250px;
    margin:0 10px
}


.inlinequote{
border-left:5px solid #d1e7f6;
padding-left:10px;
margin:10px 0;
font-family: Courier, monospace;
}
.inlinewarning{
border-left:5px solid #feaaaa;
padding-left:10px;
margin:10px 0;
}


.title_section{
    margin:10px 0 0 0;
    border-radius: 15px 15px 0px 0px; 
    padding:15px;
    font-size:0.8em;
    font-weight:bold;
    background: rgb(203,230,248);
    background: linear-gradient(180deg, rgba(203,230,248,1) 0%, rgba(231,237,241,1) 100%);
    color:white;
    } 
  
 
.formareaback{
    margin:0;
        /*background-color: #CBE6F8;*/
    border-radius:8px; 
    padding:10px;
    font-size:0.8em;
    font-weight:bold;
    background: rgb(203,230,248);
    background: linear-gradient(180deg, rgba(203,230,248,1) 0%, rgba(231,237,241,1) 100%);
    }


/*Harvd Area*/
        
.morebuttonsline{
    margin:0;
    /*background-color: #CBE6F8;*/
    border-radius: 0px 0px 5px 5px; 
    padding:10px;
    font-size:0.8em;
    font-weight:bold;
    background: rgb(250,215,226);
    background: linear-gradient(180deg, rgba(255,238,226,1) 0%, rgba(231,217,183,1) 100%);
    }
    
.relatedbutton{
    background-color: #004775;
    color:white;
    display:inline;
    padding:5px;
    margin:3px;
    border-radius: 5px;
    line-height:2.3em;
    text-decoration:none;
    }
.relatedbutton a{
    color:#ffffff; 
}
.relatedbutton:hover{
    background-color:#CBE6FB;
}
.linkbuttons a:hover{
    color: #004775;
    text-decoration:none;
}
.linkbuttons a{
    color:#ffffff;
}

.readmorebutton{
    color:white;
    text-decoration:none;
    background-color:#004775;
    font-weight:bold;
    font-size:0.8em;
    padding:4px;
    border-radius:3px;
    
}
    

.outputline{
    margin:0 auto 10px;
    background-color: #fff;
    border-radius: 0px 0px 5px 5px; 
    padding:30px 20px 40px 20px;
    font-weight:normal;
    font-size:20px;
    max-width:500px;
    overflow-wrap: break-word;
    }  

.outputlinehead{
    margin:10px auto 0;
    background-color: #891515;
    border-radius: 5px 5px 0px 0px ; 
    padding:10px 20px;
    font-weight:normal;
    text-align:center;
    font-size:14px;
    color:white;
    max-width:500px;
    } 
        

          


.menudrop{
    display:none;
    }
          
          
          
/* Full Navbar container */
.navbar {
    overflow: hidden;
    margin:0 auto;
    width:850px;
    text-align:right;
    float:right;
    }

/* Links inside the navbar */
.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 5px 5px 0px 5px;
    text-decoration: none;
    }

/* The dropdown container */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 5px 5px 0px 5px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  /*background-color: red;*/
}

/* Dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #f9f9f9;*/
    background-color:#004775;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }

/* Links inside the dropdown */
.dropdown-content a {
    float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    }

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #122D4E;
    }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    }
    
    
/*Mobile Nav Dropdown*/
#mobilenavdrop{
  display: none;
  /*position: absolute;*/
  background-color:#004775;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  /*z-index: 1;*/
  margin:-23px 0px 0px 0px;

}
#mobilenavdrop a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
#mobilenavdrop a:hover {
  font-weight: bold;
}


    

.headerbar{
    background-image:url('../../images/2021_header.jpg');
    height:220px;
    width:1100px;
    margin:0px auto;
    }
.headerbacking{
    width:1170px;
    margin:0px auto;
    background-image:url('../../images/2021_headerbacking.jpg');
    background-color:#FDECDF;
    height:220px;
    }
.headerspacer{
    width:1px;
    height:136px;
    }
    
.footer{
background-color:#004775;
color:white;
font-size:0.8em;
max-width:1170px;
margin:0px auto;

}
.footertext{
    margin:0px auto;
    padding:20px 10px;
    max-width:1000px;
    text-align:center;
}
.footertext a{
    text-decoration:none;
    font-weight:bold;
    color:white;
}
.footertext a:hover{
    text-decoration:underline;
}
    
    

.mainsection{
    max-width:1060px;
    margin:0px auto;
    font-size:1.1em;
    line-height: 160%;
    background-color:#ffffff;
    }

.maincolumn{
    padding:0px 20px;
    max-width:650px;
    background-color:#ffffff;
    overflow-wrap: break-word;
    }



.sidebar{
    float:right;
    width:300px;
    }
.sidebar_title_featured{
    width:300px;
    height:60px;
    background-image:url('../../images/2021_sidebarheading.jpg');
    background-repeat:no-repeat;
    }
.sidebar_title_article{
    width:300px;
    height:60px;
    background-image:url('../../images/2021_sidebarheading_article.jpg');
    background-repeat:no-repeat;
    }
.sidebar_title_shared{
    width:300px;
    height:60px;
    background-image:url('../../images/sidebarheading2021_spread.jpg');
    background-repeat:no-repeat;
    }

.sidebar_contents{
    background: rgb(203,230,248);
    background: linear-gradient(180deg, rgba(203,230,248,1) 0%, rgba(231,237,241,1) 100%); 
    padding:10px;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 0px 15px #D0EBFE;
    margin:0px 0px 15px 0px;
    }
.sidebar_bodytext{
    font-size:0.8em;
    text-align:center;
    line-height:150%;
    margin:10px 5px;

}
.sidebar_bodytext a{
    color:#004775;
    font-weight:bold;
    text-decoration:none;
    }
.sidebar_bodytext a:hover{
    text-decoration:underline;
    }  
.sidebar_bodytitle{
    font-weight:bold;
    text-align:center;
    font-size:1.3em;
    color:#004775;
}

.sidebar_gotobutton{
    margin:0px auto;
    width:146px;
}
.sidebar_gotobutton:hover{
    opacity: 0.5;
}

.gotobutton:hover{
      box-shadow: 0px 0px 10px 0px #333;
    
}


    .gas_inset_article{
        display:block;
        text-align:center;
        margin:10px auto;
        width:320px;
        height:250px;
        float:right;
        padding:5px;
    }
    
    .gas_top_wide{
        display:none;
    }
    
    .gas_top_mobile{
        display:none;
    }





/* Style inputs, select elements and textareas */
input[type=text], input[type=number], select, textarea{
  width: 100%;
  padding: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  font-size:1.3em;
}

.radiolabel{
    display:inline;
    padding: 0px 10px 0px 5px;
    display:inline;
    vertical-align: middle;
    font-size:1.2em;
    
}
.radiobutton{
    display:inline;
    vertical-align: middle;
}

.submitformbut{
    background-color: #004775;
    color:white;
    display:inline;
    padding:10px;
    margin:3px;
    border-radius: 5px;
    text-decoration:none;
    border:0px;
    font-size:1.5em;
    font-weight:normal;
    cursor: pointer;
    text-align:center !important;
}


/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font-size:1.3em;
}

input[type=checkbox] {
  display: inline-block;
  width: 2em;
  height: 2em;
  border: 1px solid gray;
  outline: none;
  vertical-align: middle;
  margin:10px 0px 0px 0px;
}


/* Hide the browser's default radio button */
.container input[type=radio] {
    margin:10px 0px 0px 0px;
  opacity: 1;
  cursor: pointer;
  height: 2em;
  width: 2em;
}

/* Style the container */
.container {
  border-radius: 5px;
  padding: 10px;
}

/* Floating column for labels: 25% width */
.form-col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  text-align:right;
}

.form-col-33 {
  float: left;
  width: 33%;
  margin-top: 6px;
  text-align:right;
}

.form-col-50 {
  float: left;
  width: 50%;
  margin-top: 6px;
  text-align:right;
}

.form-col-66 {
  float: left;
  width: 66%;
  margin-top: 6px;
  text-align:right;
}

/* Floating column for inputs: 75% width */
.form-col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.form-row:after {
  content: "";
  display: table;
  clear: left;
}






/*Desktops - 1000px*/

@media screen and (min-width: 1000px) {
    #mobilenavdrop{
        display: none;
    }
    

    

}



/* AS Code */

@media screen and (min-width: 800px) {
    
    
        .gas_top_wide{
        display:block;
        text-align:center;
        margin:10px auto;
        width:750px;
        height:110px;
        padding:5px;
    }
    
    
}


@media screen and (max-width: 799px) {
    
    
        .gas_top_mobile{
        display:block;
        text-align:center;
        margin:10px auto;
        width:360px;
        height:110px;
        padding:5px;
    }
    
}




/* Tablets - 500-999px*/

@media screen and (min-width: 501px) and (max-width: 999px) {
    
    .form-col-25, .form-col-33, .form-col-50, .form-col-66, form-col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
        text-align:left;
        }
        
    .sidebar{
        display:none;
        }
        
    h1{
    font-size:1.9em;
    }
    
    .header_tablet{
        height:190px;
        background-image:url('../../images/2021_header_tablet.jpg');
        background-repeat:no-repeat;
        margin:0;
        padding: 0;
        }


    .menudrop{
        background-color: #004775;
        color:white;
        display:inline;
        float:right;
        padding:6px;
        margin:118px 10px 0px 0px;
       }
    .menudrop a{
        color:white;
        text-decoration:none;
        font-size:20px;
        }
       
    .maincolumn{
        margin:0px auto;
        }
       
    .header_1000{
        display:none;
        }
    .header_mobile{
        display:none;
        }
    .mainsection{
        width:100%;
        margin:0px auto;
        }
        
        
    .homebackdrop{
        background-image:none;
    }
    
    


        

    }

    

/* Mobiles - max 500px */

@media screen and (max-width: 500px) {
    
    .form-col-25, .form-col-33, .form-col-50, .form-col-66, .form-col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
        text-align:left;
        }
        
    .sidebar{
        display:none;
        
        }
    h1{
        font-size:1.7em;
        }
    h2{
        font-size:1.5em;
        }
    h3{
        font-size:1.2em;
        }
        
    .home_tool_box{
        float:none;
        margin:0 auto;
    }
        
  .header_mobile{
        height:120px;
        background-image:url('../../images/2021_header_mobile.jpg');
        background-repeat:no-repeat;
        margin:0;
        padding: 0;
        }


    .menudrop{
        background-color: #004775;
        color:white;
        display:inline;
        float:right;
        padding:10px;
        margin:10px;
        }
    .menudrop a{
        color:white;
        text-decoration:none;
        font-size:20px;
       }
       
    .gas_inset_article{
        display:block;
        width:100%;
        
    }
    
    .home_article_list_block{
    width:100%;
    margin:0 10px
}
       
       
       
    .header_1000{
         display:none;
        }
        
    .header_tablet{
        display:none;
        }
        
    .mainsection{
        width:100%;
        margin:0px auto;
        }
        
    input[type=checkbox] {
        margin: 0px;
        }    
        
            .homebackdrop{
        background-image:none;
    }
        

}