Tags to Insert and Proper Location

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title >[insert the title of the email]</title>
<link href=" http://www.nsanorthwest.org/css/emailstylesheet.css" rel=& quot;stylesheet" type="text/css" media="all" />
</head>

Standard Styles Repurposed for NSA Northwest Use

h1

color: #790000;
font-weight: bold;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular H1 tag to get all of these characteristics

h2

color: #790000;
font-weight: bold;
font-size: 18px; font-family:
Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular H2 tag to get all of these characteristics

h3

color: #790000;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular H3 tag to get all of these characteristics

p

color: black; f
ont-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular <p> tag to get all of these characteristics

td

color: black;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular <td> tag to get all of these characteristics
    ul
color: black;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular <ul> tag to get all of these characteristics.
  • li
color: black;
font-weight: normal; f
ont-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
Use the regular <li> tag to get all of these characteristics.
span color: black;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
Use this tag to get sort of "reset" the font to a normal paragraph style.



Styles (Classes) Created Especially for NSA Northwest

To use the following classes, apply a paragraph tag with a class designation. You must be viewing the HTML to insert this code.

<p class="[class name]">text text text </p>

This paragraph is formatted with the "orangebold" class.

Or use the SPAN tag as follows:

<p>Text text text text text text text text <span class=" classname">text</span> text text text text text.<p>

With the class applied the text looks like:

Text text text text text text text text text text text text text text.

Class Name

Actual style information

Comments

banner margin-left: 0.1in;
margin-top: 0.1in;
This style is applied to the <IMG> image tag of the top banner to properly align it on the page
byline color: black;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
text-decoration: none;
Left-justified italic style.

Apply this class to an entire paragraph or with the SPAN tag to change just a few words.

emph

color: #790000;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
text-decoration: none;
margin-left: .3in;
Left-justified italic style with the NSA Dark Red color applied.

Apply this to an entire paragraph or with the span tag to change just a few words.

emph-left color: #790000;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
text-decoration: none;
Tag is has the same characteristics as the <emph> tag, but left justified.

Apply this to an entire paragraph or with the span tag to change just a few words.

comment

color: black;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
margin-left: .3in;
A slightly indented version of the <p> tag
orange-normal color: #E78800;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
Same as <p> tag but with NSA Orange applied
orangebold color: #E78800;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
Same as <p> tag but with NSA Orange and BOLD applied
header color: #790000;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
Same as <p> tag but with NSA Dark Red and BOLD applied
normal color: #3D3D3D;
font-weight: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
Sa,e as <p> tag but with a grey color applied