body{
	background-color: black;
	margin: 0;
	padding: 0;
}

.background{
	margin-left: auto;
	margin-right: auto;
	background-image: url("img/HeaderTLC.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 1024px;
	background-color: white;
	padding-top: 1px;
	padding-bottom: 50px;
}

.cDiv{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

h1,h2,h3,h4,p,figcaption,a,ul,li{
	font-family: Tahoma, Geneva, sans-serif
}

h1,h2,h4{
	color: #0000a6;
	font-size: 135%;
	font-weight: bold;
}
h3{
	color: #ff0000;
	font-size: 135%;
	font-weight: bold;
}

h1.title{
	font-size: 200%;
	position: relative;
	left: 210px;
	top: 20px;
	color: Black;
}

h2.subtitle{
	Font-size: 130%;
	position: relative;
	left: 210px;
}

p.address{
	Font-size: 85%;
	text-align: right;
	top:0px;
}

p.links{
	Font-size: 125%;
	text-align: center;
	position: relative;
	top: 20px;
	font-weight: bold;
}

p.bottom{
	Font-size: 90%;
	text-align: center;
	position: relative;
	top: 50px;
}

/*Figures (class="l" and class="r")*/

figure{
	Font-size: 75%;
	padding: 5px;
	border: 1px solid black;
	text-align: left;
	background-color: lightgray;
}

a.download:link, a.download:visited {
	margin-left: auto;
  	margin-right: auto;  	
	text-decoration: none;
	background-color: lightgray;
  	color: black;
	font-weight: bold;
	font-size: 85%;
  	width: 90%;
  	padding: 5px;
  	text-align: center;
  	display: block;
  	border: 1px solid black;
}

a.download:hover, a.download:active {
  background-color: #0000a6;
  	color: white;
	

}	

figure.l{
	float: left;
	margin: 0 10px 5px 0;
}

figure.r{
	float: right;
	margin: 0 0 5px 10px;
}

figure.c{
	display: inline-block;
	float: center;
}

/*Images (class="v" and class="h")*/

img.v{ 
	border: 1px solid black;
	width: 150px;
	height:300px;
	float: right;
}

img.h{ 
	border: 1px solid black;
	width: 300px;
	height:150px;
	float: right;
}

img.c{ 
	border: 1px solid black;
	width: 300px;
	height:150px;
	float: center;
}

h3{
	Font-size: 100%;
}

h4{
	Font-size: 95%;
}


p{
	Font-size: 100%;
}

ul{ 
	Font-size: 95%;
}

/*Top Bar links*/
a.linksb{	
	text-decoration: none;
}

a.linksb:link{
	color: #0000a6;
}

a.linksb:active{
	color: #0000a6;
}

a.linksb:visited{
	color: #0000a6;
}

a.linksb:hover{
	color: #ff0000;}

a.linksb:focus{	
	color: #0000a6;
}

/*Navigation Links*/
a.links{
	text-decoration: none;
}

a.links:link{
	color: #0000a6;
}

a.links:active{
	color: #ff0000;
}

a.links:visited{
	color: #0000a6;
}

a.links:hover{
	Font-size: 110%;
	color: #ffdd00;
}

a.links:focus{
	Font-size: 110%;
	color: #ff0000;
}
a.linksa{
	text-decoration: none;
	Font-size: 110%;
	color: #ff0000;
}

/* COLOMS */

* {
	  box-sizing: border-box;
}

.column {	
	  float: left;
	  padding: 10px;
}

.left {
	  width: 50%;
}

.right {
	  width: 50%;
}

.row:after {
	  content: "";
	  display: table;
  	clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
	.column {
    		width: 100%;
	}

	.background{
		width: 850px;
		background-position: left top;
	}	

	.cDiv{
		width: 800px;  
	}
 
	h1.title{
		Left:260px;
	}

	h2.subtitle{
		Left:260px;
	}

	p.address{
		Font-size: 95%;
	}
}

@media screen and (max-width: 850px) {
  	.column {
    		width: 100%;
	}

 	.background{
		width: 750px;
		background-position: left top;
	 }	

	 .cDiv{
		width: 650px;  
	 }
 
 	h1.title{
		padding-top:100px;
		left:100px;
	}

	h2.subtitle{
		down:100px;
		left:100px;
	}

	p.address{
		Font-size: 90%;
	}
}
@media screen and (max-width: 650px) {
 	.column {
    		width: 100%;
	   }

	.background{
		width: 550px;
		background-position: left top;	
	  }	

	.cDiv{
		width: 450px;  
	}

	h1.title{
		padding-top:100px;
		left:25px;
	}

	h2.subtitle{
		down:100px;
		left:25px;
	}

	p.address{
		Font-size: 75%;
	}
}