/* layoutstyles.css */

/* SEARCH: */
/* 7/11/15, 7/21/15, 8/19/15 12/6/15*/

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin: 0;
  padding: 0;
  /* Temporary borders */
   /*border: dashed 1px #f00;*/ 
/* 7/6/11 added h to navbar */
}
/***************************************************************** BODY ***********/
body {
  

/*background: #fff url(bluetile.jpg);*/
	
  	font-family: Comic Sans MS, Helvetica, sans-serif;
	text-align:center;
/*background-color: #FC9;*/

background-color: #82CAFA;

}




/***************************************************************** WRAPPER *********/
#wrapper{

 width: 60em;
  	/* width: 70em; = 1120 px , pg 1 is 1200px*/
  	/* background-color: wood; */
  	/* Put 20px margin above the wrapper */
  	/* Set right and left to auto for centering */
	background-color: #FC9;
	/*background-color: #ADDFF;*/

margin: 20px auto 0 auto;

 border: solid 2px #f00; 




} 

/******************************** MAJOR LAYOUT DIVISIONS ******************************/
/**************************************************************************************/



/************************************************************* BRANDING ************/

#branding{ 
 height:4em;
 /*background-color:#553c35; 7/11/15 L7P10*/
/*background: #856E5E url(bluetile.jpg);*/
background: #fff;
 /*color:#f4dec8;  gold text */
 text-align:center;
 margin-left:12.2em; /* 8/20/15*/
/*border: dashed 1px #f00;*/
} 

#branding h1{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif; 
  font-size:2em; 
  padding-top:0.25em;
  padding-bottom:0.50em; 
  text-align:center;
/*  color:#ffd700;  */
  COLOR: #000; 

} 

	/* Make branding a positioned element, but don't move it */
	/*Next for absolutely positioned hyperlinks*/
/*-----------------------------------------------------------------------------------*/
#branding{
  position:relative;
  	/*height:4em; was 4 orig */
	/* background-color:#553c35;  7/15/11 reenabled for ref */
	/* background: #856E5E url(kt_images/kt_house.jpg);*/

/******************************************** GENERAL TEXT IN BRANDING **********************************/
	/*  color:#f4dec8; */ 7/11 blocked out
	color:#000;
/*color:#f8c473; GOLD*/
text-align:center; /* 7/6/11 was center */
padding-bottom:0.25em; /*8/17/11*/
}
 
/**/
/************************* TITLE TEXT ****** 7/25/11 6/18/15 COMMENT ALL OUT, this is in the beginning of the section ********/
/*#branding h1{
 	/*text-align:center;*/
	/* font-family:'Arial Black', Charcoal, Impact, Sans-serif;*/ 
	/*font-family:'Old English Text MT', Charcoal, Impact, Sans-serif;*/
	/*font-size:3em;*/ 
	/*padding-top:0.25em;*/ 
	/* color:#f8c473; orange */
	/*color:#ffd700; ff0000 red, ffd700 gold  */ 
	/*padding-bottom:0.25em;*/ 
}*/


/* Absolutely position links in the branding division */
/*branding division hyperlinks*/
/*positions are set in tags in layout.htm*/

#branding a{
  position:absolute;
text-decoration:none;
  color:#000;
  font-size:0.9em; 
}

/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited {
  color:#000;
} 

/* Hover links in branding bar */
#branding a:hover{
  color:#0f0;
}

/* Active link in branding bar */
#branding a:active{
  color:#1bb498;
}
/* Fixes the mysterious image gap 7/11/15 from L7 p3 */
#branding img{
  display:block;
}

/******************************************************* LEFTCOLUMN *******************/


#leftcolumn{
/* Remember, content left margin must match this width */
/* width:12em;TEMPORARILY ON HOLD 07/21/15*/
  /*width:12em;*/
  /*float:left; */
/* Temporary border */
/* border:dashed 1px #f00; */

border-top:solid 1px #000;

/* Center images and text inside this div */
  text-align:center;

background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
/* Applies to images in the leftcolumn div */
#leftcolumn img{
  /*width:50%;*/
}
/* Applies to paragraphs and lists in the leftcolumn division 06\14\15*/
#leftcolumn p,
#leftcolumn .leftcollist{
  border:solid 0px #117b6f;
 /* padding:5em;*/
width:95%; /* was 70 */
/*width:70%; was 10em*/ 
font-size:0.7em; /*was 0.8*/
margin:0em auto;
/*text-align:left;*/
/*background:#FFFF80;*/
} 

/* List items in the navbar, this gets rid of bullets in list */
#leftcolumn .leftcollist li{
list-style-type:none;
}


/************************************************************************** HNAVBAR division **********************/

#hnavbar{
/*display: block;*/

/*   background-color:#D0BFFF;*/ /* 7/11/15 ENABLED */ /* 08/18/15*/
     /*background:#fff url(bluetile.jpg);*/
	background:#FC9;
/* Left margin must match leftcolumn width */
   margin-left:0em; /* 7/11/15 does this change if I have changed the overall width in wrapper to 50em ? 8/16/15 WAS 12 NOW 0 */
   /*background:#aaa url(kt_images/navbak.jpg) repeat-x center;*/ /*7/11/15 L7P9*/
   /*background:#DEB887;*/
   height:1.8em;
