/* CSS Document */
/* RESPONSIVE ELEMENTS: */
/* For mobiles: */

/* Paperbox_A */
.oldpaper_a_top {
width: 100%;
max-width: 640px;
padding-top: 6.9%; /* to create height (img-height / img-width * container-width) */
                /* (36 / 515 * 100) */
background-color:#FFFFFF;
background-image: url(../images/oldpaper_mini_top.jpg);
background-position: left 0px;
background-size: 100%;
background-repeat: no-repeat,;
}
.oldpaper_a_body {
width: 100%;
max-width: 640px;
margin: 0%;
padding: 0px;
background-color:#FFFFFF;
background-image: url(../images/oldpaper_mini_bk.jpg);
background-position: left 0px;
background-size: 100%;
background-repeat: repeat-y;
}
.oldpaper_a_bottom {
width: 100%;
max-width: 640px;
padding-top: 6.9%; /* to create height (img-height / img-width * container-width) */
                /* (36 / 515 * 100) */
background-color:#FFFFFF;
background-image: url(../images/oldpaper_mini_bottom.jpg);
background-position: left 0px;
background-size: 100%;
background-repeat: no-repeat;
}
/* Paperbox_B */
.oldpaper_b_top {
width: 100%;
max-width: 640px;
padding-top: 6.9%; /* to create height (img-height / img-width * container-width) */
                /* (36 / 515 * 100) */
background-color:#FFFFFF;
background-image: url(../images/oldpaper_mini_top.jpg);
background-position: left 0px;
background-size: 100%;
background-repeat: no-repeat,;
}
.oldpaper_b_body {
width: 100%;
max-width: 640px;
margin: 0%;
padding: 0px;
background-color:#FFFFFF;
background-image: url(../images/oldpaper_mini_bk.jpg);
background-position: left 0px;
background-size: 100%;
background-repeat: repeat-y;
}
.oldpaper_b_bottom {
width: 100%;
max-width: 640px;
padding-top: 6.9%; /* to create height (img-height / img-width * container-width) */
                /* (36 / 515 * 100) */
background-color:#FFFFFF;
background-image: url(../images/oldpaper_mini_bottom.jpg);
background-position: left 0px;
background-size: 100%;
background-repeat: no-repeat;
}

.paperbox_content_w_wide {
width: 90%;
margin: 0%;
padding: 0px;
}
.paperbox_content_w_standard {
width: 90%;
margin: 0%;
padding: 0px;
}
.paperbox_content_w_narrow {
width: 85%;
margin: 0%;
padding: 5px 0px 5px 0px;
}

/* BOX FOR CONTENT OUTSIDE OLD PAPER EFFECT */
.nopaper_box{
width: 95%;
max-width: 650px;
margin: 0%;
padding: 0px;
}
.pencil_line {
margin:0;
width: 85%;
max-width: 600px;
background-image: url(../images/hp_pencil_line_small.jpg);
background-position-y: top;
background-size:100% auto;
background-repeat: no-repeat;
height: 0;
padding-top: 6.2%; /* to create height (img-width / img-height * container-width) */
                /* (38 / 626 * 90) */
}

