@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
body  {
	font-family: Arial, Helvetica, sans-serif;
	margin: .95em;
	font-size: 1em;
	}

/* Also in course-text.css */
.course--Life .hide-from-course--Life, .course--Life_Book .hide-from-course--Life,
  .course--Health .hide-from-course--Health, .course--Health_Book .hide-from-course--Health,
  .course--Property .hide-from-course--Property, .course--Property_Book .hide-from-course--Property,
  .course--Casualty .hide-from-course--Casualty, .course--Casualty_Book .hide-from-course--Casualty,
  .course--PersonalLines .hide-from-course--PersonalLines, .course--PersonalLines_Book .hide-from-course--PersonalLines {
	display: none;
}

	/*makes table of contens larger upon hoover*/
.toc a:hover {font-size:150%;}
	
.NoteBox     { 
	color:black; 
	text-align: left;
    border: 4px double #2273AF; 
    border-left: 8px solid #2273AF;
    padding: 2px 4px 2px 4px;
    background-color:#FFFFFF;
    margin-top:0; 
    margin-bottom:6px; }
    
.space {
	margin-top:20px; 
	}
	
img {
  max-width: 100%
}

/*.header {
  background: url("/Styles/header.png") 50% no-repeat;
  background-size: contain
}*/
p	{
	margin:0px 0px 8px 0px;
	text-align:left;
	font-size:12pt;
	}
	


.heading a	{
	color:#336699;
	}



		
a	{
	color:blue;
	}
	
	/*for glossary*/

.gray {
	color:gray;
	text-decoration:none;
	text-align:center;
	}
	


/*for glossary med/LTC*/
.pad	{
	margin:8px 0px 8px 20px;
	text-align:left;
	font-size:12pt;
	padding:0px;
	}

.center	{
	margin-top:5px;
	margin-right:0px;
	margin-bottom:8px;
	margin-left:0px;
	text-align:center;
	font-size:12.0pt;
	font-weight: bold;
	color:#003366;
	}
h1	{
	margin:12px 0px; 
	text-align:center;
	page-break-after:avoid;
	font-size:16pt;
	color:#003366;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2pt;
	}
	
/*style for <h1> tags around main topics of the module*/
.heading {
	border: 3px solid #336699; padding: 4px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}


h2	{
	text-align:left;
	font-size: 14pt;
	color: #336699;
	font-weight: bold;
    margin-bottom: 4pt; 
    letter-spacing: 2pt;
    }
    
/*This was created for sub topics under main header*/
.sub-head	{
 	text-align:center;
 	font-size: 12pt;
 	color:"#336699";
 	font-weight: bold;
    margin-bottom: 4pt; 
    letter-spacing: 2px;
 	text-transform: uppercase;
 	text-decoration:underline;
 	margin:none;
 }
/* used in adjuster 9 as sub-headers*/    
.h2-lg	{
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-size: 14pt;
	color: #336699;
	font-weight: bold;
    margin-bottom: 4pt; 
    letter-spacing: 2px;
}


h3	{
	margin-top:12px;
	margin:0px 0px 3px 0px;
	text-align:center;
	font-size: 13pt;
	page-break-after:avoid;
	color:#006699;
	font-weight:bold; 
	}
	
.left	{
	margin-top:12px;
	margin:0px 0px 3px 0px;
	text-align:left;
	font-size: 12pt;
	page-break-after:avoid;
	color:#006699;
	font-weight:bold; 
	}

/*ordered lists*/	

ul, ol {
	margin-top:6px;

	}

li	{
	margin:0px 0px 8px 0px;
}
/*this is for unbulleted lists*/
li.u {
	list-style-type: none;
	text-align:left;
	margin:0px 0px 8px 0px;

}

dl	{
	margin-top:8px;
	}
dt {
	font-weight:bold;
	}

dd {
	margin-left:15px;
	margin-bottom:8px;
	}
/*tables*/   
table {
    border-collapse: collapse;
     width: 100%;
     	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

	}
table, td, th {
    border: 1px solid black;
    vertical-align: top;
	}	

th {
	border: 2px solid black;
	text-align: center;
	background-color:#006699;
	color:#ffffff;
	font-size: 1.25em;
	padding: 10px;
	}
	
td {
    padding: 8px;
    text-align: left;
    }



tr:nth-child(even) {
	background-color: #f2f2f2;
	}
.shadow {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	margin:20px;
	padding:10px; 
	}

#fees th {
	text-align: left;
	}

.grid {
	display:grid;
	
	grid-template-columns:10% 40% 40% 10%;
	grid-template-rows:auto auto auto auto; 
	grid-template-areas:
		". nav nav ."
		". banner banner ."
		". toc toc ."
		". content content ."
		". ask ask ."
		". take-test take-test ."; 
		}
.nav{
	grid-area: nav;
	background-color: #333;
    overflow: hidden;
}
/* Style the links inside the navigation bar */
.nav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 17px;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the nav on small screens */
.nav .icon {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font-size: 17px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.nav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}


/*this is for the page titles for each module header*/
.banner {
	grid-area: banner; 
	border-top: 2pt double #003366;
	border-bottom: 2pt double #003366;
	background-color: #2273AF;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
/*stlye for the banner text*/	
.banner h1 {
	color:white;
	padding: 10px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	font-size: 20px;
	}



/*this is for the table of contents*/
.toc {grid-area: toc;
	width: 100%;
	color: #003366;
	border: 3px solid #2273AF;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

/* style table of content links to the text*/
.toc li, .toc a{
	list-style-position:outside;
	padding: 0px;
	margin-top:0px;
  	text-align: left;
  	color: #003366;
  	}

/*style for the header of toc*/
.toc h1   {
	margin: 0px;
	border-bottom: 2px solid #2273AF;
	padding: 10px;
	color: #003366;
	font-size: 18px;
	 }




.header {grid-area: header ;
}

.content {grid-area: content ;
}
/*For the ask button at the bottom of the text*/
.ask {
	grid-area: ask ;
	font-size: 18;
	text-align: center;
	
}

.ask h2{
	text-align: center;
	color: #003366;
	margin: auto;
	margin-top: 40px;
}

.ask img {
	img align="middle";
	width="200";
	height="200";
	border: 3px solid #0000FF";
	margin: auto;
}


.take-test{
	grid-area: take-test;
	}
/*this is for the buttons on the bottom of the Glossary pages*/	
.button {
  border-radius: 4px;
  background-color: #A3D0D3;
  border: none;
  color: #000000;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  margin: auto;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

	
/*For tablets*/
@media(max-width: 650px) {	
.grid {
	display:grid;
	grid-row-gap: 10px;
	grid-template-columns:50% 50%;
	grid-template-rows:auto auto auto auto; 
	margin:0 auto;
	grid-template-areas:
		"nav nav"
		"banner banner"
		"toc toc"
		"content content"
		"ask ask"
		"take-test take-test"; 
		}
		}



/*For cphones*/
@media(max-width: 450px) {

.grid {
	display:grid;
	grid-row-gap: 10px;
	grid-template-columns:100%;
	grid-template-rows:auto auto auto auto; 
	margin:0 auto;
	grid-template-areas:
		"nav"
		"banner"
		"toc"
		"content"
		"ask"
		"take-test"; 
		}
		}
body  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
	font-size: 1.05em;
	}
	
ul, ol	{
	margin-left:0px; 

ul, ol li	{
	list-style-position: inside;
	margin: 0px 0px 12px 0px;
	}
	
	/*makes table of contens larger upon hoover*/
.toc a:hover {font-size:150%;}
}

		}