html, body{
   font-size: 14px;
   width:100%;
   height:100%;
   padding:0px 0px 0px 0px;
   font-family: verdana;
   

}

.img-responsive {
  width: 100%;
}

.leftnav {
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #3f8edd;
}

a:hover {
	color: #0f3357;
}

ul {
	list-style-type: square;
}

li {
	margin-bottom: 10px;
}

.title1, h1 {
	font-size: 250%;
	color: #808080;
	line-height: 100%;
	letter-spacing: -.75px;
}

.title2, h2 {
	font-size: 200%;
	color: #808080;
	line-height: normal;
	letter-spacing: -.5px;
}

.title3, h3 {
	font-size: 150%;
	line-height: normal;
	color: #1e2253;
	letter-spacing: -.15px;
}


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.header_background {
    background-image: url('../images/header_background.png');
    background-repeat: no-repeat;
}

.subnav_letter {
	font-size:300%;
	cursor:pointer;
	text-decoration:none;
	padding:3px 5px 5px 5px;
	margin:0px;
}

.tales {
  width: 100%;
  height: 100%;
}