/*******************************************************************************
** Pre-defined tag-styles
*******************************************************************************/

body, html {
	height: 100%;
}

body {
	margin: 0px;
	background-color: white;
	text-align: center;
 	background-color: #000031;
}

table {
	text-align: justify;
}

h1 {
	font-size: 21px;
	font-weight: bold;
	color: #7E0000;
	letter-spacing: -1px;
	margin-top: 3px;
}

h3 {
	font-size: 14px;
	margin-bottom: 3px;
}

p {
	margin: 0px;
	text-align: justify;
}

a {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*******************************************************************************
** Some global styles for font, line-height etc.
*******************************************************************************/

body, table, input, textarea, select {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
}
body, table {
	line-height: 150%;
}

/*******************************************************************************
** Styles that make out the building blocks of the website.
*******************************************************************************/

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

	div.main div.header {
		text-align: left;
		height: 78px;
		padding: 0px;
		margin-top: 5px;
		overflow: hidden;
	}
		div.main div.header img {
			width: 235px;
			height: 77px;
			border: 0px;
		}
	
	div.main img.sidebar {
		float: left;
 		width: 60px;
		height: 423px; 
 		border: 0px;
		margin-top: 37px;
		margin-right: 5px;
	}
	
	div.content {
		background-color: white;
		width: 830px;
		float: left;
		border-right: 2px solid #CE2E21;
	}
	
		div.content div.topborder {
			background-color: #F6CB32;
			height: 2px;
			overflow: hidden;
		}

table.pagelayout {
	height: 500px;
}
	table.pagelayout td {
		padding: 0px;
	}
	table tbody td.text {
		vertical-align: top;
		width: 635px;
		padding-top: 10px;
	}
		table tbody td.text div.overflow {
			width: 635px;
			overflow: hidden;
		}
		
	table tbody div.testimony {
		padding: 5px;
		border: 1px solid gray;
		margin: 20px 5px 5px 5px;
		background-color: #FBF2D1;
	}
	
#menu {
	width: 150px;
	vertical-align: top;
	background: #F7F7F7;
	border: 1px solid silver;
}
	#menu div {
		text-align: left;
	}

	#menu a {
		display: block;
		color: #7E0000;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		padding: 5px 0px 5px 5px;
		background-color: #E5E5E5;
		margin: 1px;
		letter-spacing: -1px;
		border-right: 5px solid #6B6261;
		width: 136px;
	}
	#menu a:hover {
		background-color: #FBEEBE;
		border-right: 5px solid #EB857C;
	}
	#menu a.selectedlink {
		color: black;
		background-color: #F6CB32;
		border-right: 5px solid #CE2E21;
	}

	#menu span {
		color: black;
		font-size: 14px;
		font-weight: bold;
		line-height: 150%;
	}
	
div.footer {
	text-align: center;
	font-size: 9px;
	color: #FFFFFF;
	clear: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*******************************************************************************
** Styles for the "Offers" overview
*******************************************************************************/

div.offers {

}

	div.offers h3 {
		margin-top: 1px;
	}

	div.offers a.overviewlink {
		display: block;
		background-color: #FEFAEA;
		border: 1px solid #FFE68B;
		text-decoration: none;
		color: blue;
		margin-bottom: 15px;
		cursor: pointer;
	}
	div.offers a.overviewlink:hover {
		background-color: #FFF4C9;
	}
		div.offers a.overviewlink div.padding {
			padding: 10px;
			min-height: 125px;
			_height: 125px;
		}

	div.offers img {
		float: right;
		border: 1px solid black;
		margin-left: 15px;
		clear: right;
	}
	
	div.offers span.content_short {
		color: gray;
		margin-top: 5px;
	}
	
	div.offers span.more {
		display: block;
		text-align: right;
		color: blue;
		padding-right: 215px;
		text-decoration: underline;
	}
	
	div.offers img.continue {
		border: 0px;
		float: none;
		margin: 10px 0px 0px 0px;
	}
	
/*******************************************************************************
** Styles for the membership registration procedure.
*******************************************************************************/

div.formpart {
	background-color: #FEFAEA;
	border: 1px solid #FFE68B;
	text-decoration: none;
	color: black;
	margin-bottom: 15px;
	padding: 10px;
}
	div.formpart h1 {
		
	}
	div.formpart h2 {
		font-weight: bold;
		font-size: 14px;
	}
	div.formpart h3 {
		background-color: #FFF0B2;
		padding: 2pxs;
		font-size: 11px;
		margin: 0px;
	}
	div.formpart table.coltable {
		float: left;
		width: 290px;
		margin-right: 10px;
		font-weight:normal;
	}
div.completed {
	color: gray;
}
	div.completed h1 {
		color: #D19494;
	}
	
div.buttons {
	text-align: center;
}
	
div.tbl_container {
	display: none;
}
	
div.hr {
	height: 1px;
	overflow: hidden;
	border-bottom: 1px solid #F6CB32;
	margin: 7px 0px 7px 0px;
}

input.txtinput {
	border: 1px solid #F6CB32;
	padding: 2px;
	font-size: 11px;
	width: 145px;
	margin-bottom: 3px;
}
input.zipcode {
	width: 50px;
}
input.button {
	border: 1px solid #F6CB32;
	height: 20px;
	background-color: #FFE992;
	margin: 5px;
}
textarea.comments {
	border: 1px solid #F6CB32;
	width: 270px;
	font-size: 11px;
	height: 110px;
}
input.checkbox {
	float: left;
}
label {
	float: left;
	padding: 1px;
}