body {
    /*padding-left: 10px;*/
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 28px 16px;*/
}

.navbar {
  /*overflow: hidden;*/
  background-color: #F5F5F5	;
  position: fixed;
  top: 0;
  width: 100%;
	padding-right: 5%;
}
.navbarcurrent {
  background-color: #0033ff;
  
}
.navbar a {
  float: left;
  /*display: block;*/
  color: #787878;
  text-align: center;
  padding: 28px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: arial;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}


.contact {
  
  width: 100%
  font-family: arial;
  background-color: #ddd;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}
 
.contactwhite {
  
  width: 100%
  font-family: arial;
  /**
  border: solid;  
  border-width: 2px;
  **/
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}
 
.contact2 {
  /*background-color: #185f1f;*/
  /* background-color: #f1ffc4;*/
  /*background-color: #C1BBDD;*/
  background-color: #FFB7B2;
  width: 100%
  font-family: arial;
  /*border: none;*/
  border-style: groove;
  /*border-style: solid;*/
  border-width: 2px;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}
 


.contactemail {
  /*background-color: #185f1f;*/
  width: 100%
  font-family: arial;
  border-style: groove;
  /*border-style: solid;*/
  border-width: 2px;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}
 

 

.leftmenu {
  background-color: #383838;
  width: 100%
  font-family: arial;
  background-color: #ddd;
  border: none;
  color: black;
  padding: 10px 20px;  
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}

.rightmenu {
  background-color: #f3f0f0;
  width: 100%
  font-family: arial;
  border: none;
  color: black;
  padding: 10px 20px;  
  text-decoration: None;  
  display: inline-block;
  /*margin: 4px 2px;*/
  cursor: pointer;
  border-radius: 16px;
  font-size: 90%;
}

1table {
    border-collapse: collapse;
    border-right: 100;
    border-left: 220;
    width: 60%;
    font-family: arial;
    background-color: #ddd;
}


table {
    border-collapse: collapse;
    border-right: 100;
    border-left: 100;
    width: 60%;
    font-family: arial;
		
		

}


th, td {
    text-align: left;
    padding: 16px;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}


.link{
  
	text-decoration: none;
  color: #0033ff;
} 

.footer {
   border-collapse: collapse;
   position: static;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: grey;
   color: white;
   text-align: center;
   font-family: arial;
   padding: 28px 16px;
   text-decoration: none;
   font-size: 17px;
   font-family: arial;
}

* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
    /*padding: 10px;*/
    /* height: px; Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}


.column2 {
    float: right;
    width: 100%;
    padding-left: 125px;
    padding-right: 150px;
    height: 50px; /* Should be removed. Only for demonstration */
}

.columnbodyleft {
    float: left;
    width: 20%;
    text-decoration: none;
		/*padding-left: 5%;*/
}

.columnbodyright {
    /*float: left;*/
    width: 80%;
    padding: 0 20px;
    overflow: hidden;
    
}

.leftcol80 {
  float: left;
  width: 80%;
  text-decoration: none;
  
}
.rightcol20 {  

  width: 20%;
  /*padding-left: 5%;*/
}



/* Create header column 1 */
.columnhead1 {
  float: left;
  text-align: center;
  width: 15%;
  padding: 2px;
  
}
/* Create header column 2 */
.columnhead2 {
  /*float: left;*/
  /*background-color: #383838;*/
  width: 70%;
  
}
/* Create header column 3 */
.columnhead3 {
  float: right;
   width: 30%;
  
}



/* Header column - Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.coursedatesleft {
  float: left;
  width: 15%;
  text-decoration: none;
  padding-left: 1%;
}

.coursedatesright {
  float: left;
  width: 85%;
 
}

.courseheaderbkgd {
  background-color: #4caf50;
  /*background-color: #5a1a1dde;*/
  /*background-color: #f6b57b;*/
  /*width:100%*/
  font-family: arial;
  /*background-color: #ddd;*/
  border: none;
  color: white;
  /*color: #660000;*/
  /*padding: 10px 20px;*/
  /*text-align: center;*/
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  /*border-radius: 16px;*/
  border-radius: 6px;
}



.coursedatesheaderbkgd {
  background-color: #4caf50;
  /*background-color: #d6f39d;*/
  /*width:100%*/
  font-family: arial;
  /*background-color: #ddd;*/
  border: 1px;
  color: white;
  /*color: #660000;*/
  /*padding: 5px 10px;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  /*border-radius: 16px;*/
  border-radius: 2px;
}


.equalcolumnleft {
  float: left;
  width: 60%;
  text-decoration: none;
  padding-left: 5%;
  padding-right: 5%;
  border: #003300;
}

.equalcolumnright {
  float: left;
  width: 20%;
  padding-left: 5%;
  padding-right: 5%;
  border: #000033;
  
}


.coursedescription {
    padding-left: 225px;
    padding-right: 225px;
    font-family: arial;
}    

.courseoutline {
    float: centre;
    padding-left: 200px;
    padding-right: 150px;
    font-family: arial;
    font-size: 12px;
}    

h1{
		color: #003300;
		/*font-size: 150px;*/
    /*font-weight: bold;*/
		/*font-weight: 900;*/
		/*font-family: Helvetica, sans-serif;*/		
}


h2{
		color: #000033;
		/*font-size: 45px;
    font-weight: bold;
		font-family: Verdana, sans-serif;*/		
}


h3{
		font-size: 25px;
    font-weight: bold;
		color: #660000;
		font-family: Helvetica, sans-serif;		
}