/* border: dashed 1px #f00; */
}
/* Remove bullets from ul in the navbar */
#hnavbar ul{
  list-style-type:none; /* 7/11/15 L7 P4 */
}
/* List items in the navbar */
#hnavbar li{
  float:left; /* 7/11/15 L7P5 */
/* Required for drop-down menus */ /* 7/11/15 ???????????????????????? */
  position:relative;
}

/* Applies to navbar links, unvisited and visited 7/11/15 L7P7*/
#hnavbar a,
#hnavbar a:link,
#hnavbar a:visited{
  text-decoration:none; /* 7/11/15 ELIMINATES UNDERLINE */
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  /*background-color:#aaa url(kt_images/navbak.jpg) repeat-x center; 7/11/15 L7P10,  08/18/15*/
  background-color:#00FFFF;/* 08/18/15 */
  display:block;
  height:2em; /*8/23/15 was 2*/
  /*width:6em;  071915, 082215*/
  width:11em;  /* 12/6/15 was 12*/
/*border-right:solid 17px #fff;  8/24/15 12/6/15 was 33px*/

border-right:solid 17px #FC9;

text-align:center;
line-height:2em;
outline-style:none;
}

/* hNavbar hover and active links */
#hnavbar a:hover,
#hnavbar a:active{
 background-color:#000;/* 7/11/15 */
 color:#fff; /* 7/11/15 L7P11*/
background:#ddd;
color:#000;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#hnavbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
  border:solid 1px #000;
	 border:solid 1px #000; /* 3/27/16 */

	/* border:none; */
	/*  border-right: solid 2px #999; */
  	/*  border-bottom: solid 2px #999; */

}
/* Make drop-down visible on navbar hover */
#hnavbar li:hover ul{
  visibility:visible;
}
/* *************************************************************** 3/27/16 */
/* Applies to links on the drop-down menu */
#hnavbar li:hover ul li a{

  background:#fff; /* Removes background image was ccc, 11/28/15*/

  color:#000;
  text-align: left;
  text: bold
  display:block;
  width:11em; /* was 10,11 */

  padding:0 0 0 1em; /* was 12/6/15*/
  height:auto;
  border-right: none;
  border-bottom: solid 1px #999;

}
/* Hover on drop-down menu links */
#hnavbar li:hover ul li a:hover{
  background: #FC9; /* 08/18/15 was aaa 11/28/15 */
  color:#000;
}
/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#ddd url(kt_images/navhover.jpg) repeat-x center;
  color:#000;
}

/******************************************************* END HNAVBAR **********************************/

/**********VNAVBAR *******************/
/* Navbar division (Vertical navbar) */
#navbar{
  width:80%;
  /* Center horizontally */
  margin:1em auto;
  text-align:center;
  border:solid 1px #333;

}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}
/* List items in the navbar */
#navbar li{
  background:#aaa url(kt_images/navbak.jpg) repeat-x center;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  background:#aaa url(kt_images/navbak.jpg) repeat-x center; 
  display:block;
  height:2em;
  width:auto;
  line-height:2em;
  text-align:center;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#ddd url(kt_images/navhover.jpg) repeat-x center;
  color:#000;
}


/***************************************  END VNAVBAR ***********************/


/***************************************  START CONTENT DIV *****************/

#content{
  /* Left margin for content must match leftcolumn width */
  /* margin-left:12em; */
  text-align:LEFT;
  background-color:#FC9;
  color:#000;
  padding:5px 2px 5px 5px;  /* was 10 20, 5 2,  */
  /*float:left;*/

}

/* Applies to paragraphs in the content division */
#content p{
  line-height:1.5em;
}

/* Applies to all lists in the content division */
#content ul, #content ol{
  padding:10px 0 10px 40px; 
  list-style: none;
display: inline;
}



/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
  font-family: Comic Sans MS, Charcoal, Impact, sans-serif;
  color:#000;
  font-weight:bold;
  font-style:bold;
  font-variant:normal;
  letter-spacing:0.08em;
}

/* Size h1 headings in the content division */
#content h1{
  font-size:2em;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1.5em;
}
/* Size h3 headings in the content division */
#content h3{
  <!--font-size:1.25em;-->
 font-size:1.00em;
  font-style:normal;
font-family: Comic Sans MS, Arial, Verdana, sans-serif;

}


#ARTICLE {
	color:white;
    	background-color:green;
    
}

/* outer div 101815 */

	#footer {

}




/************************************************** Footer division styles **********/
#footer{
	border:solid 2px #000;
	/*border-bottom:solid 1px #000;*/
	
    	background-color:#fff;
    /*border-top:Solid 1px #117b6f;*/
    	padding:1.5em;
    	text-align:left;
	float:left;

}

/* Footer unvisited and visited links */
#footer a:link,
#footer a:visited{
    /* No underline on links */
    text-decoration:none;
}

/* Footer hover and active links */
#footer a:hover,
#footer a:active{
    color:#0c0;
    border:dotted 1px #333;
}

/********************************************************** General styles ************/
.hotkey{
    text-decoration:underline;
}

/* Acronyms and abbreviations */
    acronym,abbr{
        border-bottom:dotted 1px #333;
        cursor:help;
}