div.tile
{
	text-align:center;
}


.tile
{
	border:2px solid black;
        border-radius:10px;
        background-color: rgba(32,32,41,0.2);
	width: 440px;
	/*float: left;*/
	display: inline-block;
        padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
        vertical-align: top;
}

body
{
	background-color: black;
	background-image: url('../blackForge/background/background.png');
	background-repeat:repeat;
	background-attachment: fixed;
	background-position: center top;
        /*background-size: auto;*/
        background-size: 80%;

}
hr
{
	width: 100%;
	visibility: hidden;
}

a:active
{
	text-decoration: underline;
}
.titleBar
{
	border:1px solid black;
	border-radius: 15px;
	background: rgb(221, 221, 221);
	padding: 0px 40px 0px 10px;
        margin: 2px 2px 5px 2px;
	font-size=0;
	display: inline-block;
	min-width: 350px;
	max-width: 70%;
}
.titleBar h3
{
	margin: 3px;
}
.container
{
/*	clear:both;
	padding:10px;
	position:relative;
	display: block;*/
	text-align:center;
}

.tile h3
{
	text-align: center;
	margin: 1px 3px 3px 3px;
	color:white;

}
.tile p
{
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

.wide
{
	width: 440px; /* This is to compensate for margin and padding (2*200px)+(2*5px)+(2*5px) */
	background-color: gray;
}

.thumbnail
{
	border: 1px solid white;
	width: 80px;
}

.largeImage
{
	border: 1px solid white;
}
.pdfs
{
	clear:both;
	padding: 30px 5px;
	border:2px solid black;
	border-radius:10px;
	background-color: rgba(32,32,41,0.2);
	margin: 10px 3px 3px 16px;
	padding: 3px 3px 3px 3px;
	height: 292px;
	width: 450px;
	display:block;


	/*border:2px solid black;
	/*border-radius:10px;
	background-color: rgba(10, 10, 10,0.4);
	min-width:210px;*/
}
.pdfs b
{
	color: white;
}
.pdfs h2
{
	color: white;
}
A:link
{
	text-decoration: none;
	color: white;
}

A:active
{
	text-decoration: none;
	color: white;
}

A:visited
{
	text-decoration: none;
	color: white;
}