* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #F2F2F2;
}

h1 {
 margin: 0;
 padding: 4px 8px 4px 8px;
 font-size: 22px;
 text-align: center;
}

h2 {
 margin: 0;
 padding: 8px 8px 2px 8px;
 font-size: 16px;
 text-align: center;
}

h3 {
 margin: 0;
 padding: 12px 4px 1px 4px;
 font-size: 16px;
 text-align: center;
}


p {
 margin: 0;
 padding: 8px;
 clear: both;
}

ul#checkmark {
 list-style-type: none;
 padding: 12px 10px 12px 10px;
 text-align: Left;
}

li.checkmark {
 background: url(/images/checkmark.gif) no-repeat 0px; /* adjust list item px image spacing if needed */
 margin-left: 80px;
 padding: 4px;
 padding-left: 25px;
}

img {
border: 0;
}

#wrapper {
/* posistion: relative; */
 margin: 0 auto;
 margin-top: 2px;
 margin-bottom: 10px;
 width: 999px;
 height: 1%;
 padding: 0 10px 0 10px;
 /* background: url(/images/shadow-wrapper.gif) repeat-y; */
 /* border: 6px solid #003366; */ /* bottom border header color */
}

#header {
 margin: 0;
 padding-top: 10px;
 width: 999px;
 height: 80px;
 border-bottom: 3px solid #003366;  /* bottom border header color */
 /*background: #336699; */ /* header color */
 background-image: url(/Images/YSprite.gif);
 background-repeat:repeat-x;
 background-position:0 -20px;
}

#logo {
 display: inline;
 float: left;
 margin: 10px 0 0 20px;
 padding-bottom: 10px;
 width: 600px;
 height: auto;
 /* background: url(/images/logo.gif) no-repeat; */ /* logo image */
}

#header h1 {
 float: left;
 margin: 0;
 padding: 10px 10px 0 80px;
 font-size: 30px;
 color: #FFF;
 clear: both; 
}

#tagline {
 margin: 0;
 padding: 0 0 0 82px;
 height: 1%;
 font-size: 14px;
 color: #FFF;
 clear: both; 
}

#leftcolumn {
 float: left;
 margin: 0;
 padding: 10px;
 width: 786px;
 height: auto;
 color: #333;
 background: #FFF;
 /* border: 1px solid darkred; */
}

p.button {
 padding: 20px 10px 20px 10px;
 text-align: center;
}

#resource-box {
 margin: 40px auto 10px auto;
 width: 400px;
 border: 1px solid #336699;
}

#resource-title {
 padding: 10px;
 font-size: 18px;
 font-weight: bold;
 color: #FFF;
 text-align: center;
 border-bottom: 1px solid #CCC;
 background: #336699;
}

ul#resource-list {
 list-style-type: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

a.resource-link {
 display: block;
 padding: 6px;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #CCC;
 color: #333;
 background: #F2F2E6;
}

* html ul#resource-list li {
 display: inline;
 height: 1%;
}

#rightcolumn {
 float: right;
 margin: 0;
 padding: 25px 10px 10px 10px;
 width: 169px;
 height: 1750px;

/* height: 1942px;*/ /* increase or decrease the rightcolumn value depending on the finished height of the leftcolumn */
 color: #333;
 border-left: 1px solid #CCC;
 background: #F2F2E6;
/* border: 3px solid #003366; */ /* bottom border header color */
}

* html #rightcolumn {
  height: 1930px; /* IE (Internet Explorer): increase or decrease the rightcolumn value depending on the finished height of the leftcolumn */
}

#rightcolumn h2 {
 margin-bottom: 10px;
 padding: 10px 5px 10px 5px;
 font-size: 16px;
 font-style: bold;
 color: #FFF; /* right column h2 text color */
 border-bottom: 4px solid #003366; /* right column h2 bottom border color */
 background: #336699; /* right column h2 text background color */
}

#rightcolumn p {
 padding-bottom: 40px;
}

.quote {
 font-style: italic;
}

.signature {
 float: right;
 font-style: normal;
 font-weight: bold;
}

p.label {
text-align: center;
}

#Footer {
/* float:clear; */
text-align: center;
clear: both;
 margin: 0;
 padding-top: 50px;
/* padding: 12px 12px 12px 20px; */
 width: auto;
 height: 1%;
 font-size:12px;
/* border-top: 6px solid #003366; */ /* top border footer color */
/* background: #336699; */ /* footer color */
}

.red {
    color:red;
}

.bigred {
    color:red;
    font-size:28px;
}


#footer a {
 color: #FFF;
}

#BenefitsPanel {
 float: top;
 width:85%;
 border-bottom: 2px solid darkblue;
 margin: 0 auto;
}


#ImagePanel {
 margin: 0 auto;
 float: left;
 margin-top:70px;
 margin-left:50px;
 width:1%;
}

#FeaturesPanel {
 margin: 0 auto;
 float:top;
 width:85%;
 border-bottom: 2px solid darkblue;
 margin-left:70px;
}

#featuresWrapper {
 float:top;
 width:98%;
}

#testimonialsHeader {
 float:top;
 width:98%;
}

#testimonialsItems {
 float:top;
 width:99%;
}

#featuresText {
 float:top;
 width:90%;
 /* border: 1px solid green;  */
}

#benefitsHeader {
 font-style: bold;
 font-size:15px;
}

#featuresHeader {
 float:top;
 width:100%;
 margin-left:120px;
 /* border: 1px solid orange;  */
}

#featuresItems {
 float:top;
 width:100%;
 font-size:12px;
 /* border: 1px solid red;  */
}

#itemWrapper {
 float:top;
 width:100%;
 margin-left:120px;
 margin-right:175px;
 /* border: 1px solid #003366; */
}

.itemLeft {
 float:Left;
 width:35%;
}

.itemRight {
 float:Left;
 width:45%;
}

#InputBoxPanel {
 margin: 0 auto;
 width:85%;
 float:top;
 margin-left:70px;
 padding-top:6px;
 padding-bottom:20px;
 border-bottom: 2px solid darkblue;
}

#inputCaption {
 font-weight: bold;
 font-size:18px;
 color:red;
}

#TextBox1 {
 border: 5px solid #336699;
 font-size:18px;
 padding-left:5px;
 width:350px;
 height:30px;
 text-align:bottom;
}

#inputExample {
 font-size:12px;
 color:darkblue;
}

#InputBoxButtonPanel {
 padding-top:8px;
}