/* Basic elements */
body { color: #000000; background-color: #ffffff; margin: 0px; padding: 0px }

/* Make everything sans-serif */
html, body, table, tr, td, p, a, span, div { font-family: Helvetica, Arial, sans-serif }

/* Span elements */
.header { color: #990000; font-weight: bold; font-size: 14px; line-height: 16px }
.subhead { font-style: italic; font-size: 14px; line-height: 16px }
.subbody { color: #990000; font-weight: bold; font-size: 12px; line-height: 14px }
.body { font-size: 12px; line-height: 14px }
.side, .footer, .spacer { font-size: 10px; line-height: 12px }
.uppernav { color: #ffffff; font-weight: bold; font-size: 12px; line-height: 14px }
.copyright, .weather, .breadcrumb { color: #666666; font-size: 10px; line-height: 12px }
.positive { color: #009000; font-size: 10px; line-height: 12px }
.negative { color: #ff0000; font-size: 10px; line-height: 12px }

/* Link elements */
.body a:link { color: #ff0000; text-decoration: none; border-bottom: 1px dotted #ff0000 }
.body a:visited { color: #0000ff; text-decoration: none; border-bottom: 1px dotted #0000ff }
.body a:hover { color: #006600; text-decoration: none; border-bottom: none }
.body a:active { color: #000000; text-decoration: none; border-bottom: none }
.side a:link { color: #ff0000; text-decoration: none; border-bottom: 1px dotted #ff0000 }
.side a:visited { color: #0000ff; text-decoration: none; border-bottom: 1px dotted #0000ff }
.side a:hover { color: #006600; text-decoration: none; border-bottom: none }
.side a:active { color: #000000; text-decoration: none; border-bottom: none }
.breadcrumb a:link { color: #666666; text-decoration: none; border-bottom: 1px dotted #666666 }
.breadcrumb a:visited { color: #666666; text-decoration: none; border-bottom: 1px dotted #666666 }
.breadcrumb a:hover { color: #000000; text-decoration: none; border-bottom: none }
.breadcrumb a:active { color: #999999; text-decoration: none; border-bottom: none }
.copyright a:link { color: #666666; text-decoration: none; border-bottom: 1px dotted #666666 }
.copyright a:visited { color: #666666; text-decoration: none; border-bottom: 1px dotted #666666 }
.copyright a:hover { color: #000000; text-decoration: none; border-bottom: none }
.copyright a:active { color: #000000; text-decoration: none; border-bottom: none }
.footer a:link { color: #ff0000; text-decoration: none; border-bottom: 1px dotted #ff0000 }
.footer a:visited { color: #0000ff; text-decoration: none; border-bottom: 1px dotted #0000ff }
.footer a:hover { color: #006600; text-decoration: none; border-bottom: none }
.footer a:active { color: #000000; text-decoration: none; border-bottom: none }
.uppernav a:link { color: #ffffff; text-decoration: none }
.uppernav a:visited { color: #ffffff; text-decoration: none }
.uppernav a:hover { color: #330000; text-decoration: none }
.uppernav a:active { color: #000000; text-decoration: none }


/* Sitewide styles for surfacesolutionsna.com */ 
/* No HTML coding here */