@media only screen and (min-width: 600px) {
/* For tablets: */
/* Paperbox_A */
.oldpaper_a_top {
width: 100%;
max-width: 640px;
height: 67px;
padding-top:0px;
background-color:#FFFFFF;
background-image: url(../../images/oldpaper_top_left.jpg), url(../../images/oldpaper_top_right.jpg), url(../../images/oldpaper_top_bk.jpg);
background-position: left 0px, right 0px, center 0px;
background-size: auto;
background-repeat: no-repeat, no-repeat, repeat-x;
}
.oldpaper_a_body {
width: 100%;
max-width: 640px;
margin: 0%;
padding: 0px;
background-color:#FFFFFF;
background-image: url(../../images/oldpaper_bk_left.jpg), url(../../images/oldpaper_bk_right.jpg);
background-position: left 0px, right 0px;
background-size: auto;
background-repeat: repeat-y, repeat-y;
}
.oldpaper_a_bottom {
width: 100%;
max-width: 640px;
height: 67px;
padding-top:0px;
background-color:#FFFFFF;
background-image: url(../../images/oldpaper_bottom_left.jpg), url(../../images/oldpaper_bottom_right.jpg), url(../../images/oldpaper_bottom_bk.jpg);
background-position: left 0px, right 0px, center 0px;
background-size: auto;
background-repeat: no-repeat, no-repeat, repeat-x;
}
/* Paperbox_B */
.oldpaper_b_top {
width: 100%;
max-width: 640px;
height: 67px;
padding-top:0px;
background-color:#FFFFFF;
background-image: url(../../images/oldpaper_b_top_left.jpg), url(../../images/oldpaper_b_top_right.jpg), url(../../images/oldpaper_b_top_bk.jpg);
background-position: left 0px, right 0px, center 0px;
background-size: auto;
background-repeat: no-repeat, no-repeat, repeat-x;
}
.oldpaper_b_body {
width: 100%;
max-width: 640px;
margin: 0%;
padding: 0px;
background-color:#FFFFFF;
background-image: url(../../images/oldpaper_b_bk_left.jpg), url(../../images/oldpaper_b_bk_right.jpg);
background-position: left 0px, right 0px;
background-size: auto;
background-repeat: repeat-y, repeat-y;
}
.oldpaper_b_bottom {
width: 100%;
max-width: 640px;
height: 67px;
padding-top:0px;
background-color:#FFFFFF;
background-image: url(../../images/oldpaper_bottom_left.jpg), url(../../images/oldpaper_bottom_right.jpg), url(../../images/oldpaper_bottom_bk.jpg);
background-position: left 0px, right 0px, center 0px;
background-size: auto;
background-repeat: no-repeat, no-repeat, repeat-x;
}
.paperbox_content_w_wide {
width: 90%;
margin: 0%;
padding: 0px;
}
.paperbox_content_w_standard {
width: 85%;
margin: 0%;
padding: 0px;
}
.paperbox_content_w_narrow {
width: 80%;
margin: 0%;
padding: 0px;
}

/* BOX FOR CONTENT OUTSIDE OLD PAPER EFFECT */
.nopaper_box{
width: 90%;
max-width: 580px;
margin: 0%;
padding: 0px;
}
.pencil_line {
margin:0;
width: 90%;
max-width: 600px;
background-image: url(../images/hp_pencil_line.jpg);
background-position-y: center;
background-size:100% auto;
background-repeat: no-repeat;
height: 0;
padding-top: 3.8%; /* to create height (img-width / img-height * container-width) */
                /* (38 / 938 * 90) */
}

}


/* MORE RESPONSIVE ELEMENTS: */
/* For mobiles: */
img.welcome_dropcap {
width:85px;
padding:0px 5px 0px 0px;
}
.box_top_spacer {
padding-top:5px;
}
/* NB The colomb have one less colomb for mobile version expet for two_two */
.two_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 1; /* Chrome, Safari, Opera */
-moz-column-count: 1; /* Firefox */
 column-count: 1;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.two_two_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
 column-count: 2;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.three_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
 column-count: 2;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.four_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
 column-count: 3;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}

@media only screen and (min-width: 600px) {
/* For tablets: */
img.welcome_dropcap {
width:85px;
padding:0px 5px 0px 0px;
}
.box_top_spacer {
padding-top:20px;
}
.two_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
 column-count: 2;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.two_two_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
 column-count: 2;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.three_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
 column-count: 3;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.four_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
 column-count: 4;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
}


@media only screen and (min-width: 1025px) {
/* For desktop: */
img.welcome_dropcap {
width:80px;
padding:0px 5px 0px 0px;
}
.box_top_spacer {
padding-top:15px;
}
.two_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
 column-count: 2;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.three_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
 column-count: 3;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
.four_colomns {
margin:0px;
padding:0px;
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
 column-count: 4;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
 column-gap: 0px;
}
}


#maindiv {
max-width: 640px;
margin: 0px;
padding: 0px;
}
img {
image-rendering: -webkit-optimize-contrast;
}
.welcome_box {
width: 85%;
	margin:0px;
	padding-top:20px;
	color: #ab9985;
}
/* for replacing first letter with image */
p#welcometxt span {
  display: none;
}


/* main content box inside paperboxes */

.breakline {
width: 100%;
max-width: 630px;
height: 12px;
background-image: url(../../images/solid_line1.jpg);
background-position: center center;
background-size:100% auto;
background-repeat: no-repeat;
}
.spacer_line_wide {
width: 100%;
height: 10px;
background-image: url(../../images/line_on_white.jpg);
background-position: center 0px;
background-size:100% auto;
background-repeat: no-repeat;
margin:15px 0px 15px 0px;  }


