/*
Main Css Template For IBC Program.
*/
html {
	margin: 0px;
	min-height: 100%;
}


div#squeeze{
	width: 700px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: left;
}

#outline {
	padding: 15px;
}

#mainContent {
	color: #000;
	background-color: #fff;
	padding:15px;
	font-family: Georgia;
	font-size: 16px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	line-height: 170%;
	padding: 20px 20px 0;
	border: 4px double #DCE7F8;
}

/*
div#header {
	background: #181830 url(header.jpg) no-repeat;;
	height: 200px;
	width: 100%;
}
*/

#squeeze #header {
background: url(images/headers/squeezeheader-dreams1.png) no-repeat center top;
	width:100%;
    height: 200px;
    padding-top: 25px;
    border-bottom: none;
    color: #FFF;
    padding-top: 25px;
}

#header a {
	color:#FFFFFF;
	text-decoration: none;
}

#header h3 {
	font-size:34px;
	width:560px;
	left:20px;
	font-weight:400;
	line-height:38px;
	font-family: Georgia;
	margin:0px;
	padding: 30px 0 10px 20px;
}

div#header h1 {
	font-family: "mead bold", Futura, Arial, Helvetica, Verdana, sans-serif;
	color: #d8072d;
	padding: 10px;
    text-align: left;
    font-size: 20px;
}

/*	
body {
	align:center;
	text-align: center;
	background-color: #181860;
}
*/
body {
	margin:0px;
	padding:0px;
	background-color: #526074;
	min-height: 100%;	
	background-image: url(images/backgrounds/diaglines.png);
	background-repeat: repeat; 
	background-position: center top;

}


.greybox { /* apply this class to a paragraph to give it a grey box around it */
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#squeeze blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */
	background-image: url(images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	margin-top: 0px;
	margin-bottom: 25px;
	background-color: #FFF;
}

div#mainContent .menu{

	font-family: Arial,Helvetica,sans-serif;
	color: #0d0285;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: bolder;
	text-align: right;
	
}

#mainContent .offercoupon { /* the offercoupon is the box with the red dotted line around it */
	padding: 20px;
	background-color: #FEFCD8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/coupon-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.offercouponoutline {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 4px dashed #CC0000;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.yellowbox {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 4px dashed #CC0000;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #FFFF99;
}

.offercoupon form {
	margin: 0px;
	padding: 0px;
}
#mainContent .offercoupon p {
	line-height: 22px;
}


