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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/*END CSS RESET */
/* ################ SITE COLOR DATA #######################
msi blue: #004B8D
msi yellow: #FFD200
grey type: #A9A9A9;
charcoal #525252;
yellow: #EEA81B;
blue hover: #007EC4;
*/
html,body {position: relative; background-color: #fff; font-family: Verdana, Verdana, Geneva, sans-serif; height: 100%; font-size: 14px;}
h1 {font-size: 36px; font-weight: normal; margin-bottom: 5px;}
h2 {font-size: 30px; font-weight: normal; margin-bottom: 5px;}
h3 {font-size: 20px; font-weight: normal; margin-bottom: 7px; color: #007EC4;}
h4 {font-size: 20px; font-weight: normal; margin-bottom: 7px;}
h5 {font-size: 16px; font-weight: normal; margin: 20px 0 8px 0; }
.bold_text {font-weight: bold;}
.normal_text {font-weight: normal;}
.underline {text-decoration:underline;}
P {margin-bottom: 12px; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; color: #666666;}
.red {color: red;}
.white {color: #fff;}
li {margin-bottom: 8px;}
.italic {font-style: italic;}
hr {color:#525252;}
.float_right {float: right; padding-left: 10px;}
.float_left {float: left; padding-right: 10px;}
.float_middle {float:none; padding-right: 10px;}
.clear {clear: both;}
a:link {color: #CD9B1D; text-decoration: none;}
a:visited {color: #CD9B1D; text-decoration: none;}
a:hover {color:#007EC4; text-decoration: none; }
a:active {color: #CD9B1D;}
h4 a:link {color: #666666; text-decoration: none;}
h4 a:visited {color: #666666; text-decoration: none;}
h4 a:hover {color:#007EC4; text-decoration: none; }
h4 a:active {color: #666666;}
h5 a:link {color: #007EC4; text-decoration: none;}
h5 a:visited {color: #007EC4; text-decoration: none;}
h5 a:hover {color:#000; text-decoration: none; }
h5 a:active {color: #007EC4;}
.textmiddle {vertical-align:middle;}
#rewards_brochure {position: absolute; top: 255px; left: 278px; width:180px; padding: 0px; margin-bottom:0px;}
#rewards_collateral {position: absolute; top: 300px; left: 278px; width:180px; padding: 0px; margin-bottom:0px;}
#eblast_template {position: absolute; top: 570px; left: 278px; width:180px; padding: 0px; margin-bottom:0px;}
#benefits {position: absolute; top: 570px; left:0px; width:180px; padding: 0px; margin-bottom:0px;}
#walking {position: absolute; top: 783px; left: 278px; width:180px; padding: 0px; margin-bottom:0px;}
#comment_card {position: absolute; top: 550px; left:0px; width:180px; padding: 0px; margin-bottom:0px;}
#tent {position: absolute; top: 783px; left: -35px; width:180px; padding: 0px; margin-bottom:0px;}
#tent_text {position: absolute; top: 973px; left: 10px; width:180px; padding: 0px; margin-bottom:0px;}
#stand {position: absolute; top: 1000px; left: 278px; width:180px; padding: 0px; margin-bottom:0px;}
#awards {position: relative; top: 0px; left: 0px; width: 500px; height: 135px;}
.award_pic {position: absolute; top: 0px; left: 338px; width: 162px; height: 126px;}
.award_text {position: relative; top: 10px; left: 0px; width: 320px;}
p.award {clear: both; height: 145px;}
/*##### HOMEPAGE STUFF #####*/
#splash {margin: 0 auto; width: 950px; height: 720px;}
#skip_intro {position: absolute; bottom: 50px; right: 10px;}
body.home {background-image: url(../gfx/home_banner_background.gif); background-repeat: repeat-x;}
#container_home {position: relative; top: 0px;width: 950px; margin: 0 auto; padding:0 0 50px 0;}
#header_home {position: relative; width: 950px; height: 370px;}
#id_reach_connect_home {position: absolute; top: 50px; left: 20px; width: 92px; height: 61px;}
#logo_home {position: relative; top: 20px; left: 650px; width: 233px; height: 122px; padding: 15px 0;}
#home_wave_banner {position: absolute; top: 220px; left: 0;width: 950px; height: 150px;}
#home_nav {position: absolute; top: 180px; left: 20px; height: 40px; width: 750px; }
#home_nav li {display: inline; padding-right: 25px; font-size: 18px;}
#home_nav li a:link {color: #666666; text-decoration: none;}
#home_nav li a:visited {color: #666666; text-decoration: none;}
#home_nav li a:hover {color:#007EC4; text-decoration: none; }
#home_nav li a:active {color: #666666;}
a#login {position: absolute; top: 180px; right:55px; font: normal 18px Verdana, Arial, Helvetica, sans-serif;}
/*a:link#login {color: #004B8D; text-decoration: none;}
a:visited#login {color: #004B8D; text-decoration: none;}
a:hover#login {color:#666666; text-decoration: none; }
a:active#login {color: #004B8D;}*/
#content_home {position: relative; width: 950px; height: 300px; }
#content_h_left {position: relative; height: 260px; width: 340px; padding: 20px;}
#content_h_center {position: absolute; top: 20px; left: 400px; width: 235px; padding: 0 0 0 20px;background-image: url(../gfx/yellow_dots.gif); background-postion: top left; background-repeat: repeat-y;}
#content_h_right {position: absolute; top: 20px; left: 675px; height: width: 235px; padding: 0 0 0 20px;background-image: url(../gfx/yellow_dots.gif); background-postion: top left; background-repeat: repeat-y;}
/*##### END HOMEPAGE STUFF #####*/
body.non_home {background-image: url(../gfx/wave_horizon_banner.jpg); background-repeat: repeat-x; }
#container {position: relative; top: 0px; width: 950px; margin: 0 auto; padding:0 0 50px 0;}
#header {position: relative; width: 950px; height: 320px;}
#id_reach_connect {position: absolute; top: 20px; left: 0px; width: 92px; height: 61px;}
#logo {position: relative; top: 15px; left: 650px; width: 233px; height: 122px; padding: 0;}
#main_nav {position: absolute; top: 110px; left: 60px; height: 40px; width: 700px; }
#main_nav li {display: inline; padding-right: 40px; font-size: 16px;}
#main_nav li a:link {color: #666666; text-decoration: none;}
#main_nav li a:visited {color: #666666; text-decoration: none;}
#main_nav li a:hover {color:#007EC4; text-decoration: none; }
#main_nav li a:active {color: #666666;}
#main_nav li a.here {color: #007EC4; text-decoration: none; }
#subnav {position: absolute; top: 290px; left: 350px; height: 30px; width: 625px; }
#subnav li {display: inline; padding-right: 10px; font-size: 12px; color: #fff;}
#subnav li a:link {color: #fff; text-decoration: none;}
#subnav li a:visited {color: #fff; text-decoration: none;}
#subnav li a:hover {color:#FFD200; text-decoration: none; }
#subnav li a:active {color: #fff;}
#subnav li a.here2 {color: #FFD200; text-decoration: none; }
.banner_image {position: absolute; top: 142px; left: 62px; width: 251px; height: 376px; z-index: 3;}
#content {position: relative; left: 330px; top: 30px; width: 450px;}
#content_awards {position: relative; left: 330px; top: 30px; width: 500px;}
#content_highlight {background-image: url(../gfx/yellow_dots.gif); background-postion: top left; background-repeat: repeat-y; padding-left: 20px;}
#content_normal {padding-left: 20px; }
#content_normal p {font-size: 12px;}
#page_title {position: absolute; top: 240px; left: 350px; width: 300px; color: #fff;}
p.award {clear: both; height: 145px;}
.table td {padding-bottom: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
input, textarea, select, option {color: #666666;}
.right_td {text-align: right;}
.row {display: block;padding-bottom: 2px;}
input:focus, textarea:focus, option:focus, select:focus {background-color: #E5F0FB; color: #000; }
/* ########################### Form Style ############################################################### */
fieldset {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
label {
float:left; clear: both; display: block;
width:110px;
margin-right:0.5em;
margin-bottom: 10px;
padding: .3em 0;
text-align:right;
font-weight:normal;
font: 11px Tahoma, Verdana, sans-serif;
color: #666666;
}
input { font: 11px Tahoma, Geneva, sans-serif;}
legend {font: bold 12px Tahoma, Geneva, sans-serif; color: #008061; margin-bottom: 15px; }
input:focus, textarea:focus, option:focus {background-color: #ccc;}
option {font: 12px Tahoma, Verdana, sans-serif; line-height: 16px;}
.form_style {font: 12px Tahoma, Verdana, sans-serif; line-height: 16px;}
.form_style_bold {font: 12px Tahoma, Verdana, sans-serif; font-weight: bold; line-height: 16px;}
.form_line {margin: 0 0 5px 0; clear: both; padding: 0; }
/* ########################### Form Style ############################################################### */