body {
    width: 90%;
	background: #fff;
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin: 0 auto;}

div {background: #fff;
	color: #000;}
	
.logo {padding: 5px 0 5px 12px;}


h1 {
	margin: 20px 0;
    font-weight: 500;
}

.head-title{
    color: #fff;
    font-size: 34px;
    float: left;
    font-weight: 300;
}
	
h2{
	font-weight: 500;
	font-size: 22px;}
	
h3 {
    font-size: 18px;
    font-weight: 500;
}
	
.header { background-color: #006666; 
          color: white;}
          
.box {
 	border: 1px solid #888;
	margin: 10px;
    padding: 5px 10px;
}

.box h2 {
  color: #006666;
}

.box p {
    line-height: 175%;
}

.subtitle { color: #339999;

}
       		
.blurb {
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
}

.blurb p {
    line-height: 175%
}

	
a.navlink, a.navlink:visited {
    font-weight: 400;
    text-decoration: none;
    color: #006666;
    font-size: 16px;
}


a.navlink:hover {
    border-bottom: 2px solid #77d8ce;
    
}

.toplink {
    float: right;
    padding: 5px 10px 0 0;
}

/* Corrected during preservation: this rule read
 *     .toplink a:link, a:visited
 * The comma left "a:visited" unscoped, so it applied to every visited
 * link on the page and turned each one white against a white background.
 * The author's intent is plain from the first half of the selector. Only
 * the missing scope is added; the declarations are untouched. */
.toplink a:link, .toplink a:visited {
  text-decoration: underline;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}  

a.special, a.special:visited {
	text-decoration: none;
	color: #444;
  	font-weight: 500;
    border-bottom: 2px solid #77d8ce;
}

a.special:hover {
    border-bottom: 2px solid #006666;
}

a.special2, a.special2:visited {
	text-decoration: none;
	color: green;
  	font-weight: 700;
    border-bottom: 2px solid red;
}

a.special2:hover {
    color: orange;
}
  
	

.box1 {
    color: #000;
    margin: 0 auto 20px;
    padding: 10px;

}

.box1 a {
    font-weight: 400;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 150%;
    border-bottom: 2px solid #006666;
    
}		
.box1 a:hover {
    border-bottom: 2px solid #77d8ce;
    
}	
		
.enroll  {	
    background-color: #5cb85c;
    -webkit-appearance: none;
    -moz-appearance: none;
  	-webkit-border-radius: 4;
  	-moz-border-radius: 4;
  	border-radius: 4px;
  	color: #ffffff;
  	font-size: 16px;
  	font-weight: 400;
  	font-family: 'Roboto', sans-serif;
  	background: #5cb85c;
  	padding: 10px 20px;
  	border: solid #4cae4c 1px;
  	text-align: center;
  	text-decoration: none;
  	margin-top: 10px;
}

.courselist {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #888;
}
	

  
.footer {color: #fff;
		 background-color: #888;
		 font-weight: 400;
		 font-size: 16px;
		 text-align: center;
		 padding: 10px;
}
		 
.footer a {
    color: #fff;
    text-decoration:none;
}
		 
.footer a:hover {
    text-decoration:underline;
}
		 
.copyright {color: #666;
		 text-align: center;
		 font-size: 12px;
}