body {background-color: #C6C1BB; margin:-11px 0; overflow: -moz-scrollbars-vertical; font-family:Helvetica;} /*grey background*/
img {border:0}
p {margin:0 0 1.5em; padding:0; font-size:12px;}
li {margin:0 0 1.5em; padding:0; font-size:12px;}
h1 {font-size:15px; font-weight:bold; text-transform:uppercase; margin:.3em 0;} 
h2 {font-size:13px;font-weight:bold; margin:.3em 0;}
h3 {font-size:12px;font-weight:bold; margin:.3em 0;}
a {color:#007AA2} /*dark turqoise*/
a:hover {text-decoration:underline}
#container { width: 960px; background: #fff; margin:0 auto; border:0px solid #ffffff; text-align:left}
#header-container { padding:10px 0 0; height:70px;} /*contains logo, search bar and Notify Me*/
#header-logo { float:left;  width:575px; height:43px; padding:12px 0 0 30px}
#header-logo a img { width:265px; height:43px; background:url('logo.gif') top left no-repeat}
#header-right { float:right; width:188px; height:50px; padding:12px 40px 0 0; margin-right:75px;}
#header-right  a img{ width:88px; height:23px; display:block; margin-bottom:0; background:url('icon_notifyme.gif') top left no-repeat} /*Notify Me link*/
#h-menu-container { width:960px; height:50px; background:url('top_bar_home.gif') top left no-repeat}
#h-menu-container-sub { width:960px; height:50px; background:url('top_bar.gif') top left no-repeat}
.h-menu-empty { width:35px; height:50px; float:left} /*space between nav menu items*/
.h-menu-link, #h-menu-sel { font-size:13px; letter-spacing:0.5px; font-weight:bold;float:left; padding-top:10px}
.h-menu-link a { text-decoration:none; color: #FFFFFF}
.h-menu-link a:hover {color:#51C3E4}
.h-menu-link a:active {color: #51C3E4}
#h-menu-sel a { text-decoration:none; color: #51C3E4}

/* left column */
#left-col-container { width:319px; height:670px; float:left; font-family:Helvetica; font-size:14px; padding:0 15px; margin:0;}
#lc-1 { height: 360px; padding:0 25px} /*left column on home page*/
#lc-2 { height: 50px; padding:0 5px 0 25px}
#lc-3 { padding:0 15px; height: 300px} /*used for video screen shot on home page*/
#lc-1 h1 { height: 60px; font-size:20px; padding:20px 0 0; font-weight:bold; line-height: 100%; text-transform:none; margin:.3em 0;}
#lc-h1 div { float:left}
#lc-image { float:left; width:54px; padding:15px; margin:10px;}
.lc-div { width: 250px; height: 1px; background:url('dots.gif') top left repeat-x; clear:both;} /*dotted dividing line*/
.lc-link  { padding:2px 20px 0}
.lc-link a:link, .lc-link a:active, .lc-link a:visited{color: #007AA2; text-decoration:none}
.lc-link a:hover {text-decoration:underline}
.lc-link img {padding-right:5px}
.lc-link-video { text-decoration:none; float:left; padding:9px 0 0}
.lc-link-video a { text-decoration:none}
.lc-link-video a img { padding:0 5px}
.lc-link-video a:link, .lc-link-video a:active, .lc-link-video a:visited{ color:#81072A; text-decoration:none; font-weight:bold}
/* left column sub pages */
#left-col-sub { width:602px; float:left; padding:0 25px 0 30px; font-family:Helvetica; font-size:14px; background:url('vertical_line.gif') top right repeat-y}
/* divider */
#vertical-div { width:3px; height:610px; float:left; background:url('vertical_line_home.gif') top left repeat-y}
#vertical-div-sub { width:7px; float:left; background:url('vertical_line.gif') top left repeat-y}

/* right column */
#right-col-container { width:607px; height:860px; float:left; font-family:Helvetica; font-size:14px}
.rc-elem { width:608px; height:215px}
.rc-elem a {text-decoration:none; color:#81072A}
.rc-elem a :link, .rc-elem a :active, .rc-elem a :visited {color:#81072A}
.rc-elem a:hover {text-decoration:underline; color:#81072A}
.rc-elem-text { width:400px; height: 180px; float:left; padding:20px 0 10px 30px}
.rc-img-area { float:left}
.rc-img-area img { padding:20px 10px}
.rc-div { float:left; background: url('dots.gif') top left repeat-x; width:608px; height:1px}
.rc-survey-link  { padding-left:10px; width:160px;  height:22px}
.rc-survey-link  div{ float:left}
.rc-survey-link  img{ padding:0px}
.rc-survey-arrow {padding:7px 7px 0}
#rc-survey-text {padding:2px 0 0; font-weight:bold; font-size:14px}
/* right column sub pages */
#right-col-container-sub { width:255px; float:left; font-family:Helvetica; padding:10px 0 0 25px; font-size:14px}
#right-col-container-sub a {text-decoration:none;}
#right-col-container-sub a:hover {text-decoration:underline;}
#right-col-container-sub p {padding:4px 15px; text-decoration:none;}
#rc-link { color: #51C3E4; text-decoration:none; background:url('2arrows_blue.gif') top left no-repeat; padding-left:15px}
.rc-links div{ border-bottom:1px dotted #111;padding:5px 0}
.rc-links div a {padding-left:15px;text-decoration:none;font-weight:normal; color:#007AA2}
.rc-links div a:hover {text-decoration:underline}
.rc-links div img { vertical-align:middle;padding:3px}
.rc-h1 {font-weight:bold; padding:0 0 2px 15px}
#rc-red-h {width:100%;height:30px;background: url('red_top_round.gif') top left no-repeat;color:#fff;font-size:13px;font-weight:bold;text-align:center;letter-spacing:1px}
#rc-red-h div { padding-top:7px}
.rc-grey-footer { width:100%;height:13px;background-color:#CDCFCE}
/* footer */
#footer { background: url('bottom_dashed_line.gif') top left repeat-x; width: 960px; font-size:11px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; height:66px}

/*#footer { background-color:#6C6C6C; width: 960px; font-size:11px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; height:16px} */
#footer-menu { width: 325px; float:left; padding:0 0 0 30px}
#footer-menu div { float:left; padding: 5px 5px}
#footer-menu a {color:#fff}
#footer-line { background-color: #fff; width:960px; height:6px; float:left;border:1px solid #111}
#copyright { float:right; padding:5px 30px 0 0}
/*  text styles */
.color-text { color:#81072A}/*red text*/
#text1 { font-size:20px; font-weight: bold; margin:0; padding:0;} /*used for Stat of the Day on home page*/
.text2 { font-size:14px; font-weight: bold} /*used for video heading on home page*/
.text3 { font-size:18px; color: #007AA2}
.text3 a { font-size:18px; color: #007AA2; text-decoration:none;}
.text3 a:hover { font-size:18px; color: #007AA2; text-decoration:underline;}
/* misc */
#clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px}	
.img-link { height:4em; color:#81072A; font-weight: bold}/*used in video link on home page*/
#img-link a:link, #img-link a:active, #img-link a:visited{ color:#81072A; text-decoration:none; font-weight:bold} /*used in video link on home page*/
#img-link img {vertical-align:middle; padding:4px} /*used in video link on home page*/
#img-text { height:2em; color:#111; font-weight: bold}
#img-text img {vertical-align:middle; padding:4px}
#social {width:100%;float:left; margin: 20px 0 10px 0;}
#social ul {display: inline; list-style-type:none; margin:0; padding:0;}
#social ul li {display: inline; margin: 0 20px 0 0;}
#social ul li a {text-decoration: none;}
#social-contact {padding:11px 0 10px 20px; background-color:#F5F7F6;}
#social-contact img {padding:3px;vertical-align:middle}
#social-contact div a:hover {text-decoration:underline}
#social-contact a:link, #social-contact a:visited, #social-contact a:active {text-decoration:none}

.hidden-div { padding-left:10px}
#hidden-div div { margin-left:10px}
.content-link { background: url('plus_h.gif') top left no-repeat; padding-left:15px;color:#111}

sup {text-decoration:none; font-size:.7em;}
#boilerplate {clear:both; background-color:#fff; color:#000; margin:0; padding:0;}
#boilerplate p {font-size:10px; padding: 0 10px 5px 8px; clear:both; background-color:#fff; color:#000;}
.disclaimer {font-size:10px; padding: 0 10px 5px;}

.leftSideForm {
width:200px;
height:200px;
float:left;
text-align:right;
v-align:top;
}

.rightSideForm {
width:150px;
height:200px;
float:right;
text-align:left;
v-align:top;
}

.graph_thumbs {
border:1px 
solid #999; 
margin:4px 0 2px 4px; 
padding:6px 0;
}

.my_graphs h2 {
font-size:1em;
font-weight:bold;
font-color:#007AA2;
margin:0;
}