body{
	background-color: #CCC;
	font-family: Calibri, sans-serif;
	margin: 0;
}
#container{

	margin-left: auto;
	margin-right: auto;
}
#title{
	padding: 10px;
	text-align: center;
	background-color: #fff;
}
#bluebar{
	height: 30px;
	background-color: #253e8a;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#inner_container{
	position: relative;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
}
#trix_logo{
	position: absolute;
	bottom: 0;
	right: 0;
	float: 0;
	padding: 10px;
	height: 40px;
}
#box{
	background-color: #FFF;
	border-color: #439cb1;
	border-style: solid;
	border-width: thick;
	padding: 15px;
	margin-top: 10px;
	text-align: center;

}
.logo_holder{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	margin-right: 50px;
	display: inline-block;
}
.logo_img img{
	max-width: 200px;
	max-height: 200px;
}
.logo_txt{
	font-weight: bold;
}
a{
	color: #000;
	text-decoration: none;
}


@media only screen and (max-width: 1100px) {
	#inner_container{
		width: 90%;
	}
	h1{
		font-size: 20px;
	}
	h2{
		font-size: 18px;
	}
}

@media only screen and (max-width: 500px) {
	#inner_container{
		width: 98%;
	}
	.logo_holder{
		margin: 20px;
	}
}

.h1{
	font-size:36px;
}

/*Extra CSS*/
/*bold and italics classes*/
.bold {font-weight: bold; color: #000000;}
.italic {font-style: italic;}
/*hide class (add to ant element to hide)*/
.hide {display: none;}
/*table even with bold*/
.table_row_even_bold { background-color: #E1F4FF; text-align: left; vertical-align: text-top; font-weight: bold;}