/* CSS Document - new design March 2018*/

@charset "utf-8";

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
}

.container {
	margin: 0 auto;  /* this centers the overall page in the browser */
	padding: 0;
	width: 700px;
	height: 706px;
	background-image:url("../NEW%20IMAGES/TPH-SITE/newBackgroundImage2017.jpg");
	background-repeat:no-repeat;
	border: 2px solid #666;
}

.content{
	clear:left;
	float:left;
	margin-left:30px;
	font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
	background-color:transparent;
	text-align: center;
	width:300px;
}

.content h1 {
	font-size:24px;
	font-weight: bold;
	color: #2a525c;
	text-shadow: 1px 2px 0px #cccccc;  
	background-color : transparent;
}

.content h2 {
	font-size: 16px;
	font-weight: normal;
	color:#000;
	/*
	color: #666;
	*/
	background-color : transparent;
}

.content p{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color : transparent;
}


/******************* NEw BOXTAB BUTTONS adapted from http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
********************/

.boxtab-grey {
	padding:0;
	background-color:transparent;
	width:160px;
	margin: 0 auto;
	overflow:hidden;
	font-family:Tahoma, Geneva, Verdana, Arial, sans-serif;
	color:#000;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	}
	
.boxtab-grey ul {
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		vertical-align:middle;
	}
	
.boxtab-grey ul li {
		display:block;
		height:35px;
		list-style:none;
		margin-top:0px;
		margin-bottom:10px;
		margin-right:10px;
		margin-left:10px;
		padding:0;
    	overflow:hidden;
	}
	
.boxtab-grey ul li a {
		display:block;
		width:134px;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		background:#fff;
		text-decoration:none;
		color:#2a525c;
		border-right:3px solid #2a525c;
		border-bottom:3px solid #2a525c;

	}
	
.boxtab-grey ul li a:hover {
		background:#dddddd;
		color:#2a525c;
		font-weight:bold;
	}
