@charset "UTF-8";
body { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 12px; }
#container { width: 984px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #FFFFFF; text-align: left; /* this overrides the text-align: center on the body element. */ background-color: #FFFFFF; background-image: url(../img/global/redbkg.gif); background-repeat: repeat-y; }
#header { margin: 0px; padding: 0px; height: 169px; background-color: #FFFFFF; background-image: url(../img/global/redbkg.gif); background-repeat: repeat-y; }
#header img { text-decoration: none; margin: 0px; padding: 0px; border: 0px; height: 169px; }
#header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 0; position: absolute; top: -40px; }
#columnwrapper { width: 780px; float: left; }
#sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 127px; padding-right: 10px; padding-left: 12px; padding-top: 10px; }
#sidebar1 ul { margin: 0px; padding: 0px; }
#sidebar1 li { font-size: 12px; padding-bottom: 7px; margin: 0px; padding-top: 7px; list-style-type: none; font-weight: bold; border-top: 1px solid #993333; }
.navoffer a:link, .navoffer a:visited { color: #FC3; text-decoration: none; }
.navoffer a:hover, .navoffer a:active { color: #FF9; text-decoration: none; }
.nav a:link, .nav a:visited { color: #FC3; text-decoration: none; }
.nav a:hover, .nav a:active { color: #FF9; text-decoration: none; }
.navhome { color: #FC3; text-decoration: none; }
#mainContent { float: right; width: 600px; }
#mainContent h3, h5 { margin: 0px; padding-bottom: 0px; }
#mainContent h2 { margin: 15px 0px 5px 0px; font-size: 17px; }
.smallspacing { font-size: 6px; line-height: 6px; }
#mainContent p { margin: 0px; padding-bottom: 10px; }
#mainContent ul { margin: 0px; padding-bottom: 20px; padding-left: 15px; }
.mainContent img { padding-left: 15px; padding-top: 10px; padding-bottom: 10px; }
#mainContent hr { margin-bottom: 15px; }
#sidebar2 { float: right; /* since this element is floated, a width must be given */ width: 160px; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 0px 10px 15px 20px; /* padding keeps the content of the div away from the edges */ margin: 0; }
#sidebar2 a img { border-style: none; }
.signupframe { border: 1px solid #6BB9CF; background: #C8F4FF; color: #2E3092; font-family: Arial, Helvetica, sans-serif; width: 155px; }
.signwidth { font-family: Arial, Helvetica, sans-serif; width: 140px; }
.offerbox { background-color: #FFF; border: 2px solid #CCC; padding: 12px 10px 12px 10px; margin-bottom: 10px; text-align: center; width: 130px; }
.offerbox h3 { font-size: 12px; margin: 0px; padding-bottom: 5px; color: #2E3192; font-weight: normal; }
.offerbox h3 a:link, .offerbox h3 a:visited { color: #2E3192; }
.offerbox h3 a:hover, .offerbox h3 a:active { color: #0066CC; }
.offerbox h2 { font-size: 11px; margin: 0px; color: #870207; }
.offerbox hr { color: #C8F4FF; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; margin-left: 15px; }
.offerbox p { margin: 0px; padding: 0px; font-size: 11px; }
.red { color: #870006; font-weight: bold; }
.subhead { font-size: 16px; margin: 0px; padding: 0px; }
#footer { padding: 0 10px 0 20px; background-color: #989898; }
#footer a { color: #990000; }
#footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ color: #FFFFFF; font-size: 11px; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.fltrt-padding { float: right; margin-left: 8px; display: block; }
.offerbuttonbox { background: #CCFFB3; padding: 8px 5px 2px 10px; border: 3px solid #CCC; text-decoration: none; color: #333; width: 268px; font-weight: normal; margin-bottom: 15px; }
.offerbuttonbox a { color: #060; text-decoration: none; }
.offerbuttonboxtext { width: 190px; float: left; }
.offerbuttonbox h3 { font-size: 13px; }
.offerbuttonbox img { border-style: none; float: left; margin-right: 10px; margin-bottom: 0px; padding-bottom: 0px; }
.offerbuttonboxfloat { background: #CCFFB3; padding: 8px 5px 2px 10px; border: 3px solid #CCC; text-decoration: none; color: #333; width: 268px; font-weight: normal; margin-bottom: 15px; margin-right: 15px; float: left; }
.offerbuttonboxfloat a { color: #060; text-decoration: none; }
.offerbuttonboxfloat h3 { font-size: 13px; }
.offerbuttonboxfloat img { border-style: none; float: left; margin-right: 10px; margin-bottom: 0px; padding-bottom: 0px; }
.signupframe { color: #226699; font-family: Arial, Helvetica, sans-serif; border: 2px solid #86C5D7; background: #C8F4FF; width: 130px; padding: 10px; margin-bottom: 20px; }
.signupframe h3 { margin-bottom: 5px; }
.signupframe p { padding: 0px; margin: 0px 0px 5px 0px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearitzero { margin: 0px; padding: 0px; clear: both; font-size: 1px; line-height: 1px; }
.clearfloatleft { clear: left; }
.clearfloatright { clear: right; }
