/*Datahost stylesheet*/ body {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000;} #container {margin:0 auto;width:800px;} #topnav {width:799px;height:40px;background-color:#4E56C1;text-align:right;} #content {width:797px;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;} #footer {width:799px;background-color:#3971aa;} #topbanner {background-image:url(images/new_nwv_logo.gif); background-repeat:no-repeat;background-position:top left;width:799px; height:92px; color:#000000; font-family:arial,san-serif; font-size:14px; padding-top:3px; text-align:right;} .floatrightbox {float:right;background-color:#f0f5f9;border: 1px solid #999999;width:250px;padding:10px;margin:8px 8px 8px 30px;} /* Not used:*/ #design_gradient {background-image:url(images/design_grad_line.jpg);background-repeat:no-repeat;background-position:bottom left;width:248px;height:30px;color:#000000;font-family:arial,san-serif;font-size:17px;line-height:150%;padding-left:10px;} #training_gradient {background-image:url(images/training_grad_line.jpg);background-repeat:no-repeat;background-position:bottom left;width:248px;height:30px;color:#000000;font-family:arial,san-serif;font-size:17px;line-height:150%;padding-left:10px;} #consulting_gradient {background-image:url(images/consulting_grad_line.jpg);background-repeat:no-repeat;background-position:bottom left;width:248px;height:30px;color:#000000;font-family:arial,san-serif;font-size:17px;line-height:150%;padding-left:10px;} .testimonial { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal; text-decoration: none;line-height:1.7em;font-style:italic;} .testimonial A {color: #333333;text-decoration: underline;} .testimonial A:hover {color: #333333;text-decoration: underline;} /*Here are some very useful options you may want to add to your styles and the choices for each option: font-style: normal, italic, oblique font-weight: instead of just putting "bold", you can assign a value from 100 to 900 (in jumps of 100). 400 is the normal weight (useful when you want your headers to be not bold). Doesn't work on all fonts. font-variant: small-caps text-transform: uppercase, lowercase, capitalize (makes an initial cap), none text-indent: 10px (would indent the first line 10 px) line-height: 1.5em (this adds space between lines of text. You can specify in ems or percentages. I am going to add this to td style: if you don't want a style to use it, add a line-height of 1 em) list-style-type: disc, square, circle, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none. (I'm adding this to list style) list-style-position: inside, outside (with outside text won't wrap under bullet--woo hoo! I'm adding this to list style) list-style-image: if you want to use an image for a style just put the link to the image */ /*The non-span styles.*/ /* Note: All styles will use body info unless specified differently in a particular style*/ li {list-style: disc; list-style-position: inside;margin-top:4px;} td {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000;} p {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000;} th { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #172097} h1 { font-family: arial, helvetica, sans-serif;margin-bottom: 4px; font-size: 18px; font-weight: bold; line-height: 1.1em; color: #333333} h1.gradient {background-image:url(images/new_green_gradient.jpg);background-repeat:no-repeat;background-position:bottom left;height:30px;font-family: arial, helvetica, sans-serif;margin-bottom: 4px; font-size: 18px; font-weight: bold; line-height: 1.1em; color: #333333;padding-left:1px;} h2 { font-family: arial, helvetica, sans-serif;margin-bottom: 4px; margin-top: 0px; font-size: 17px; font-weight: bold; line-height: 1.1 em; color: #333333} h2 A { font-family: arial, helvetica, sans-serif;margin-bottom: 4px; margin-top: 0px; font-size: 17px; font-weight: bold; line-height: 1.1 em; color: #333333} h3 { font-family: arial, helvetica, sans-serif;margin-bottom: 10px; margin-top: 0px; font-size: 17px; line-height: 1.5 em; color: #333333} h4 { font-family: arial, helvetica, sans-serif; margin-bottom: 2px; font-size: 12px; font-weight: bold; line-height: 1.2 em; color: #cc0000} .graybackground {background-color:#dddddd; padding:15px;} .bluebackground {background-color:#f0f5f9; padding:15px;} .orange_dots {background-image:url(images/orange_dot.gif);background-repeat:repeat-x; background-position:top left; width:796px;height:10px;} .softgrayborder {border: 1px solid #c0c0c0; } input {margin-top: 0px; margin-bottom: 0px; margin-left: 0px;} form {margin-top: 0px; margin-bottom: 0px; } /*Span text styles*/ .small { font-size: 10px; color: #172097;} .small A {color: #333399; text-decoration: underline;} .small A:visited {color: #333399; text-decoration: underline;} .small A:hover {color: #4b7f82; text-decoration: underline;} .large { font-size: 13px; color: #172097;} .large A {text-decoration: underline;} .large A:hover {text-decoration: underline;} .highlight { font-size: 12px; font-weight:bold; color: #339900; text-decoration: none;} .highlight A {color: #333399;text-decoration: underline;} .highlight A:hover {color: #4b7f82;text-decoration: underline;} /*Links and linked lists*/ .navlink { font-family:Arial, Helvetica, san-serif;font-size: 15px; color: #ffffff;text-decoration: none;margin-right:20px;} .navlink A { font-size: 15px; color: #ffffff; text-decoration: none;} .navlink A:visited { font-size: 15px; color: #ffffff;text-decoration: none;} .navlink A:hover { font-size: 15px; color: #356a9f; text-decoration: none;} .navlinkon A { font-size: 15px; color: #356a9f; text-decoration: none;margin-right:10px;} .white18b { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; font-weight:bold; text-decoration: none;} .white18b A {color: #ffffff;text-decoration: underline;} .white18b A:hover {color: #ebe8c8;text-decoration: underline;} .white18 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff;text-decoration: none;} .white18 A {color: #ffffff;text-decoration: underline;} .white18 A:hover {color: #ebe8c8;text-decoration: underline;} .white16b { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; font-weight:bold; text-decoration: none;} .white16b A {color: #ffffff;text-decoration: underline;} .white16b A:hover {color: #ebe8c8;text-decoration: underline;} .white14bnone { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight:bold; text-decoration: none;} .white14bnone A {color: #ffffff;text-decoration: none;} .white14bnone A:hover {color: #333333;text-decoration: none;} .white14b { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight:bold; text-decoration: none;} .white14b A {color: #ffffff;text-decoration: underline;} .white14b A:hover {color: #ebe8c8;text-decoration: underline;} .white14 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: none;} .white14 A {color: #ffffff;text-decoration: underline;} .white14 A:hover {color: #ebe8c8;text-decoration: underline;} .white12bnone { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; text-decoration: none;} .white12bnone A {color: #ffffff;text-decoration: none;} .white12bnone A:hover {color: #ebe8c8;text-decoration: none;} .white12b { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; text-decoration: none;} .white12b A {color: #ffffff;text-decoration: underline;} .white12b A:hover {color: #ebe8c8;text-decoration: underline;} .white12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:normal; text-decoration: none;} .white12 A {color: #ffffff;text-decoration: underline;} .white12 A:hover {color: #ebe8c8;text-decoration: underline;} .white10b { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight:bold; text-decoration: none;} .white10b A {color: #ffffff;text-decoration: underline;} .white10b A:hover {color: #ebe8c8;text-decoration: underline;} .white10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight:normal; text-decoration: none;} .white10 A {color: #ffffff;text-decoration: underline;} .white10 A:hover {color: #ebe8c8;text-decoration: underline;} .black18b { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight:bold; text-decoration: none;} .black18b A {color: #000000;text-decoration: underline;} .black18b A:hover {color: #999999;text-decoration: underline;} .black18 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-decoration: none;} .black18 A {color: #000000;text-decoration: underline;} .black18 A:hover {color: #999999;text-decoration: underline;} .black16b { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight:bold; text-decoration: none;} .black16b A {color: #000000;text-decoration: underline;} .black16b A:hover {color: #999999;text-decoration: underline;} .black16 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none;} .black16 A {color: #000000;text-decoration: underline;} .black16 A:hover {color: #999999;text-decoration: underline;} .black14b { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight:bold; text-decoration: none;} .black14b A {color: #000000;text-decoration: underline;} .black14b A:hover {color: #999999;text-decoration: underline;} .black12b { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold; text-decoration: none;} .black12b A {color: #000000;text-decoration: underline;} .black12b A:hover {color: #999999;text-decoration: underline;} .black12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:normal; text-decoration: none;} .black12 A {color: #000000;text-decoration: underline;} .black12 A:hover {color: #999999;text-decoration: underline;} .black12none { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:normal; text-decoration: none;} .black12none A {color: #000000;text-decoration: none;} .black12none A:hover {color: #999999;text-decoration: underline;} .black10b { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:bold; text-decoration: none;} .black10b A {color: #000000;text-decoration: underline;} .black10b A:hover {color: #999999;text-decoration: underline;} .black10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:normal; text-decoration: none;} .black10 A {color: #000000;text-decoration: underline;} .darkblue18b { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #172097; font-weight:bold; text-decoration: none;} .darkblue18b A {color: #172097;text-decoration: underline;} .darkblue18b A:hover {color: #000000;text-decoration: underline;} .darkblue16b { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #172097; font-weight:bold; text-decoration: none;} .darkblue16b A {color: #172097;text-decoration: underline;} .darkblue16b A:hover {color: #000000;text-decoration: underline;} .darkblue14b { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #172097; font-weight:bold; text-decoration: none;} .darkblue14b A {color: #172097;text-decoration: underline;} .darkblue14b A:hover {color: #000000;text-decoration: underline;} .darkblue12bnone { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #172097; font-weight:bold; text-decoration: none;} .darkblue12bnone A {color: #172097;text-decoration: none;} .darkblue12bnone A:hover {color: #000000;text-decoration: none;} .darkblue12b { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #172097; font-weight:bold; text-decoration: none;} .darkblue12b A {color: #172097;text-decoration: underline;} .darkblue12b A:hover {color: #000000;text-decoration: underline;} .darkblue12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #172097; font-weight:normal; text-decoration: none;} .darkblue12 A {color: #172097;text-decoration: underline;} .darkblue12 A:hover {color: #000000;text-decoration: underline;} .darkblue11 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #172097; font-weight:normal; text-decoration: none;} .darkblue11 A {color: #172097;text-decoration: underline;} .darkblue11 A:hover {color: #000000;text-decoration: underline;} .darkblue10b { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #172097; font-weight:bold; text-decoration: none;} .darkblue10b A {color: #172097;text-decoration: underline;} .darkblue10b A:hover {color: #000000;text-decoration: underline;} .darkblue10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #172097; font-weight:normal; text-decoration: none;} .darkblue10 A {color: #172097;text-decoration: underline;} .lightblue18b { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #afc8e1; font-weight:bold; text-decoration: none;} .lightblue18b A {color: #afc8e1;text-decoration: underline;} .lightblue18b A:hover {color: #8b8fcb;text-decoration: underline;} .lightblue16b { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #afc8e1; font-weight:bold; text-decoration: none;} .lightblue16b A {color: #afc8e1;text-decoration: underline;} .lightblue16b A:hover {color: #8b8fcb;text-decoration: underline;} .lightblue14b { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #afc8e1; font-weight:bold; text-decoration: none;} .lightblue14b A {color: #afc8e1;text-decoration: underline;} .lightblue14b A:hover {color: #8b8fcb;text-decoration: underline;} .lightblue12b { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #afc8e1; font-weight:bold; text-decoration: none;} .lightblue12b A {color: #afc8e1;text-decoration: underline;} .lightblue12b A:hover {color: #8b8fcb;text-decoration: underline;} .lightblue12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #afc8e1; font-weight:normal; text-decoration: none;} .lightblue12 A {color: #afc8e1;text-decoration: underline;} .lightblue12 A:hover {color: #8b8fcb;text-decoration: underline;} .lightblue10b { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #afc8e1; font-weight:bold; text-decoration: none;} .lightblue10b A {color: #afc8e1;text-decoration: underline;} .lightblue10b A:hover {color: #8b8fcb;text-decoration: underline;} .lightblue10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #afc8e1; font-weight:normal; text-decoration: none;} .lightblue10 A {color: #afc8e1;text-decoration: underline;} .lightblue10 A:hover {color: #8b8fcb;text-decoration: underline;} .mediumblue18b { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #4c56c5; font-weight:bold; text-decoration: none;} .mediumblue18b A {color: #4c56c5;text-decoration: underline;} .mediumblue18b A:hover {color: #172097;text-decoration: underline;} .mediumblue16b { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #4c56c5; font-weight:bold; text-decoration: none;} .mediumblue16b A {color: #4c56c5;text-decoration: underline;} .mediumblue16b A:hover {color: #172097;text-decoration: underline;} .mediumblue14b { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #4c56c5; font-weight:bold; text-decoration: none;} .mediumblue14b A {color: #4c56c5;text-decoration: underline;} .mediumblue14b A:hover {color: #172097;text-decoration: underline;} .mediumblue12b { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c56c5; font-weight:bold; text-decoration: none;} .mediumblue12b A {color: #4c56c5;text-decoration: underline;} .mediumblue12b A:hover {color: #172097;text-decoration: underline;} .mediumblue12bnone { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c56c5; font-weight:bold; text-decoration: none;} .mediumblue12bnone A {color: #4c56c5;text-decoration: none;} .mediumblue12bnone A:hover {color: #172097;text-decoration: underline;} .mediumblue12bi { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c56c5; font-weight:bold; text-decoration: none;font-style:italic;} .mediumblue12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c56c5; font-weight:normal; text-decoration: none;} .mediumblue12 A {color: #4c56c5;text-decoration: underline;} .mediumblue12 A:hover {color: #172097;text-decoration: underline;} .mediumblue12none { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c56c5; font-weight:normal; text-decoration: none;} .mediumblue12none A {color: #4c56c5;text-decoration: none;} .mediumblue12none A:hover {color: #4c56c5;text-decoration: underline;} .mediumblue10b { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #4c56c5; font-weight:bold; text-decoration: none;} .mediumblue10b A {color: #4c56c5;text-decoration: underline;} .mediumblue10b A:hover {color: #172097;text-decoration: underline;} .mediumblue10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #4c56c5; font-weight:normal; text-decoration: none;} .mediumblue10 A {color: #4c56c5;text-decoration: underline;} .mediumblue10 A:hover {color: #172097;text-decoration: underline;} .gray18b { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; font-weight:bold; text-decoration: none;} .gray18b A {color: #333333;text-decoration: underline;} .gray18b A:hover {color: #000000;text-decoration: underline;} .gray16b { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; font-weight:bold; text-decoration: none;} .gray16b A {color: #333333;text-decoration: underline;} .gray16b A:hover {color: #000000;text-decoration: underline;} .gray14b { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight:bold; text-decoration: none;} .gray14b A {color: #333333;text-decoration: underline;} .gray14b A:hover {color: #000000;text-decoration: underline;} .gray12b { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:bold; text-decoration: none;line-height:1.3em;} .gray12b A {color: #333333;text-decoration: underline;} .gray12b A:hover {color: #000000;text-decoration: underline;} .gray12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal; text-decoration: none;line-height:1.3em;} .gray12 A {color: #333333;text-decoration: underline;} .gray12 A:hover {color: #000000;text-decoration: underline;} .gray12bnone { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal; text-decoration: none;font-weight:bold;} .gray12bnone A {color: #333333;text-decoration: none} .gray12bnone A:hover {color: #000000;text-decoration: underline;} .gray12none { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal; text-decoration: none;} .gray12none A {color: #333333;text-decoration: none} .gray12none A:hover {color: #000000;text-decoration: underline;} .gray11 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight:normal; text-decoration: none;} .gray11 A {color: #333333;text-decoration: underline;} .gray11 A:hover {color: #000000;text-decoration: underline;} .gray11b { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight:bold; text-decoration: none;} .gray11b A {color: #333333;text-decoration: underline;} .gray11b A:hover {color: #000000;text-decoration: underline;} .gray11none { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight:normal; text-decoration: none;} .gray11none A {color: #333333;text-decoration: none;} .gray11none A:hover {color: #000000;text-decoration: underline;} .gray10b { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight:bold; text-decoration: none;} .gray10b A {color: #333333;text-decoration: underline;} .gray10b A:hover {color: #000000;text-decoration: underline;} .gray10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight:normal; text-decoration: none;} .gray10 A {color: #333333;text-decoration: underline;} .gray10 A:hover {color: #000000;text-decoration: underline;} .footerlinks {color: #ffffff; font-size: 10px;text-decoration: none;} .footerlinks A {text-decoration: none;} .footerlinks A:visited {text-decoration: none;} .footerlinks A:hover {text-decoration: none;} .insertlist1 { font-size: 11px; color: #4b7f82; text-decoration: none;} .insertlist1 A {color: #4b7f82;text-decoration: underline;} .insertlist1 A:hover {color: #172097;text-decoration: underline;} /*Category and product names*/ .catname1 {font-size: 14px; color: #4b7f82; font-weight: bold; text-decoration: none; } .catname1 A {text-decoration: underline;} .catname1 A:hover {text-decoration: underline;} .productname1 {font-size: 18px; color: #4b7f82; font-weight: bold; text-decoration: none; } .productname1 A {text-decoration: underline;} .productname1 A:hover {text-decoration: underline;} .productname2 {font-size: 13px; color: #4b7f82; text-decoration: none; font-weight:bold;} .productname2 A {text-decoration: underline;} .productname2 A:hover {text-decoration: underline;} .productname3 {font-size: 12px; color: #172097; text-decoration: none;} .productname3 A {text-decoration: underline;} .productname3 A:hover {text-decoration: underline;} /*Footer name and text*/ .footertext {color: #ffffff; font-family: Arial, Geneva, sans-serif; font-size: 11px;} .footertext A {color: #ffffff;text-decoration: underline;} .footertext A:visited {text-decoration: none;} .footertext A:hover {text-decoration: underline;} /*Other*/ .label { font-size: 11px; line-height: 1.2em; font-weight: bold; color: #172097;} .attribute { font-size: 11px; line-height: 1.2em; color: #172097;} .errormessage {font-size: 14px; color: #4b7f82; font-weight:normal; text-decoration: none;} .errormessageA {text-decoration: underline;} .errormessage A:hover {text-decoration: underline;} .fancybutton {background-color: #ffffff; color: #000000;font-style: normal; font-variant: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .fancybutton2 {background-color: #172097; color: rgb(255,255,255);font-style: normal; font-variant: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#FFFFFF;} .fancybutton3 {background-color: #afc8e1; color: rgb(255,255,255);font-style: normal; font-variant: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#FFFFFF;}