a    { color: #006699; text-decoration: none; }
a:link    { color: #006699; text-decoration: none; }
a:visited { color: #3399cc; text-decoration: none; }
a:active  { color: #006699; text-decoration: none; }
a:hover   { color: #cc9933; text-decoration: underline; }

body,
td { font-family: verdana,arial,helvetica,sans-serif; font-size: 11pt }


form   { margin: 0 }
input  { font-family: courier,monospace }
select { font-family: verdana,arial,helvetica,sans-serif }
TEXTAREA { font-family: verdana,arial,helvetica;}

.small  { font-size: 10px }
.medium { font-size: 11px; line-height: 14px }
.big    { font-size: 24px }

.cartoon,
a.cartoon { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #006699; text-decoration: none; }
.cartoonarrows { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; color: #006699; text-decoration: none; }
a.cartoonbody { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #006699; text-decoration: none; }
.cartoonbody { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
a.cartoonheader { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #006699; text-decoration: none; }
.cartoonheader { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.cartoonrightheader { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #990000; text-decoration: none; }

a.profilesubnav:link,
a.profilesubnav:active,
a.profilesubnav:visited { color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; }
a.profilesubnav:hover { text-decoration: underline }

.title {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 16px;
  color: #000099;
  font-weight: bold;
}

.largefont   { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px }
.defaultfont { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px }
.smallfont   { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px }
.minimumfont { font-family: verdana,arial,helvetica,sans-serif; font-size: 9px }

a.defaultlink:link    { color: #0066cc; font-size: 11px; text-decoration: none }
a.defaultlink:visited { color: #663399; font-size: 11px; text-decoration: none }
a.defaultlink:active  { color: #0066cc; font-size: 11px; text-decoration: none }
a.defaultlink:hover   { color: #0066cc; font-size: 11px; text-decoration: underline }

.defaultboldlink { color: #0066cc; font-size: 11px; font-weight: bold }
a.defaultboldlink:link    { color: #0066cc; font-size: 11px; text-decoration: none; font-weight: bold }
a.defaultboldlink:visited { color: #663399; font-size: 11px; text-decoration: none; font-weight: bold }
a.defaultboldlink:active  { color: #0066cc; font-size: 11px; text-decoration: none; font-weight: bold }
a.defaultboldlink:hover   { color: #0066cc; font-size: 11px; text-decoration: underline; font-weight: bold }

a.defaultundlink:link    { color: #0066cc; font-size: 11px; text-decoration: none; }
a.defaultundlink:visited { color: #663399; font-size: 11px; text-decoration: none; }
a.defaultundlink:active  { color: #0066cc; font-size: 11px; text-decoration: none; }
a.defaultundlink:hover   { color: #0066cc; font-size: 11px; text-decoration: underline; }

a.defaultblackboldlink:link,
a.defaultblackboldlink:visited,
a.defaultblackboldlink:active { color: #000000; font-size: 11px; text-decoration: none; font-weight: bold }
a.defaultblackboldlink:hover { color: #000000; font-size: 11px; text-decoration: underline; font-weight: bold }

a.smalllink:link    { color: #0066cc; font-size: 10px; text-decoration: none }
a.smalllink:visited { color: #663399; font-size: 10px; text-decoration: none }
a.smalllink:active  { color: #0066cc; font-size: 10px; text-decoration: none }
a.smalllink:hover   { color: #0066cc; font-size: 10px; text-decoration: underline }

a.toolkitlink:link { color: #eaeaf1; font-size:10px; text-decoration: none; }
a.toolkitlink:visited { color: #eaeaf1; font-size:10px; text-decoration: none; }
a.toolkitlink:active { color: #ffffff; font-size: 10px; text-decoration: none; }
a.toolkitlink:hover { color: #ffffff; font-size: 10px; text-decoration: underline }

a.smallboldlink:link    { color: #0066cc; font-size: 10px; text-decoration: none; font-weight: bold }
a.smallboldlink:visited { color: #663399; font-size: 10px; text-decoration: none; font-weight: bold }
a.smallboldlink:active  { color: #0066cc; font-size: 10px; text-decoration: none; font-weight: bold }
a.smallboldlink:hover   { color: #0066cc; font-size: 10px; text-decoration: underline; font-weight: bold }

a.smallundlink:link    { color: #0066cc; font-size: 10px; text-decoration: none }
a.smallundlink:visited { color: #663399; font-size: 10px; text-decoration: none }
a.smallundlink:active  { color: #0066cc; font-size: 10px; text-decoration: none }
a.smallundlink:hover   { color: #0066cc; font-size: 10px; text-decoration: underline }

a.minimumlink:link    { color: #0066cc; font-size: 9px; text-decoration: none }
a.minimumlink:visited { color: #663399; font-size: 9px; text-decoration: none }
a.minimumlink:active  { color: #0066cc; font-size: 9px; text-decoration: none }
a.minimumlink:hover   { color: #0066cc; font-size: 9px; text-decoration: underline }

a.minimumboldlink:link    { color: #0066cc; font-size: 9px; text-decoration: underline; font-weight: bold }
a.minimumboldlink:visited { color: #663399; font-size: 9px; text-decoration: underline; font-weight: bold }
a.minimumboldlink:active  { color: #0066cc; font-size: 9px; text-decoration: none; font-weight: bold }
a.minimumboldlink:hover   { color: #0066cc; font-size: 9px; text-decoration: underline; font-weight: bold }

a.minimumundlink:link    { color: #0066cc; font-size: 9px; text-decoration: none }
a.minimumundlink:visited { color: #663399; font-size: 9px; text-decoration: none }
a.minimumundlink:active  { color: #0066cc; font-size: 9px; text-decoration: none }
a.minimumundlink:hover   { color: #0066cc; font-size: 9px; text-decoration: underline }

.navoff a { text-decoration: none; font-size: 10px; line-height: 14px }
.navoff a:link,
.navoff a:visited,
.navoff a:active,
.navoff a:hover { color: #ffffff }

.navon a { text-decoration: none; font-size: 10px; line-height: 14px }
.navon a:link,
.navon a:visited,
.navon a:active,
.navon a:hover { color: #f4f4a1 }

.heading { font-size: 18px; line-height: 22px }
.heading a { text-decoration: none }
.heading a:link,
.heading a:visited,
.heading a:active { color: #000000 }
.heading a:hover  { color: #000000; text-decoration: underline }

.emailme a { text-decoration: none; color: #000000; font-size: 10px }
.emailme a:link,
.emailme a:visited,
.emailme a:active,
.emailme a:hover { color: #000000 }

div.indent12 { margin-left: 12px }
div.magsubnav { margin-left: 12px; line-height: 12pt }

.header_gray { color: #999999; font-size: 14px; font-weight: bold; line-height: 18px }
.purple { color: #693366; }

.mag_action { font-size: 11px; line-height: 14px }
.mag_action a:link    { color: #330033; text-decoration: none; }
.mag_action a:visited { color: #996699; text-decoration: none; }
.mag_action a:active  { color: #ffff33; text-decoration: none; }
.mag_action a:hover   { color: #ffff33; text-decoration: underline; }

.mag_navon { text-decoration: none; font-size: 10px }
a.mag_navon:link    { color: #ffffff; text-decoration: none; }
a.mag_navon:visited { color: #e6dbbb; text-decoration: none; }
a.mag_navon:active  { color: #ffffff; text-decoration: none; }
a.mag_navon:hover   { color: #ccbbcc; text-decoration: underline; }

.mag_navoff { text-decoration: none; font-size: 10px }
a.mag_navoff:link,
a.mag_navoff:visited,
a.mag_navoff:active,
a.mag_navoff:hover { color: #ffff33; text-decoration: none; }

a.getready:link    { color: #000099; text-decoration: none; }
a.getready:visited { color: #3399cc; text-decoration: none; }
a.getready:active  { color: #000033; text-decoration: none; }
a.getready:hover   { color: #000099; text-decoration: underline; }

a.panel:link    { color: #dddddd; text-decoration: none; }
a.panel:visited { color: #dddddd; text-decoration: none; }
a.panel:active  { color: #dddddd; text-decoration: none; }
a.panel:hover   { color: #ffffff; text-decoration: underline; }

.panelmessage { color: #e3fb97; font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; line-height: 15px }
.panelfooter  { color: #dddddd; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; line-height: 12px }

/* WORK STYLES */
.v10n  { font-size: 10px }
.v10b  { font-size: 10px; font-weight: bold }
.v11b  { font-size: 11px; font-weight: bold }
.v12n  { font-size: 12px }
.v12b  { font-size: 12px; font-weight: bold }
.v13n  { font-size: 13px }
.v13b  { font-size: 13px; font-weight: bold }
.v14n  { font-size: 14px }
.v14b  { font-size: 14px; font-weight: bold }


/* STYLES FOR NEW BANNER & HEADER SECTIONS */
.banner {
  border:1px solid #000000;
  font-size:24px;
  color:#ffffff;
  font-weight:bold;
  width:748px;
  voice-family:"\"}\"";
  voice-family:inherit;
  width:750px;   	/* BOX MODEL HACK FOR IE */
}
html>body .banner {width:748px;}

.headerBar {
  font-weight:bold;
  padding:0 3px;
  background:#ffcf63;
  width:100%;
  margin:0;
}

.headerBarRight {float:right;}
.headerBarWork {background:#4c85c4;color:#ffffff;}
.headerBarSubtitle {background:#feee88}
.headerBarEmphasis {background:#003366;color:#ffffff;}

.gradhat {
  float:left;
  height:88px;
  width:98px;
  background:#ffffff url(/graphics/registration/gradhatblue.gif) no-repeat fixed center center;
}

.skuFormTable{
  width:100%;
  margin:0;
  padding:0;
}
.skuFormTD {
  border: 2px solid #999999;
  padding:15px;
  background-color:#ffffcc;
}

.skuFormTD .btnNextStep {
  width:100%;
  text-align:center;
  padding:15px;
}

.paymentBox{
  width:100%;
  border:2px solid #999999;
  margin:0;
  padding:0;
  font-size:13px;
}
.paymentBox tr{
  vertical-align:top;
}
.paymentBox th{
  font-weight:bold;
  margin:0;
  padding:2px 0 2px 2px;
  background:#ffcc66 url(/graphics/join/circle_1.gif) no-repeat 5px 2px;
}
.paymentBox td{
  margin:0;
  background:#ffffcc;
}
.paymentBox .label{
  font-weight:bold;
  text-align:right;
  padding:0 10px 0 2px;
}
.paymentBox .headerspace{
  line-height:15px;height:15px;
}
.fAddress {width:182px;}
.fStateZip {width:127px;}
.headExample{font-weight:normal;font-size:10px;}
.footNote{text-align:center;padding:30px 0 15px 0;}

.step1 th{background:#ffcc66 url(/graphics/join/circle_1.gif) no-repeat 5px 2px;}
.step2 th{background:#ffcc66 url(/graphics/join/circle_2.gif) no-repeat 5px 2px;}
.footNoteStep2 {padding:10px;font-size:10px;}
.rightColNote{padding:0 5px 0 20px;font-size:10px;width:130px;}
.paymentMethod{padding-left:10px;font-weight:bold;line-height:30px;}
.paymentMethod img{padding-right:10px;}

a.redlink:link,
a.redlink:visited,
a.redlink:active { color: #d43f3f; text-decoration: none; }
a.redlink:hover { color: #cc9933; text-decoration: underline }

/* CONTENT STYLES */
.bottom A:link    { color: #ffffff; text-decoration: none }
.bottom A:visited { color: #ffffff; text-decoration: none }
.bottom A:active  { color: #ffffff; text-decoration: none }
.bottom A:hover   { color: #cccccc; text-decoration: none }

.record A:link    { color: #006699; text-decoration: none }
.record A:visited { color: #006699; text-decoration: none }
.record A:active  { color: #006699; text-decoration: none }
.record A:hover   { color: #6699aa; text-decoration: none }

.topic A:link    { color: #333333; text-decoration: none }
.topic A:visited { color: #333333; text-decoration: none }
.topic A:active  { color: #333333; text-decoration: none }
.topic A:hover   { color: #999999; text-decoration: none }

.emailhighlight { filter: alpha(opacity=66); opacity:0.5; -moz-opacity:0.5; }
.thumbhighlight { border:2px solid #04078B;background-color:#CEE194;}

/* MSIE specific */

.stationeryscroll{
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
}

