@import url(master.css);

	/* START Middle Columns styles...
	-------------------------------------------------------------------------*/
	#mc_container {
		padding-bottom: 3px; /* height of the footer bg image */
		border-top: 1px solid #FFF;
		background: #E4E4F0 url(../img/bg_middlesection_footer.gif) repeat-x left bottom;
		position: relative;
	}

	#mc_container #mc_wrapper {
		background: #E4E4F0 url(../img/bg_middlesection.gif) repeat-y;
		position: relative;
	}

	html>body #mc_container {
		min-height: 210px;
		height: auto;
	}

	#mc_container .column {
		float: left;
	}

	/* Left column styles
	---------------------------------*/
	#mc_container #mc_left {
		background: #E4E4F0;
		width: 718px;
	}

	html>body #mc_container #mc_left {
		min-height: 210px;
		height: auto;
	}

	#mc_container #mc_left p.image {
		float: right;
		margin: 0 0 0 15px;
		padding: 0;
		border: 1px solid #FFF;
		border-top: none;
		border-right: none;
	}

	#mc_container #mc_left p.image img {
		display: block;
		border: none;
	}

	#mc_container #mc_left h2.BetterWays {
		margin: 16px 0 0 38px;
		padding: 0;
		width: 127px;
		height: 21px;
		background: url(../img/better_ways.gif) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

	#mc_container #mc_left h3 {
		margin: 5px 38px 5px;
		padding: 0;
		font-family: georgia, serif;
		font-weight: normal;
		font-size: 1.9em;
		color: #33326C;
	}

	#mc_container #mc_left p {
		margin: 0 38px 19px; /* 19px bottom margin to make sure there will be room for the 'read more' button */
		padding: 0;
		color: #424242;
		font-size: 1.1em;
		line-height: 1.4em;
	}

	#mc_container #mc_left p.readmore {
		position: absolute;
		margin: 0;
		padding: 0;
		right: 252px;
		bottom: 0;
	}

	#mc_container #mc_left p.readmore a {
		display: block;
		width: 325px;
		height: 19px;
		text-indent: -9999px;
		overflow: hidden;
	}

	html>body #mc_container #mc_left p.readmore a {
		background: url(../img/read_more_better_ways.png) no-repeat;
	}

	html>body #mc_container #mc_left p.readmore a:hover {
		background: url(../img/read_more_better_ways_over.png) no-repeat;
	}

	/* Right column styles
	---------------------------------*/
	#mc_container #mc_right {
		width: 251px;
		padding: 0;
		background: #8988BF;
		border-left: 1px solid #FFF;
	}

	html>body #mc_container #mc_right {
		min-height: 210px;
		height: auto;
	}

	#mc_container #mc_right h3.SubscribeBetterWays {
		margin: 14px 0 0 22px;
		padding: 0;
		width: 199px;
		height: 35px;
		background: url(../img/subscribe_better_ways.gif) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

	#mc_container #mc_right form {
		margin: 2px 0 0 0;
		padding: 0 0 36px 0; /* bottom padding of 36px due to the absolutely positioned 'submit' button. */
	}

	#mc_container #mc_right form table {
		margin: 0 19px 0 22px;
	}

	#mc_container #mc_right form table td {
		color: #FFF;
	}

	#mc_container #mc_right form table td.right {
		padding-left: 4px;
	}

	#mc_container #mc_right form input.Email {
		width: 206px;
		height: 22px;
		border: 1px solid #000;
	}

	#mc_container #mc_right form input.Name {
		width: 98px;
		height: 22px;
		border: 1px solid #000;
	}

	#mc_container #mc_right form p {
		margin: 3px 19px 0 22px;
		padding: 0;
		color: #FFF;
	}

	#mc_container #mc_right form p.form_disclaimer a {
		color: #FFF;
		text-decoration: underline;
	}

	#mc_container #mc_right form p.form_disclaimer a:hover {
		text-decoration: none;
	}

	#mc_container #mc_right form p.subscribe_button {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
	}

	#mc_container #mc_right form p.subscribe_button input {		
		display: block;
		width: 251px;
		height: 36px;
		background: #4A489C url(../img/button_subscribe_now.png) no-repeat;
	}

	#mc_container #mc_right form p.subscribe_button input:hover {		
		background: #4A489C url(../img/button_subscribe_now_over.png) no-repeat;
	}

	#mc_container #mc_right form p.subscribe_button #subscribe_left_curve {
		position: absolute;
		left: -33px;
		top: 0;
		width: 33px;
		height: 36px;
		display: block;
	}

	html>body #mc_container #mc_right form p.subscribe_button #subscribe_left_curve {
		background: url(../img/subscribe_now_left_curve.png) no-repeat;
	}
	/* END Middle Columns styles...
	-------------------------------------------------------------------------*/