/* CSS page */
*		{	box-sizing: border-box;}

body 	{font-size: 100%; margin: 5px;
		 background: #000000 repeat url("../images/goldbk1.jpg");
		 font-family: arial, serif;
		 font-size: 1.2em;
      	 }
      	 
/* blocks */
.content-body {
          margin-left: auto;
          margin-right: auto;
          overflow: auto;
          height: 100%;
          width: 90%;
          border: 5px solid #FFDD00; 
          background: #FFFFFF;}

.header-bar {overflow: auto; background-size: 100%; background: url("../images/gold1.jpg");
			color: AntiqueWhite; font-weight: bold; font-variant: small-caps; 
			text-decoration: none; padding: 5px;}

.navbox	  {width: 75%;
		  text-align: center;
	      margin: auto;
	      padding: 5px;
	      }

.navbox a {background-color: #000080;
			color: #FFFFFF;
			font-weight: bold;
			padding: 5px 10px;
			border-radius: 10px;
			border-style: inset;
			margin: 5px;}	      

.navbox a:hover {background-color: #FEF5D7;
			color: #000080;}				
			

.main	{padding: 10px 15px;
         height: 100%;
         overflow: auto;
         float: right;}

.footer  {
          text-align: center;
          position: relative;
          color: #FFFFFF;
          font-weight: bold;
          font-size: 0.75em;
          width: 70%; margin: auto;}         
         
.centeredbox    {width: 70%;
				Margin: auto;
				}
				

/* floats, clears, aligns */     
.floatleft {float: left;}
.floatright {float: right;}
.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

.alignright	{text-align: right;}
.aligncenter	{text-align: center;}
.alignleft	{text-align: left;}


/* text formatting */

.b {font-weight: bold;}
.bi {font-weight: bold; font-style: italic;}
.i  {font-style: italic;}
.strike {text-decoration: line-through;}

.plus1 {font-size: 1.2em;}
.plus2 {font-size: 1.4em;}
.minus1 {font-size: 0.9em;}
.minus2 {font-size: 0.6em;}

h1	{color: #FFDD00; font-weight: bold;
     font-size: 2.3em;
     margin-left: 12%;}

h2	{color: AntiqueWhite; font-weight: bold;
     font-size: 1.7em;
     margin-left: 12%;}

h3	{color: #ff0000; font-weight: bold;
     text-align: center;
     font-size: 1.5em;}
     
h4 + p {margin-top: -20px;}

h3 + ul.data {margin-top: -20px;}
h4 + ul.data {margin-top: -20px;}
ul.data {margin: 0;}

.hr {width: 75%;
     display: block;
     border: 2px solid #FFdd00;}

.hr2 {width: 75%; display: block; 
     border: 2px solid #000080;
       margin-left: 10%;}

.hr3 {width: 100%;
     display: block;
     border: 1px solid AntiqueWhite;}       
       
/* images */

#logo {float: left;
       border: solid #FFFFFF 3px;
       padding: 8px;
       height: 100px; }


#book {float: left;
       padding: 8px;
       width: 30%; height: auto;
       max-width: 313px;
       max-height: 499px;}

#book2 {display: block;
	   padding: 8px;
       width: 313px;
       height: 499px;}

#kblogo {width: 100%;
		height: auto;
		max-height: 150px;
		max-width: 524px;
		margin-left: auto; margin-right: auto;
		display: block;
		}
       

/* boxes */
.form	{padding: 7px; 
					margin: 5px;
					border-style: inset; 
					float: right;
					border-radius: 10px;}
					
.video	{border: #092966 3px solid; background: #ffffff;  padding: 7px; 
					margin: 5px;
					border-style: inset;
					border-radius: 10px;
					width: 100%;
					height: auto;
					min-height: 250px;
					max-height: 400px;
					max-width: 580px;
					margin-left: auto; margin-right: auto;
					display: block;}

.addthisbox     {padding: 7px; float:right;}

.footerlinks	{color: #FAEBD7;}
				 



/* COLUMN FORMATTING */

*[class*="col-"] {float: left;}

.row:after {
	content: "";
	clear: both;
	display: block;
	}

/* for mobile phones */
*[class*="col-"] {width:100%;}

/* for tablets */
@media only screen and (min-width: 700px) {
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}}
	}

/* for desktops */
@media only screen and (min-width: 925px) {
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}}
	}

/*END OF COLUMN FORMATTING */


/* MOBILE FORMATTING */





@media only screen and (max-width: 1370px){
#book {display: none;}
.navbox a {display: inline;}
}


@media only screen and (min-width: 600px) and (max-width: 1020px){
#book {max-width: 400px;
       display: initial;}
.navbox a {display: block;}
}

@media only screen and (max-width: 600px){
#logo {display:none;}
#book {display:none;}

h1 	  {font-size: x-large;
       text-align: center;}

h2 	  {font-size: large;
       text-align: center;}

.navbox a {display: block;}
              
.video {clear: both;}
.form  {width: 100%; clear: both;}
.centeredbox    {width: 100%;
				}
				
       }