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:#B23200;} /* unvisited link */
a:visited {color:#B23200;} /* visited link */
a:hover {color:#E06017;} /* mouse over link */
a:active {color:#DB5B12;} /* selected link */

a.blk:link {color:#000000;} /* unvisited link */
a.blk:visited {color:#000000;} /* visited link */
a.blk:hover {color:#B23200;} /* mouse over link */
a.blk:active {color:#E06017;} /* selected link */

a.wht:link {color:whitesmoke;} /* unvisited link */
a.wht:visited {color:whitesmoke;} /* visited link */
a.wht:hover {color:goldenrod;} /* mouse over link */
a.wht:active {color: darkgoldenrod;} /* 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: 13px;  font-weight: normal;  }

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


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;  }}



/* footer */

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


.image360 {
width: 95%;
max-width: 360px;
margin: 0px;
margin-bottom: 0;
border: 0px;
padding: 0px;
margin: auto;
text-align: center;
border: 0px solid #000000;
background-color: #000000;
line-height: 0px;

} 




/* 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;
background-color: #ffffff;
border: 1px solid #000000;
}
@media only screen and (max-width: 999px)
{
    .main
    {
         width:100%;
   margin: 0px;
margin: auto; 
padding: 0px;
background-color: #ffffff;
border: 0px solid #000000;
    }
}



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

.gal1 {
   width:50%;
   float:left;
   
}

.gal2 {
   width:50%;
   float:right;
   text-align: center;
   
}




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

}



/* images */

.imgtitle {
width: 100%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
background-color: #ffffff;
}


.image500 {
width: 90%;
max-width: 500px;
margin: 0px;
margin-bottom: 0;
border: 0px;
padding: 0px;
margin: auto;
text-align: center;
border: 1px solid #000000;
background-color: #000000;
line-height: 0px;
box-shadow:2px 2px 10px 2px #000000;
 -webkit-box-shadow:2px 2px 10px 2px #000000;
 -moz-box-shadow:2px 2px 10px 2px #000000;
}


/* sidebar */


.col {
width: 100%;
max-width: 302px;
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;
    }
}


.bans {
width: 99%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
border: 1px solid #000000;
background-color: #ffffff;
}

@media only screen and (max-width: 999px)
{
    .bans
    {
        width: 100%;
        border: 0px solid #000000;
    }
}


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

@media only screen and (max-width: 999px)
{
    .bans2
    {
        width: 100%;
        border: 0px solid #000000;
        background-color: #ffffff;
    }
}


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

@media only screen and (max-width: 999px)
{
    .bans3
    {
        width: 100%;
        border: 0px solid #000000;
        background-color: #ffffff;
    }
}

.bans3 img {
margin-top: 5px; margin-bottom: 5px; border: 0px;
}


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

.books img{ margin: 10px;  border: 1px solid #000000;
} 


.lnks {
width: 100%;
margin: 0px;
padding: 0px;
margin: auto;
text-align: center;
border: 1px solid #000000;}

.lnks img{margin: 10px; border: 1px solid #000000;
} 

.top {
width: 100%;
margin: 0px;
padding: 0px;
margin: auto;
background-color: #000000;
border-top: 1px solid #B23200; 
border-bottom: 2px solid #B23200; } 

p.tops {font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; font-size: 90%; font-weight: normal; padding: 5px; margin: 0px; line-height: 1.3em;} 
p.tops em {font-style: normal; font-size: 80%; font-weight: normal;}






/* headers */
 
h1, h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 170%; padding: 2px; text-align: center; margin: 0px; color: #000000; line-height: 2em;}

h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif; color: #00000; width: 95%; text-align: center; font-size: 100%; 
font-weight: bold; padding: 0px; margin: 0px; line-height: 1.3em;} 




p.titles {
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 123%; 
padding: 3px; 
text-align: center; 
margin: 0px; color: #ffffff;
line-height: 2em;
background-color: #B23200; 
background: -webkit-linear-gradient(#B23200, #E06017); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B23200, #E06017); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B23200, #E06017);/* For Firefox 3.6 to 15 */
    background: linear-gradient(#B23200, #E06017); /* Standard syntax (must be last) */ }



/* paragraphs */
 

p.one {font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left; font-size: 100%; font-weight: normal; padding: 20px; margin: 0px; line-height: 2em;} 
p.one em {font-style: normal; color: #C94900; font-size: 100%; font-weight: bold;}

p.two {font-family: Arial, Helvetica, sans-serif; color: #00000; text-align: center; font-size: 100%; font-weight: bold; padding: 0px; margin: 0px; line-height: 1.3em;} 
p.two em {font-style: normal; font-size: 80%; font-weight: normal;}

p.three {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 160%; padding: 2px; text-align: center; margin: 0px; color: #000000; line-height: 1em;}
p.three em {font-style: normal; color: #E06017; font-size: 100%; font-weight: normal;}

p.four {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%; padding: 20px; text-align: left; margin: 0px; color: #000000; line-height: 2em;}
p.four em {font-style: normal; color: #E06017; font-weight: bold;}

p.five {font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-size: 100%; font-weight: normal; padding: 5px; margin: 0px; line-height: 1.3em;} 
p.five em {font-style: normal; color: #C94900; font-size: 90%; font-weight: normal;}

p.ftr {font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; padding: 10px; font-size: 90%; margin: 0px; color: #000000;}

p.six {font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left; font-size: 100%; font-weight: normal; padding: 5px; margin: 0px; line-height: 2em;} 
p.six em {font-style: normal; color: #B23200; font-size: 100%; font-weight: bold;}

p.seven {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%; padding: 2px; text-align: center; margin: 0px; color: #000000; line-height: 1em;}

p.ten {font-family: Arial, Helvetica, sans-serif; color: #00000; text-align: center; font-size: 90%; font-weight: bold; padding: 0px; margin: 0px; line-height: 1.3em;} 
p.ten em {font-style: normal; font-size: 80%; font-weight: normal;}

p.eleven {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 100%; margin: 15px; color: #000000; text-align: left; line-height: 1.5em; font-style: italic;}
p.eleven em {font-style: normal; font-weight: bold; color: #B23200; }

p.twelve {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 125%; padding: 2px; text-align: left; margin: 0px; color: #000000; line-height: 1.8em;}

p.ftr {font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; padding: 0px; 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: 97%;
text-align: center;
border-collapse:collapse;
margin-left: auto; 
margin-right: auto;
border: 1px solid #000000;
padding: 0px;
}

table.table1 td.one {padding: 0px; text-align: left;  width: 49%; vertical-align: top; border:1px solid #000000;}


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

table.table2 td.fir {padding: 5px; text-align: left;  width: 49%; vertical-align: top; border:0px solid #000000;}
table.table2 td.mid {padding: 5px; text-align: left;  width: 2%; vertical-align: top; border:0px solid #000000;}

.table2 img{border: 0px solid #000000;}