html, body {
height: 100%;
min-width: 320px;
padding: 0px;
margin: 0px;
margin-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
background-color: black}


/* links */
a:link {color: black;} /* unvisited link */
a:visited {color: darkslategray;} /* visited link */
a:hover {color: firebrick;} /* mouse over link */
a:active {color: purple;} /* selected link */

a.blk:link {color: black;} /* unvisited link */
a.blk:visited {color: gray;} /* visited link */
a.blk:hover {color: firebrick;} /* mouse over link */
a.blk:active {color: purple;} /* selected link */

a.wht:link {color: whitesmoke; } /* unvisited link */
a.wht:visited {color: whitesmoke; } /* visited link */
a.wht:hover {color: gainsboro; } /* mouse over link */
a.wht:active {color:thistle; } /* selected link */

a.wht1:link {color: whitesmoke; text-decoration: none;} /* unvisited link */
a.wht1:visited {color: whitesmoke; text-decoration: none;} /* visited link */
a.wht1:hover {color: gainsboro; text-decoration: none; } /* mouse over link */
a.wht1:active {color:thistle; text-decoration: none;} /* selected link */

img { border: 0; }


/* all divs */

.container {
width: 97%;
max-width: 1400px;
margin: 0px;
margin: auto; 
padding: 0px;
}

@media only screen and (max-width: 999px)
{
    .container
    {
        width: 100%;
        padding: 0px 0;
    }
}




/* header */

.header {
width: 100%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
background-color: white;

}


/* nav bar */

.nav {
width: 100%;
margin: 0px;
margin: auto; 
padding: 0px;
text-align: center;
background-color: black; 
}


ul.topnav {list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden;}

ul.topnav li {float: left;}

ul.topnav li a {display: inline-block; line-height: 48px; vertical-align: middle; height: 48px; color: white;  text-align: center;  
padding: 10px 10px;  text-decoration: none; transition: 0.3s;  font-size: 14px;  font-weight: normal; }

ul.topnav li a:hover {background-color: black; color: white;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:1000px) 
{ ul.topnav li:not(:first-child) {display: none;} ul.topnav li.icon { float: right;  display: inline-block; }}

@media screen and (max-width:1000px) 
{ul.topnav.responsive {position: relative;}  

ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0;  }  

ul.topnav.responsive li { float: none; display: inline;}  

ul.topnav.responsive li a {display: block; text-align: left; }}


/* invisible */

.inv {
width: 100%;
height: 16px;
margin: 0px;
margin: auto; 
padding: 0px;
}

@media only screen and (max-width: 999px)
{
    .inv
    {
        width: 100%;
        height: 0px;
    }
}


/* layout */

.main {
width:100%;
margin: 0px;
margin: auto; 
padding: 0px;
overflow: hidden;
}

.main1 {
width:67%;
float:left;   
}

.main2 {
width:1%;
float:right;
text-align: center;
   
}

.main3 {
width:32%;
float:right;
}


@media only screen and (max-width: 999px)
{
    .main1, .main3
    {
        display: block; 
        float: none; 
        width: 100%;
        padding: 0px 0;
        
    }

.main2
    {
        display: block; 
        float: none; 
        width: 100%;
        padding: 0px 0;
        height: 0px;
           }  
}


@media only screen and (min-width: 1150px)
{
.main1 {
   width:73%;
   float:left;   
}

.main2 {
   width:0%;
   float:right;
   text-align: center;   
}

.main3 {
   width:27%;
   float:right;}
}


.inner {
width: 100%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
background-color: white;
}

.txt {
width: 100%;
max-width: 850px;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
}


.txt2 {
width: 90%;
max-width: 850px;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
}

.txt3 {
width: 90%;
max-width: 400px;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
}

/* sidebar */

.col {
width: 100%;
max-width: 303px;
margin: 0px;
padding: 0px;
margin: auto;
float: right;
text-align: center;
}

@media only screen and (max-width: 999px)
{
    .col
    {
        width: 100%;
        max-width: none;
        border: 0px;
        background: white;
    }
}


.bans {
width: 99%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
}


.books {
width: 99%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
}

.books img{ margin: 5px;  border: 1px solid #ffffff;
} 

.ads {
width: 301px;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
}


/* footer */

.footer {
width: 100%;
margin: 0px;
margin: auto; 
padding: 0px;
text-align: center;
background-color: black; 
}


/* headers */
 

h1
{font-family: Arial, Helvetica, sans-serif; 
color: black; 
text-align: center; 
font-size: 150%; 
font-weight: bold; 
padding: 2px; 
margin: 0px; 
line-height: 1.5em; 
}


h2, h3, h4, h5, h6 
{font-family: Arial, Helvetica, sans-serif; 
color: white; 
text-align: center; 
font-size: 100%; 
font-weight: bold; 
padding: 2px; 
margin: 0px; 
line-height: 3em; 
background-color: darkgoldenrod; /* For browsers that do not support gradients */
 background: -webkit-linear-gradient(left, firebrick, purple); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, firebrick, purple); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, firebrick, purple); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, firebrick, purple); /* Standard syntax */  }

p.h7, p.h8 {font-family: Arial, Helvetica, sans-serif; 
color: white; 
text-align: center; 
font-size: 100%; 
font-weight: bold; 
padding: 2px; 
margin: 0px; 
line-height: 3em; 
background-color: darkgoldenrod; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, firebrick, purple); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, firebrick, purple); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, firebrick, purple); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, firebrick, purple); /* Standard syntax */ }

p.hdrs {font-family: Arial, Helvetica, sans-serif; 
color: #ffffff; 
text-align: center; 
font-size: 100%; 
font-weight: bold; 
padding: 2px; 
margin: 0px; 
line-height: 3em; 
background-color: darkgoldenrod; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, firebrick, purple); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, firebrick, purple); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, firebrick, purple); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, firebrick, purple); /* Standard syntax */ }

p.titles {
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: 100%; 
padding: 2px; 
text-align: center; 
margin: 0px; 
color: white;
line-height: 3em;
background-color: darkgoldenrod; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, firebrick, purple); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, firebrick, purple); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, firebrick, purple); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, firebrick, purple); /* Standard syntax */ }



/* paragraphs */
 

p.one {font-family: Arial, Helvetica, sans-serif; color: black; text-align: left; font-size: 100%; font-weight: normal; padding: 10px; 
margin: 0px; line-height: 1.5em;} 

p.one em {font-style: normal; color: firebrick; font-size: 100%; font-weight: bold;}

p.two {font-family: Arial, Helvetica, sans-serif; color: black; text-align: center; font-size: 100%; font-weight: normal; } 

p.ftr {font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; padding: 10px; font-size: 90%; margin: 0px; 
color: whitesmoke; line-height: 1.5em;}

p.ftrl {font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; padding: 5px; font-size: 80%; margin: 0px; 
color: gray; line-height: 1.5em;}

/* tables */

table.table1{
width: 98%;
text-align: center;
border-collapse:collapse;
margin-left: auto; 
margin-right: auto;
border:0px;
padding: 0px;
}

table.table1 td.one {border:0px; padding: 0px; text-align: left;  width: 49%; vertical-align: top; }
table.table1 td.mid {border:0px; padding: 0px; text-align: left; width: 2%; vertical-align: top; }