.shadowbox { 
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.sbcontent { 
	padding: 15px;
	border: 1px solid #E2E2E2;
	background-color: #F3F3F3;
	background-image: url(images/shadowbox-corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sbshadow { 
	background-image: url(images/shadowbox-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
}

ul.redcheck {
	line-height: 18px;
}
.redcheck li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/check.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.greencheck {
	line-height: 18px;
}
.greencheck li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/checkmark-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.redstop {
	line-height: 18px;
}
.redstop li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/stop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainContent .testimonial { /* styles for the testimonial table */
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #000;
	background-color: #FF6;
}
.testimonial img {
	padding-top: 15px;
}
#mainContent .roundbox { /* this is the opt-in email box with rounded corners */
	background-image: url(images/round-box-fill.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .roundboxcontent p {
	line-height: 25px;
	margin-bottom: 0px;
}
.roundboxcontent {
	padding-right: 25px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.roundboxcontent .input {
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	padding: 2px;
	color: #CC0000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333333;
	background-color: #FFF;
}
.roundboxcontent .label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
#mainContent .button {
 background-color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	background-image: url(images/form-btn-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #000;
	margin-top: 10px;
	cursor:pointer;
}
#mainContent .button:hover {
 background-color: #C00;
}
.roundboxcontent form {
	margin-bottom: 0px;
}
.roundboxbtm {
	background-image: url(images/round-box-btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 22px;
	margin:0px;
	padding:0px;
}
.roundboxtop {
	background-image: url(images/round-box-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 22px;
}

/* h1, h2, h3 and h4 Main Font Setting */
#squeeze h1, #squeeze h2, #squeeze h3, #squeeze h4 {
	font-family: Georgia, helvetica, sans serif;
}

#mainContent .postwrap a, #mainContent .postwrap a:link, #mainContent .postwrap a:visited, #mainContent .postwrap a:active {
	color: #03F;
	text-decoration: underline;
}

/*
#squeeze h1 {
	font-size: 36px;
	line-height: 41px;
	margin-top:0px;
	padding-top:0px;
}
#squeeze h2 {
	font-size: 24px;
	line-height: 29px;
}
#squeeze h3 {
	font-size: 20px;
	line-height: 24px;
}
#squeeze h4 {
	font-size: 16px;
	line-height: 20px;
	font-weight:normal;
}
#squeeze h5 {
}
#squeeze h6 {
}
#squeeze h1 em {
}
#squeeze h2 em {
}
#squeeze h3 em {
}
#squeeze h4 em {
}
#squeeze h5 em {
}
#squeeze h6 em {
}
*/

#squeeze h1 {
	font-family: Arial,Helvetica,sans-serif;
  	color: #CC0000;
  	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 30px;
  	font-weight: bolder;
  	text-align: center;
    line-height: 45px;
}

#squeeze h2 {
	font-family: Arial,Helvetica,sans-serif;
  	color: #29159a;
  	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 25px;
  	font-weight: bolder;
  	text-align: center;
}

#squeeze h3 {
	font-family: Arial,Helvetica,sans-serif;
	color: #316aa6;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
	border-bottom: 2px dashed #DCE7F8;
    border-top: 2px #DCE7F8 dashed;font-variant: inherit;text-transform: capitalize;padding-top: 10px;
}

#squeeze h4 {
	font-family: Impact, Times, Terminal;
	color: #d1132c;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
}

#squeeze h5 {
	font-family: "Times New Roman", Tahoma, Times;
	color: #490ad0;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;text-transform: capitalize;text-decoration: blink;word-spacing: 0px;letter-spacing: 0px;text-indent: 0px;vertical-align: 0px;line-height: 0px;}


.yellow { /* this makes your text look like it is highlighted in yellow */
	background-color: #FFFF00;
	font-weight:bold;
}
.red {
	color: #CC0000;
}
.blue {
	color: #0000FF;
}
.green {
	color: #007d0f;
}
.center {
	text-align:center;
}
.lineout { /* crosses out text with a line */
	text-decoration: line-through;
}
.paper1btm {
	background-image: url(images/paper1-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 40px;
	margin:0px;
	padding:0px;
}
.paper1top {
	background-image: url(images/paper1-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 73px;
}

#mainContent .paper1 { 
	background-image: url(images/paper1-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .paper1content p {
	line-height: 26px;
}
.paper1content {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	padding-right: 35px;
	padding-left: 35px;
}
.stickywrap {
}
.stickynote {
	background: url(images/stickynote.jpg) no-repeat left top;
	padding: 38px 40px 35px 60px;
	height: 261px;
	width: 260px;
	font: 18px/22px "Courier New", Courier, monospace;
	text-align: center;
	float: left;
}
.paper2btm {
	background-image: url(images/paper2-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 60px;
	margin:0px;
	padding:0px;
}
.paper2top {
	background-image: url(images/paper2-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 44px;
}

#mainContent .paper2 { 
	background-image: url(images/paper2-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .paper2content p {
	line-height: 26px;
}
.paper2content {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 45px;
	padding-left: 45px;
}
.paper3btm {
	background-image: url(images/paper3-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 106px;
	margin:0px;
	padding:0px 45px 25px;
}
.paper3top {
	background-image: url(images/paper3-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 106px;
	padding-right: 45px;
	padding-left: 45px;
	padding-top: 25px;
}

#mainContent .paper3 { /* this is the opt-in email box with rounded corners */
	background-image: url(images/paper3-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .paper3content p {
	line-height: 26px;
}
.paper3content {
	text-align: left;
	padding-right: 45px;
	padding-left: 45px;
}

div#copyright {
	color: #181830;
	font-size: 11px;
}

div#copyright a {
	color: #181830;
	border-bottom: 1px dashed #181830;
	font-size: 11px;
}

div#copyright a:hover {
	color: #181830;
	border-bottom: 1px solid #181830;
	font-size: 11px;
}

div#credit {
	color: #181830;
	padding: 8px;
	font-size: 11px;
}

div#credit a {
	color: #181830;
	border-bottom: 0px solid #181830;
}

div#credit a:hover {
	color: #304890;
	border-bottom: 0px solid #304890;
}