@charset "utf-8";
/* CSS Document */

#chaucer-masthead, #chaucer-masthead a{	
font-family: Editional; font-size:1.8em;
	}
.logo-caption{	   font-family:HATTEN ;  font-size:1.5vw; display:table	}
#logo-caption-side{ margin-left:11px;   font-family:HATTEN ; font-size:1.4em;  font-size:1.2vw; display:table	}
.editional{		font-family:Editional;	}		
.footer-badge{	width:100px; margin-left:2em	}
 

@media (min-width: 1px) and (max-width: 480px) {
#logo-caption-side,.logo-caption{	 font-size:4vw ; line-height:.8em	}
.font-expandable-header{	 font-size:10vw; 		}
.footer-badge{	width:6%; margin-left:2px	}
  }
@media (min-width: 481px) and (max-width: 767px)  {
#logo-caption-side,.logo-caption{	 font-size:3vw ; line-height:1em	}
.font-expandable-header{	 font-size:8vw; 		}
.footer-badge{	width:8%; margin-left:3px	}
  }
@media (min-width: 768px) and (max-width: 991px) {
#logo-caption-side,.logo-caption{	 font-size:2vw ;	}
.font-expandable-header{	 font-size:5vw; 		}
.footer-badge{	width:8%; margin-left:2px	}

  }
@media (min-width: 992px) and (max-width: 1100px) {
.logo-caption{	 font-size:1.5vw; 	}
.font-expandable-header{	 font-size:4vw; 		}
.footer-badge{	width:8%; margin-left:2em	}

  }
@media (min-width: 1101px) and (max-width: 1600px) {
.logo-caption{	 font-size:1.5vw; 	}
.font-expandable-header{	 font-size:3vw; 		}
.footer-badge{	width:100px; margin-left:2em	}

  }
@media (min-width: 1601px) {
.logo-caption{	 font-size:1.5vw; 	}
.font-expandable-header{	 font-size:2vw; 		}
.footer-badge{	width:100px; margin-left:2em	}

  }



@font-face{
	font-family: Edition;
     src: url(EDITION_.TTF);
}
@font-face{
	 font-family:HATTEN ;
     src: url(HATTEN.woff);
}				
@font-face{
	 font-family:Elephantine;
     src: url(ELEPHNT.woff);
}				
@font-face{
	 font-family:Editional;
     src: url(Editional.woff);
}				

					
#topcontrol {
  background: #65758e;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 30;
}
#topcontrol:hover {
  background: #72829b;
}
#topcontrol .fa {
  position: relative;
  top: 3px;
  font-size: 25px;
}

.form-section{	font-weight:bold; box-shadow: 7px 7px 7px #eee; background: url(Images/background-footer.jpg);   margin:9px 0px 9px 0px;  padding:12px; border-radius:4px	}

input[type='text'],input[type='password'],textarea,select{ padding:6px; margin:5px;  }

  #sidebar label{ font-weight:normal;  font-size:.9em; display:table;  }
  #sidebar checkbox{  }
  #select-search{  margin-left:1em  }
  
  
  /*	HTML
				*/
				
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*				
@font-face{
	 font-family:haettenschweiler ;
     src: url(HATTEN.TTF);

 }
@font-face{
	 font-family:Impact ;
     src: url(impact.ttf);
}				

*/


#very-bottom{
	background: url(Images/background-footer.jpg) #fefcfd top center repeat-x;
	
}			
body {
	margin: 0px;
	padding:0px;
	color: #666666;
	background: url(Images/background-top.jpg) #fefcfd top center no-repeat;

}
table{
	border-collapse:collapse;
}
td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
a:link,a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}


li{ list-style-type:none; list-style:none}



