/**General**/
.gcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.025 em;
	font-size: 1.025 em;
	left: 10%;
	right: 10%;
}
.cnhs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	left: 10%;
	right: 10%;
}
.sidebar {
	background-color: #CCCCCC;
	background-position: center;
	/* [disabled]height: 0pc; */
	border-top: thin solid #666666;
	border-right: thin solid #666666;
	border-bottom: thin solid #666666;
	border-left: thin solid #666666;
	padding: 5px;
	width: 80%;
	align-content: center;
}
.sidebar2 {
	background-color: #C8FCD0;
	background-position: center;
	/* [disabled]height: 0pc; */
	border: medium solid #145B00;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	width: 60%;
	border-radius: 3;
	align-content: center;
}
.table_sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #E0F0FF;
	text-align: left;
	margin-right: 40px;
	margin-left: 40px;
	border: 2px solid #000000;
	padding: 10px;
}
.invisible {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.hangingindent {
    padding-left: 22px ;
    text-indent: -22px ;
	line-height: 1.7em ;
}
.intro	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}
.quote {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.125em;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #686867;
	margin-top: 20px;
	margin-left: 80px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	border-color: #3C3C5A;
	text-align: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-collapse: separate;
	border-top-width: medium;
	border-style: solid;
	border-radius: 5px;
	max-width: 70%;
	left: 40px;
}
/** List Of Headers**/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: #eb6a2c;
	font-weight: bold;
    line-height: normal;
}
h2 {
    color: #eb6a2c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
    line-height: normal;
}
h3 {
    padding-top: 0.2em;
    line-height: 1.15em;
    color: #17457a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #17457a;
}
body {
	margin-left:10%;
	margin-right:10%;
}
hr {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

/** blockquote styles **/
      .bq1 { padding-left: 16px; border-left: 5px solid #1D5782; width: 700px; }
      .bq1 p { font-style: italic; font-size: 32px; line-height: 32px; color: #8c8785; }
      p.after { margin-left: 40px; font-weight: bold; }
      p.after a { color: #6793d4; text-decoration: none; }
      p.after a:hover { text-decoration: underline; }
	  
.indent {
    text-indent: -1.5625em;
    padding-right: 0.3125em;
    padding-left: 1.875em;
}
.image_left {
	float: left;
	margin-right: 0.3125em;
	padding-right: 0.3125em;
	margin-left: 0px;
	margin-bottom: 0.67em;
}
.image_right {
    float: right;
	margin-left: 0.3125em;
	padding-left: 0.3125em;
	margin-right: 0px;
	margin-bottom: 0.67em;
}
.textright {
	margin-left: 8.125em;
}
.textright2 {
	margin-left: 16.25em;
}
.textright3 {
	margin-left: 21.25em;
}
.main {
	clear: both;
}
.footer {
	clear: both;
}
img {
    min-width: 70%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/** To the top button properties **/
.gototop a {
    font-family: 'Teko', sans-serif;
    text-decoration: none;
    font-style: bold;
    font-size: 2em;
    color: #EB6A2C;
}
/** Tables Structure **/
 
/** tableofcontent - Table of content **/
.tableofcontent {
    font-family: 'Muli', sans-serif;
    margin: 1em 0 1em 0;
    font-size: 0.9em;
    float: left;
    padding: 0.2em;
    width: 90%;
    border: 0px;
    text-align: center;
    background-color: #e6f2ff;
    min-width: 100%;
    overflow: visible;
    font-size: large;
}
.tableofcontent a:link {
    color: #2595BA;
    text-decoration: none;
}
.tableofcontent a:visited {
    color: #2595BA;
    text-decoration: none;
}
.tableofcontent a:hover {
    color: #5AC0D9;
    text-decoration: none;
}

/**  tablep - paragraph tables, use for structuring of the weeks **/
.tablep {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 1.2em;
    margin: 1em 0 2em 0;
    float: left;
    padding: 0.2em;
    width: 100%;
    border-width: 0.1em;
    text-align: left;
    border-color: #c8cfc7;
    border-style: solid;
    min-width: 100%;
    overflow: visible;
}
.tablep a:link {
    color: #2595BA;
    text-decoration: none;
}
.tablep a:visited {
    color: #0C669A;
    text-decoration: none;
}
.tablep a:hover {
    color: #5AC0D9;
    text-decoration: none;
}
.tablep p {
    padding-bottom: 0.5em;
}
/** tableo - orange tables **/
.tableo { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.025em;	
	line-height: inherit;
    margin: 1em 0 1em 0;
    background-color: #FFDABA;
    padding: 0.1em;
    float: left;
    text-align: left;    
    border: solid;
    border-width: 0.2em; 
    border-color: dimgrey;
    min-width: 100%;
    overflow: visible;
}
.tableo td {
	padding: 2em;
}
/** tableb - blue tables **/
.tableb { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.025em;	
	line-height: inherit;
    margin: 1em 0 1em 0;
    background-color: #c2d0ea;
    padding: 0.1em;
    float: left;
    text-align: left;    
    border: solid;
    border-width: 0.2em; 
    border-color: dimgrey;
    min-width: 100%;
    overflow: visible;
}
.tableb td {
	padding: 2em;
}
/** tablekey - Key Concepts tables **/
.tablekey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    margin: 1em 0 2em 0;
    float: left;
    border: solid;
    border-color: white;
    width: 95%;
    background-color: #c2d0ea;    
    padding: 0.3em;    
    align-content: center;
    text-align: left;
    min-width: 100%;
    overflow: visible;
}
/** tables in 633 FOR TESTING ONLY
.table633{
	table-layout: auto;
	margin: 1em 0 2em 0;
	width: 180px;
	border: 2px;
	padding: 5px;
    float: inherit;
	align-content: center;
	min-width: 100%;
}**/
/** tables - general tables **/
.tables {
    margin: 1em 0 1em 0;
    border: solid;
    border-collapse: collapse;  
    border-color: lightgray;
    width: 95%;    
    text-align: left;
    min-width: 100%;
    overflow: visible;
}
.tables td {
    border-bottom: 0.125em solid #000;
    border-top: 0.125em solid #000;
    border-color: lightgray;
}
/** tableintro - general tables **/
.tableintro {
    margin: 1em 0 1em 0;
    border: solid;
    border-collapse: collapse;  
    border-color: lightgray;
    width: 95%;    
    text-align: left;
    min-width: 100%;
    overflow: visible;
}
.tableintro td {
    text-align: left;
    padding-right: 1em;
    padding-left: 1em;
    border-bottom: 0.125em solid #000;
    border-top: 0.125em solid #000;
    border-right: 0.125em solid #000;
    border-left: 0.125em solid #000;
    border-color: lightgray;
}

/**table1 - tamplate for all cnhs tables**/
.table1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    background-color: white;
    float: center;
    text-align: left;
    border: solid;
    border-width: 0.14em;
    width: 80%;
    padding: 0.4em;
    margin-left: auto;
    margin-right: auto;
    border-color: darkgray;
    border-collapse: collapse;
    
}
.table1 td {    
    border: solid;
    border-width: 0.14em;
    border-color: darkgray;
    padding: 0.25em;
}

/** tableAPA - Sandra's APA tables **/
.tableAPA { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.025em;	
	line-height: inherit;
    margin: 1em 0 1em 0;
    background-color: #ffffff;
    padding: 0.1em;
    float: left;
    text-align: left;    
    border: solid;
    border-width: 0.2em; 
    border-color: #ffffff;
    min-width: 100%;
    overflow: visible;
}
.tableAPA td {
	padding: .3em;
}


/*Collapsable buttons*/
				.collapsible {
                             
                             background-color: #6632a8;
                             color: #ffffff;
                             cursor: pointer;
                             padding: 25px;
                             width: 100%;
                             border: none;
                             text-align: left;
                             outline: none;
                             font-family: Arial, Helvetica, sans-serif;
	                           font-size: 1.7em;
	                           font-weight: bold;
                            }

               .active, .collapsible:hover {
                             background-color: #6632a8;
                             box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
                            }
               
               .collapsible2 {
                             
                             background-color: #6632a8;
                             border-radius: 8px;
                             color: white;
                             cursor: pointer;
                             padding: 15px;
                             width: 100%;
                             border: none;
                             text-align: left;
                             outline: none;
                             font-family: Arial, Helvetica, sans-serif;
	                           font-size: 1.1em;
	                           font-weight: bold;
	                           
                            }

               .active, .collapsible2:hover {
                             background-color: #6632a8;
                             box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
                            }
               
               .content {
                             padding: 25px;
                             display: none;
                             overflow: hidden;
                             background-color: #ffffff;
                             font-family: Arial, Helvetica, sans-serif;
	                           font-size: 1.1em;
	                           line-height: 1.5em;
                        }
                 
               .content2 {
                             padding: 25px;
                             display: none;
                             overflow: hidden;
                             background-color: #F1F1F1;
                             font-family: Arial, Helvetica, sans-serif;
                                font-size: 1em;
                             line-height: 1.5em;
                        }
				.content2 table { 				
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;
						}
/*Collapsable Buttos End*/


/* To the top batton*/
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
a:link {
		color: #2595BA;
		text-decoration: none;
		text-decoration: underline
}
a:visited {
		color: #2595BA;
		text-decoration: none;
		text-decoration: underline
}
a:hover {
		color: #5AC0D9;
		text-decoration: none; 
        text-decoration: underline
	}