﻿  /* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-color: #bec9b7;
}
#masthead {
	width: 900px;
	height: 174px;
	background-image: url('../images/TBG_2_masthead.png');
	padding: 0px;
	margin: 0px auto 0px auto;
}
#logo {
	width: 278px;
	height: 112px;
	float: left;
	padding: 0px;
	margin: 40px 0px 0px 26px;
	background-image: url('../images/logo_teeballgolf[1].png');
	background-repeat: no-repeat;
}
#mastheadRightImg {
	width: 310px;
	height: 99px;
	float: right;
	padding: 0px;
	margin: 75px 22px 0px 0px;
	background-image: url('../images/mastheadRightImg.jpg');
	background-repeat: no-repeat;
}
#top_nav {
	background-image: url('../images/TBG_2_nav.png');
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 900px;
	height: 38px;
	background-repeat: no-repeat;
}
#top_nav ul {
	width: 850px;
	height: 23px;
	padding: 9px 0px 0px 0px;
	margin: 0px Auto 0px Auto;
	text-align: center;
}
#top_nav ul li {
	width: 850px;
	height: 20px;
	padding: 4px;
	margin: 0px 8px 0px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .875em;
	color: #6D9A50;
	display: inline;
	list-style-type: none;
}
#top_nav ul li a {
	width: 850px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6D9A50;
	display: inline;
	list-style-type: none;
	text-decoration: none;
}
#top_nav ul li a:hover {
	width: 850px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F9FAF7;
	display: inline;
	list-style-type: none;
	background-color: #6D9A50;
}
#container {
	padding: 0px;
	margin: 0px auto 0px auto;
	min-width: 600px;
	background-image: url('../images/TBG_2_ContainerFill.png');
	background-repeat: repeat-y;
	width: 900px;
	height: 100%;
	overflow: auto;
}
h1 {
	font-family: "Trajan Pro";
	font-size: 1.2em;
	text-transform: capitalize;
	color: #CC6B00;
	width: 93%;
	height: 25px;
	padding: 0px 0px 0px 10px;
	margin: 30px 0px 25px 0px;
	text-align: center;
	float: left;
}
h2 {
	font-family: "Trajan Pro";
	font-size: 1em;
	text-transform: capitalize;
	color: #CC6B00;
	width: 93%;
	height: 21px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	text-align: left;
	float: left;
}

#left_col {
	width: 227px;
	float: left;
}
.featureInsert {
	width: 193px;
	height: 100%;
	padding: 0px;
	margin: 20px 0px 20px 27px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #FFFFFF;
	text-align: center;
}
.brandingImg {
	width: 133px;
	height: 100%;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 20px 56px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #FFFFFF;
	text-align: center;
}
#page_content {
	margin: 0px 0px 0px 227px;
	padding: 0px;
	width: 673px;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #506A33;
	width: 600px;
	height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 15px 20px 5px 29px;
	float: left;
	line-height: 18px;
}
.content a {
	color: #506A33;
}
.content ul {
	padding: 0px;
	margin: 8px 0px 8px 24px;
	width: 575px;
	height: 100%;
	float: left;
	list-style-type: disc;
	list-style-position: outside;
}
.contentCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #506A33;
	width: 600px;
	height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 15px 20px 5px 29px;
	float: left;
	text-align: center;
}
.contentCenter a {
	color: #416A18;
}
#footer {
	padding: 0px;
	margin: 0px auto 0px auto;
	clear: both;
	background-image: url('../images/TBG_2_footer.png');
	width: 900px;
	height: 81px;
}
.footerImgLeft {
	padding: 0px;
	margin: 9px 0px 0px 193px;
	width: 121px;
	height: 70px;
	float: left;
}
.footerImgCenter {
	padding: 0px;
	margin: 9px 0px 0px 10px;
	width: 121px;
	height: 70px;
	float: left;
}
#subFooter {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 900px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #406429;
	text-align: center;
}
#subFooter a {
	color: #406429;
}
#subFooter a:hover {
	color: #CC6B00;
}
#footerBottom {
	background-image: url('../images/TBG_2_footerBottom.png');
	background-repeat: no-repeat;
	width: 900px;
	height: 20px;
	padding: 0px;
	margin: 0px auto 0px auto;
}

.contentCenter a:hover {
	color: #CC6B00;
}
#flash2 {
	height: 160px;
	width: 160px;
}