/* Colom style at top under responsives */
.colomn_snippets {
padding:5px 5px 5px 5px;
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}


/* TWO COLUMN RESPONSIVE BOX THAT STACKS - FREEBIES PAGE */
.two_column_box {
width: 100%;}
.column_one {
    float: left;
    width: 48%;}
.column_two {
    float: right;
    width: 48%;}
/* Responsive layout - when the screen is less than 600px wide, stack colombs on top of each other */
@media (max-width: 600px) {
 .column_one {
     width: 100%;    }
.column_two {
      width: 100%;  }
}
/* Clear floats after the columns */
.two_column_box:after {
    content: "";
    display: table;
    clear: both;}

/* IMAGES and ICONS */
img.headingpics {
   width: 85%;
   max-width: 350px; 
   padding: 0px 0px 15px 0px  
   }
img.subheadingpics {
width: 85%;
   max-width: 350px;  
   padding: 0px 0px 0px 0px;  
   }   
img.large_pic {
width: 100%;
object-fit: contain;
}
img.icons {
   max-width: 35px;
}
img#signature {
   max-width: 140px;
   padding: 15px 0px 0px 0px;
}

 img.logo_footer {
   max-width: 100px;
   padding: 5px 0px 3px 0px;
}


/* TWO COLUMN MINI PAPERBOXES a la news page */

/* For mobiles: */
.minipaperbox_content {
font-size: 0.7rem;
line-height:0.8rem;
text-align:center;
background-image: url(../images/oldpaper_mini_top.jpg), url(../images/oldpaper_mini_bottom.jpg), url(../images/oldpaper_mini_bk.jpg);
background-position: left 0px, left bottom, left 0px;
background-size: 100%, 100%, 100%;
background-repeat: no-repeat, no-repeat, repeat-y;
padding: 7%;
}
@media only screen and (min-width: 600px) {
/* For tablets: */
.minipaperbox_content {
font-size: 0.7rem;
line-height:0.8rem;
text-align:center;
background-image: url(../images/oldpaper_mini_top.jpg), url(../images/oldpaper_mini_bottom.jpg), url(../images/oldpaper_mini_bk.jpg);
background-position: left 0px, left bottom, left 0px;
background-size: 100%, 100%, 100%;
background-repeat: no-repeat, no-repeat, repeat-y;
padding: 10%;
}
}
/* ENDOF RESPONSIVE ELEMENTS */

img.minipaperbox_mainheading {
   width: 85%;
   max-width: 350px; 
   padding: 15px 0px 15px 0px  
   }
img.minipaperbox_mainheading_wide {
   width: 75%;
   max-width: 640px; 
   padding: 15px 0px 10px 0px  
   }   
.minipaperbox_mainbox {
width: 99%;
max-width: 640px;
}
.minipaperbox_colomn_snippets {
padding:2px;
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}
img.minipaperbox_pics {
   width: 100%;
   max-width: 640px; 
   padding: 0 0 3px 0;
}
p.minipaperbox_snippet {
font-size: 0.7rem;
padding: 0 3px 3px 3px;
text-align:center;
}

/* ENDOF TWO COLUMN MINI PAPERBOXES */

/* create table of contents style */
.tableofcontents {
width: 90%;
max-width: 580px;
background-image: url(../../images/toc_dottedline.jpg);
background-position: left bottom 2px;
background-repeat: repeat-x;
}
.toc_column_a {
    float: left;
	background-color:#ffffff;
	display: inline-block;
	height:0.9rem;
	/*color: #9a928b;
	font-family:"Times New Roman", Times, serif;
	font-weight:800;
    font-size: 1rem;	*/
	text-decoration:none;
	line-height:0.9rem;
	padding-right:3px;
}
.toc_column_b {
    float: right;
	background-color:#ffffff;
	display: inline-block;
	height:1rem;
	color: #c0bbb6;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	text-decoration:none;
	font-weight:400;
	font-size: 0.8rem;
	padding-left:3px;
}  
.tableofcontents:after {
    content: "";
    display: table;
    clear: both;
}
.toc_spacer {
height:6px;
}