@font-face {
  font-family: Monotype Corsiva;
  src: url(fonts/mtcorsva.eot);
  src: local(Monotype Corsiva), url(fonts/mtcorsva.ttf);
}


h1 {
	font-family: "Times New Roman",Times,serif;
	font-size: xx-large;
	font-weight: bold;
	color: #3366ff;
}

h2 {
	font-family: "Times New Roman",Times,serif;
	font-size: xx-large;
	font-weight: bold;
	color: #3366ff;
}


#hello {
	padding-bottom:20px;
	padding-top:20px;
	margin-bottom:20px;
}

#author {
  	border-style: none;
  	font-family: Monotype Corsiva;
  	font-size: 40pt;
  	line-height: 40pt;
}

#hubert {
	padding-bottom:20px;
}

#issue {
	border-style: none;
 	font-family: Monotype Corsiva;
  	font-size: 30pt;
  	line-height: 30pt;
  	color: #000000;
}

.car-caption {
	
}

.cat-panel {
  	font-family: Monotype Corsiva;
  	font-size: 20pt;
  	line-height: 20pt;
  	border-radius: 10px !important; 
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
	#author {
		font-size: 25pt;
  		line-height: 25pt;
	}
	
	#issue {
		font-size: 19pt;
  		line-height: 19pt;
	}
	
	.car-caption {
		padding-bottom:10px !important;
	}
	
	.cat-panel {
		font-size: 14pt;
		line-height: 14pt;
		border-radius: 6px !important; 
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#hello {
		padding-bottom:10px;
		padding-top:10px;
		margin-bottom:10px;
	}

	#author {
		font-size: 25pt;
  		line-height: 25pt;
	}
	
	#hubert {
		padding-bottom:10px;
	}
	
	#issue {
		font-size: 15pt;
  		line-height: 15pt;
	}
	
	.car-caption {
		padding-bottom:0px !important;
	}
		
	.cat-panel {
		font-size: 12pt;
		line-height: 12pt;
		border-radius: 6px !important; 
	}
	
	
}

@media screen and (max-width: 767px) {
	
	#hello {
		padding-bottom:10px;
		padding-top:0px;
		margin-bottom:10px;
	}

	#author {
		font-size: 15pt;
  		line-height: 15pt;
	}
	
	#hubert {
		padding-bottom:10px;
	}
	
	#issue {
		font-size: 10pt;
  		line-height: 10pt;
	}
	
	.car-caption {
		padding-bottom:0px !important;
	}
	
	.cat-panel {
		font-size: 10pt;
		line-height: 10pt;
		border-radius: 6px !important; 
	}
	
}

@media screen and (max-width: 450px) and (orientation: portrait) {
	.cat-panel {
		margin-left: -30px !important;
		margin-right: -30px !important;
	}
	
	.b1_cls {
		width:140% !important;
	}
	
}


#comments {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	text-indent: 1em;
}

#preface {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	text-indent: 1em;
	text-align: justify;
}

#separate {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	text-indent: 1em;
	text-align: justify;
}

.contents {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	background-color: #f5f5f5 !important;
	background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%) !important;
	background-repeat: repeat-x !important;
}

.content2 {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	background-color: #f0f0f0 !important;
}

.description {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	background-color: #ffffff !important;
}

.description p {
	text-indent: 2em;
	margin-bottom: 0em;
	text-align: justify; 
}

#scrollup {
  background-image: url(img/scrollup.png);
  bottom: 65px;
  right: 18px;
  width: 38px;
  height: 38px;
  outline: none;
}


#agreement {
	font-family: "Times New Roman",Times,serif;
	font-size: small;
	text-indent: 1em;
	text-align: justify;
}

#agreement2 {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	text-indent: 1em;
	text-align: justify;
}

.yaframe {
	vertical-align: bottom;
}
.yadiv {
	font-family: "Times New Roman",Times,serif;
	font-size: large;
	text-align: right;
	padding-top:10px;
	padding-bottom:0px;
	color: #A00000;
	
}

.width90 {
	width: 90% !important;
	text-align: center;
}

.well5 {
	padding: 5px !important;
}

.well2 {
	padding: 1px !important;
}