/**General**/

.fhd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	left: 10%;
	right: 10%;
	float: left;
}
h1 {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24pt;
    color: #1D5782;
    font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: 1D5782;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: 1D5782;
}
h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    font-style: italic;
}
.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;
}


body {
	margin-left:10%;
	margin-right:10%;
}
.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 ;
}
.quote {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #686867;
    margin-top: 20px;
    margin-left: 20px;
    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;
}
/** blockquote styles **/
      .bq1 { padding-left: 16px; border-left: 5px solid #1D5782; width: 700px; }
/** blockquote styles **/
      .bq2 {
    padding-left: 16px;
    border-left: 5px solid #1D5782;
    width: 700px;
    font-weight: normal;
    font-family: cursive;
    font-size: 16px;
}
      .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; }
	  
.image_left {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-bottom: 10px;

}
.textright {
	margin-left: 260px;
}
.textright3 {
	margin-left: 340px;
}
.textright2 {
	margin-left: 130px;
}

.wrapper {

}
.main {
	clear: both;
}
.footer {
	clear: both;
}


/**  tablep - paragraph tables, use for structuring of the weeks **/
.tablep {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 1em 0 2em 0;
    float: left;
    padding: 0.2em;
    width: 100%;
    border-width: 0em;
    text-align: left;
    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;
}

/** Table Structures **/
 
/** 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;
}

/** tableo - orange tables **/
.tableo { 
    font-family: 'PT Serif', serif;
    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;
}
/** tableb - blue tables **/
.tableb { 
    font-family: 'PT Serif', serif;
    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;
}
/** tablekey - Key Concepts tables **/
.tablekey {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 1.2em;
    margin: 1em 0 2em 0;
    width: 100%;
    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 - 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;
}

/*Collapsable buttons*/
               .collapsible {
                             
                             background-color: #1c4689;
                             color: #FF671F;
                             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: #1B365D;
                             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: #1c4689;
                             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.2em;
	                           font-weight: bold;
	                           
                            }

               .active, .collapsible2:hover {
                             background-color: #1B365D;
                             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: #F1F1F1;
                             font-family: Arial, Helvetica, sans-serif;
	                           font-size: 1.125em;
	                           line-height: 1.5em;
                        }
                                                
               .content a:link {
                             color: #2595BA;
                             text-decoration: none;
                        }
               .content a:visited {
                             color: #2595BA;
                             text-decoration: none;
                        }
               .content a:hover {
                             color: #5AC0D9;
                             text-decoration: none;  
}
               .content2 {
                             padding: 25px;
                             display: none;
                             overflow: hidden;
                             background-color: #F1F1F1;
	                           line-height: 1.5em;
                             
                        }
/*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)";
}

/** To the top button properties **/
.gototop a {
    font-family: 'Teko', sans-serif;
    text-decoration: none;
    font-style: bold;
    font-size: 2em;
    color: #EB6A2C;
}