.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
       
        #linked
{
	color:#000;
	text-decoration:none;
}
table { 
  width: 80%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 2px solid #ccc; 
  text-align: left; 
}

#type1
{
	color:rgb(0,0,0);
	font-family:"Times New Roman", Times, serif;
	width:100px;
	
	cursor:pointer;
	font-weight:bold;

}

#type1:hover
{
	color:#036;

}

#courselink
{
	text-decoration:none;
	margin-right:15px;
	font-size:18px;
	color:#03C;
	font-weight:bold;
	float:right;
}
#courselink:hover
{
	color:#F00;
}


#top
{
	height:60px;
	background-color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
}

.myTable { background-color:#FFFFE0;border-collapse:collapse;font-family:color:blue; }
.myTable th { width:50%;font:bold 18px/1.1em ;text-shadow: 5px 5px 4px black;letter-spacing:0.6em;background-color:#BDB76B;color:white; }
.myTable td, .myTable th { padding:5px;border:1px solid #BDB76B; }
.myTable td { line-height:1.5em; }

  h1 {
      display: block;
      font-size: 3em;
      margin-top: 0.67em;
      margin-bottom: 0.67em;
      margin-left: 0;
      margin-right: 0;
      font-weight: bold;
    }

  h4 {
      display: block;
      font-size: 1.8em;
      margin-top: 0.67em;
      margin-bottom: 0.67em;
      margin-left: 0;
      margin-right: 0;
      font-weight: bold;
    }

.button {
		display: inline-block;
		padding: 10px 18px;
		font-size: 14px;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		outline: none;
		color: #fff;
		background-color: #4CAF50;
		border: none;
		border-radius: 15px;
		box-shadow: 0 9px #999;
		}

		.button:hover {background-color: #3e8e41}

		.button:active {
		  background-color: #3e8e41;
		  box-shadow: 0 5px #666;
		  transform: translateY(4px);
		}

		p.small {
			    line-height: 0.7;
		}

		p.big {
			    line-height: 1.8;
		}
   

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:140px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}

#boxes #dialog {
  width:450px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
 background-color:#D1D1D1;
 color: green;
}
.popupoption2:hover{
 color: red;
}

* {
  box-sizing: border-box;
}

/* Create five equal columns that floats next to each other */

.column-main {
  float: left;
  padding-top: 10px;
  padding-left: 2px;
  padding-right: 2px;
  column-width: 660px;
  text-align: center;
  display: inline-block;
  width: auto;
}

.column {
  float: left;
  column-width: 340px;
  width: auto;
  padding: 10px;
}

.c3 {
  float: left;
  column-width: 340px;
  width: 100%;
  padding: 5px;
}

.c2 {
  float: left;
  column-width: 310px;
  text-align: center;
  display: inline-block;
  padding: 12px;
}

.column1 {
  float: left;
  width: 100%;
  padding: 0px;
  text-align: left;
  margin: auto;
}

.column2 {
  height: 40px;
}

.column3 {
  height: 65px;
}

.column4 {
  height: 80px;
}


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

}

/* Responsive layout - makes the five columns stack on top of each other instead of next to each other */
@media screen and (max-width: 620px) {
.column {
  width: 350px;
  float: left;
  }
}

.left, .right {
  width: 22%;
}

.middle {
  width: 56%;
}

    html, body {

        height: 100%;

        margin: 0px;

    }

    .container {

        height: 100%;

        background: #f0e68c;

    }

.centerDiv {width: 80%; height: 540px; margin: 0 auto;}
.column { float:left; padding: 8px;} 

#resizeDiv
    {
	height: auto;
	width: auto;
    }

#resizeDiv img
    {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        display: block;
    }

br {
        line-height: 50%;
     }

.Table {
         display: table;
        }
    
.Title
       {
         display: table-caption;
         text-align: center;
         font-weight: bold;
         font-size: larger;
       }
       
.Heading
       {
         display: table-row;
         font-weight: bold;
         text-align: center;
       }
       
.Row
       {
         display: table-row;
       }
       
.Cell
      {
        display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
      }     
  
.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%
}