h4{
  font-size: 18px;
  font-weight: bold;
  color: #660002;
  font-family: Helvetica, sans-serif;		
}
.centerheading {
    text-align: center;
    font-family: Helvetica, sans-serif;
    /*font-size: 55px;*/
    font-weight: bold;
}


.centertext {
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
}


.leftheading {
  text-align: left;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
}


.lefttext {
  text-align: left;
  font-family: Helvetica, sans-serif;
  padding-left: 2%;
}

 
.notes {
    /*text-align: center;*/
    font-family: Helvetica, sans-serif;
    font-size: 10px;
		color: #003300;
    /*font-weight: bold;*/
}

 
.rednotes {
    /*text-align: center;*/
    font-family: Helvetica, sans-serif;
    font-size: 10px;
		color: #f70707;
    /*font-weight: bold;*/
}


.centernotes {
  text-align: center;
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
 
.notesheader {
    /*text-align: center;*/
    font-family: Helvetica, sans-serif;
    font-size: 12px;
		color: #243300;
    font-weight: bold;
}


.feedbackgreen {
  /*text-align: center;*/
  font-family: Helvetica, sans-serif;
  font-size: 10px;  
  background-color:#d8e3bf;  
  border-radius: 16px;
  padding-left: 10px;
  padding-right: 10px;  
}


 
.contactbluefont {

  width: 90%;  
  /*background-color: #d8e3bf;  
  
   width: 400px;*/
  font-family: arial; 
  border-style: groove;
  /*border-style: solid;*/
  border-width: 2px;
  color: black;
  padding: 10px 20px;
  /*text-align: center;*/
  text-decoration: none;
  display: inline-block;
  margin: 2px;
  cursor: pointer;
  border-radius: 16px;
}
 


.feedbackmargin {  
  margin-left: 20px;
  margin-right: 20px;  
  font-family: Helvetica, sans-serif;
  font-size: 10px;  
  background-color:#d8e3bf;  
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;  
}
 
.notesfeedback {
  /*text-align: center;*/
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  /*
  background-color:#d8e3bf;  
  border-radius: 16px;
  padding-left: 10px;
  padding-right: 10px;
  */
  color: #003300; 
  padding-left: 2%;
  /*font-weight: bold;*/
  font-style: italic;
}

.notesfeedbacksm {
  /*text-align: center;*/
  font-family: Helvetica, sans-serif;
  font-size: 8px;
  /*
  background-color:#d8e3bf;  
  border-radius: 16px;
  padding-left: 10px;
  padding-right: 10px;
  */
  color: #003300; 
  padding-left: 2%;
  /*font-weight: bold;*/
  font-style: italic;
}

.subheading {
  /*text-align: center;*/
  font-family: Helvetica, sans-serif;
  font-size: 90%;
  color: #003300;
  font-weight: bold;
}
.smnotes {
  /*text-align: center;*/
  font-family: Helvetica, sans-serif;
  font-size: 8px;
  color: #003300;
  /*font-weight: bold;*/
}

.center {
  margin: auto;
  width: 95%;
  /**
  border: 3px solid #73AD21;
  
	border: 4px #003333 groove;
  
  padding: 10px;
  **/
}
.centerimg {
     display: block;
     /*margin: 0 auto 0 auto;*/
		 margin-left: auto;
  	 margin-right: auto;
		 width: 40%
}
.leftimg {
  float: left;  
  margin-right: 1rem;
  /**shape-outside: circle(50%);**/
}

a:link{
  
	text-decoration: none;
  color: #0033ff;
} 
  
.menuetop {
  margin: auto;
  width: 95%;
	border-top: 4px #003333 groove;  
	border-bottom: 4px #003333 groove;
  padding-left: 20px;
  /**
  margin: auto;  
  
  text-align: center;
	background-color: #66ccff;
	font-size: .9em;  
	border: 4px #003333 groove;
  height: 25px;
	font-weight: 400;
  **/
  
}
 .menuetop a:link{
	text-decoration: none;
	font-weight: bold;
}
 .menuetop a:hover{
	font-weight: bold;
	background-color: #021205;
	color: #ffffff;
	text-decoration: none;
}

.submenuetop {
  margin: auto;
  width: 95%; 
  text-align: center;
	/*border-top: 4px #003333 groove;
	border-bottom: 4px #003333 groove;*/  
  /**
  margin: auto; 
	background-color: #66ccff;
	font-size: .9em;  
	border: 4px #003333 groove;
  height: 25px;
	font-weight: 400;
  **/
  
}

.buttonbox {
  /*background-color: #e5f836;*/ 
  
  font-family: arial; 
  /**
  border-style: groove;
  border-width: 3px;
  **/
  color: black;
  padding: 5px;
  font-size: .8em;
 /*
  padding: 5px 10px;
*/
  /*text-align: center;*/
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  /*border-radius: 16px;*/
  
}
 .submenuetop a:link{
	text-decoration: none;
	font-weight: bold; 
  color: black;
}
 .submenuetop a:hover{
	font-weight: bold;
	background-color: #021205;
	color: #ffffff;
	text-decoration: none;
}

.submenuetopbuttonbox {
  /*background-color: #e5f836;*/   
  font-family: arial;   
  color: black;
  padding: 1px;
  font-size: .6em;
  text-decoration: none;
  display: inline-block;
  margin: 2px;
  cursor: pointer;
  /*border-radius: 16px;*/
  
}