/* styles reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, font, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: baseline;

}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	background: url(body-bg-grey-gradient.png) repeat;
}

.hide {
	display:none;
}

.more {
	background: url(icon-arrow-blue.gif) no-repeat right 0.4em;
	padding-right: 8px;
}


#container {
	height: 100%;
	width: 100%;
	width: 962px;
	margin: 20px auto 0;
	background: #fff;
}

#header #logo {
	float: left;
	margin: 20px 0 0 25px;
}

#header .right-side {
	float: right;
	margin: 10px 10px 0 0;
	
}

#header .right-side ul#top-nav-links li{
	display: inline;
	font-size: 12px;
	list-style-type: none;
	color: #526066;
	padding: 0px;
}

#header .right-side ul#top-nav-links li a {
	color: #526066;
	padding-right: 2px;
}

#header .right-side ul#top-nav-links ul.log-in {
	margin-top: 10px;
	text-align: right;
}

#content {
	clear: both;
	padding-top: 35px;
}

#content a {
	color: #267bb1;
}

#content p {
	color: #576166;
	font-size: 13px;
}

#content #header:after {
	clear: both;
	content:"";
	display: block;
}

#content #main-content:after {
	clear: both;
	content:"";
	display: block;
}

#content #main-content left-main:after {
	clear: both;
	content:"";
	display: block;
}

#content h1#main-hdr-img {
	display: block;
	margin: 0 auto 0 auto;
	height: 64px;
	width: 938px;
	background: url(hdr-i-heart-cbb.png) no-repeat;
	text-indent: -9999px;
}

#content h1#main-hdr-img a {
	display: block;
	margin: 0 auto 0 auto;
	height: 64px;
	width: 550px;
}

#content h2#sub-hdr-img {
	margin: 0 auto 45px auto;
	height: 39px;
	width: 938px;
	background: url(bg-subtitle.png) no-repeat;
	font-size: 20px;
	font-family: arial;
	font-weight: normal;
	color: #5d5d5d;
	text-align: center;
}

#content #main-content h3 {
	margin-bottom: 15px;
	font-size: 24px;
	color: #ff6600;
}

#content #main-content p {
	margin-bottom: 20px;
}

#content #main-content .left-main {
	float: left;
	padding: 0 30px 0 30px;
	width: 650px;
}

#content #main-content .left-main h4 {
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #576166;
}

#content #main-content .left-main h5 {
	font-weight: bold;
	color: #576166;
}

#content #main-content .left-main #thanks-content {
	height: 450px;
}

#content #main-content .left-main .text-box {
	background: url(bg-text-box.png) no-repeat;
	float: left;
	width: 320px;
	height: 81px;
	clear: right;
}

#content #main-content .left-main .text-box:after {
	clear: both;
	content="";
	display: block;
}


#content #main-content .left-main .text-box a span:hover {
	text-decoration: underline;
}

#content #main-content .left-main .text-box a:hover {
	text-decoration: none;
}

#content #main-content .left-main .text-box a.text-container {
	display: block;
	width: 320px;
	height: 81px;
	font-size: 15px;
	font-weight: bold;
}

#content #main-content .left-main .text-box a span.text {
	float:left;
	padding:20px 75px;
	text-align:center;
	width:175px;
}

#content #main-content .left-main .first-box {
	margin-right: 10px;
}

#content #main-content .left-main .separate-line {
	display: block;
}

#content #main-content .left-main span.required  {
	color: #ff6600;
}

#content #main-content .left-main form {
	border-top: solid 1px #5d5d5d;
	border-bottom: solid 1px #5d5d5d;
	padding: 20px 0;
	margin-bottom: 20px;
}

#content #main-content .left-main form p {
	margin-top: 20px;
	margin-bottom: 0;
}

#content #main-content .left-main form p.first {
	margin-top: 0px;
}

#content #main-content .left-main form p.paragraph-under-hdr {
	margin-top: 5px;
}

#content #main-content .left-main form .btn-browse {
	width: 51px;
	height: 20px;
	vertical-align: middle;
}

#content #main-content .left-main form .error {
	color: #ed1c24;
}

#content #main-content .left-main form .error-statement {
	width: 360px;
	padding-left:110px;
	margin: 0px;
	font-size: 12px; 
	color: #ed1c24;
}


#content #main-content .left-main form input.error-state,
#content #main-content .left-main form textarea.error-state {
	border-color: #ed1c24;
	border-style: solid;
}


#content #main-content .left-main form .btn-submit {
	width:133px;
	height: 20px;
	margin-top: 10px;
}

#content #main-content .left-main form label {
	float: left;
	width: 110px;
	vertical-align: top;
	line-height: 20px;
	font-weight: bold;
}

#content #main-content .left-main form input {
	width: 205px;
}

#content #main-content .left-main form textarea {
	width: 530px;
	height: 160px;
}

#content #main-content .left-main form span.example-text {
	display: block;
	padding-left: 110px;
	font-size: 11px;
	color: #8a9499;
}

#content #main-content .left-main form .lower-form {
	padding-left: 110px;
}

#content #main-content .left-main form .lower-form label.photo {
	width: 90px;
}

#content #main-content .left-main .important-info {
	margin-bottom: 35px;
}


#content #main-content .left-main .important-info p {
	margin-bottom: 5px;
}

#content #main-content .left-main .footer {
	color: #8a9499;
}

#content #main-content .left-main .footer p {
	float: left;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

#content #main-content .left-main .footer a {
	color: #526066;
}


#content #main-content .left-main .footer img {
	float: right;
	margin-bottom: 20px;
}

#content #main-content .right-sidebar {
	float:left;
}

#content #main-content .right-sidebar h4 {
	margin-bottom: 10px;
	font-size: 18px;
	color: #5d5d5d;
}

#content #main-content .right-sidebar img {
	display: block;
}

#content #main-content .right-sidebar .placement-section {
	position: absolute;
	margin-top: 25px;
}

#content #main-content .right-sidebar .placement-section .placement {
	margin-bottom: 10px;
	
}

#content #main-content .right-sidebar .placement-section .five-cbb-quarter-three {
	background: url(placement-bg-five-cbb-blue.jpg) no-repeat;
	display: block;
}

#content #main-content .right-sidebar .placement-section .five-cbb .btn-signupnow {
	position: absolute;
	top: 102px;
	left: 11px;
}

#content #main-content .right-sidebar .placement-section .more-card .btn-applynow {
	position: absolute;
	top: 250px;
	left: 11px;
}

#content #main-content .right-sidebar .placement-section .more-card .link-learnmore {
	position: absolute;
	top: 252px;
	left: 110px;
	font-size: 12px;
}

#content #main-content .right-sidebar .placement-section .more-card {
	background: url(http://cashbackconnection.files.wordpress.com/2010/02/placement-bg-morecard-orange.jpg) no-repeat;
	display: block;
}

#content #main-content .right-sidebar .placement-section .five-cbb {
	background: url(placement-5cbb-general.jpg) no-repeat 0 0;
	display: block;
}

#content #main-content .right-sidebar .placement-section .five-cbb .link-see-calendar {
	position: absolute;
	top: 105px;
	left: 120px;
	font-size: 12px;
}


#content #main-content .right-sidebar .placement-section span {
	display: block;
	height: 134px;
	width: 211px;
	text-indent: -9999px;
}

