body {
background-image:url(body.jpg);
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

/*This handles all the links*/
body a:link, a:active, a:visited {
text-decoration: none;
font-weight: bold;
color:#b5112c;
}

/*This defines the link when you put the cursor over it.  It will underline the link*/
body a:hover {
text-decoration: underline;
}

/*This defines all h3 text. No need to assign anything to it, just use regular tags*/
h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 38px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}

/*This defines all h2 text. No need to assign anything to it, just use regular tags*/
h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 34px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}

/*This defines all h3 text. No need to assign anything to it, just use regular tags*/
h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}

/*This defines all the h4 text.  No need to assign anything to it, just use regular tags*/
h4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}

/*No need to use anything special here, just use the regular <img ...> tag.*/
img {
max-width: auto;
height: auto;
padding-top: 10px;
padding-bottom: 5px;
}

/*This will align an image in a paragraph, list, etc. Use <img class="align"> */
img.align {
vertical-align:middle;
}

/*horizontal rule.  No need to declare anything just use <hr />*/
hr {
width: 100%;
color: #000; /*for IE */
background-color: #000; /*for Firefox and Opera*/
height: 1px;
}

/*main content box.  Use <div id="content">.  This has been updated to allow a wider area for the text.*/
#content {
margin: 0 15px 0 15px;
}

/*Title of the document.  Use <div class="title">*/
div.title {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 38px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
color: #b5112c;
margin: 0 15px 0 15px;
}

/*Description of the document.  Use <div class="desc">*/
div.desc {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 20px;
font-style: oblique;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin: 0 15px 0 15px;
 }

 
/*Links section.  Use <div class="links">*/
div.links {
margin: 0 95px 0 95px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 18px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin: 0 15px 0 15px;
}


/*Footer.  Use <div id="footer">*/
#footer {
text-align: center;
}


#footer li{
display: inline;
list-style-type: none;
}

/*   Used for Audit colors mainly, use <span class="COLOR"> colored text</p>    */
span.black {
color: black;
font-weight: bold;
}

span.red {
color: red;
font-weight: bold;
}


span.green{
color: green;
font-weight: bold;
}


span.blue{
color: blue;
font-weight: bold;
}

span.purple{
color: purple;
font-weight: bold;
}



/*Warning text for a customer.  Use <div class="warning">*/
div.warning {
background: #fff6bf url(Images/exclamation.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
margin-top: 10px;
margin-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
line-height: 1.5em;
}

/*Note text, a general FYI to the customer.  Use <div class="note">*/
div.note {
background: #F8FAFC url(Images/information.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #B5D4FE;
border-bottom: 2px solid #B5D4FE;
margin-top: 10px;
margin-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 16spx;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}


/*Note text, a general FYI to the customer.  Use <div class="refer">*/
div.refer {
background: #ECF8E0 url(Images/bullet_go.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #A9F5A9;
border-bottom: 2px solid #A9F5A9;
margin-top: 10px;
margin-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

/*Center text.  To use this just use <div class="c">.  It centers the text and makes it oblique (italic)*/
div.c {
text-align: center;
font-style: oblique;
}


div.center {
text-align: center;
}

/*This will add 5px of padding to the top and bottom of every <li> */
li {
padding-top:5px;
padding-bottom: 5px;
}

/*This is a definition list */
dd {
padding-top: 12px;
padding-bottom: 15px;
}

/*Regular unordered list.  Use <ul>*/
ul {
list-style-type: square;
padding-top: 12px;
padding-bottom: 10px;
}
 
/*Regular unordered list.  Use <ul class="inside">*/
ul.inside {
list-style-type: square;
list-style-position: inside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Outside unordered list.  Use <ul class='outside">*/
ul.outside {
list-style-type: square;
list-style-position: outside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Lower case ordered list*.  Use <ol class="lower">*/
ol.lower {
list-style-type: lower-alpha;
list-style-position: outside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Lower case indented ordered list*.  Use <ol class="lower">*/
ol.lowerin {
list-style-type: lower-alpha;
list-style-position: inside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Upper case ordered list.  Use <ol class="upperout">*/
ol.upperout {
list-style-type: upper-alpha;
list-style-position: outside;
padding-top: 12px;
padding-bottom: 10px;
}


/*Upper case indented ordered list.  Use <ol class="upperin">*/
ol.upperin {
list-style-type: upper-alpha;
list-style-position: inside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Lowercase Roman Numerals Indented.  Use <ol class="romanlowerin">*/
ol.romanlowerin {
list-style-type: lower-roman;
list-style-position: inside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Lower case regular roman numerals.  Use <ol class="romanlowerout">*/
ol.romanlowerout {
list-style-type: lower-roman;
list-style-position: outside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Uppercase indented roman numerals.  Use <ol class="romanupperin">*/
ol.romanupperin {
list-style-type: upper-roman;
list-style-position: inside;
padding-top: 12px;
padding-bottom: 10px;
}

/*Uppercase roman numerals.  Use <ol class="romanupperout">*/
ol.romanupperout {
list-style-type: upper-roman;
list-style-position: outside;
padding-top: 12px;
padding-bottom: 10px;
}