/* ***************** TYPOGRAPHY ***************** */ 

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;
  color: #ffffff;
  line-height: 1.6;
}


/* ===== Links ===== */
 
a { color: #ffffff; outline: none; }
a:focus, a:hover { color: #bd2b28; text-decoration: none; outline: none; }
a img { margin: 0; padding: 0; border: 0; }

/* ===== Headings ===== */

h1, h2, h3, h4, h5, h6, ul, ol,dl, p, blockquote {padding:8px 16px 6px 20px;}
h1, h2, h3, h4, h5, h6 {padding-bottom:4px;}

h1,h2,h3,h4,h5,h6 { 
  font-family: 'Lucida Grande', Geneva, Helvetica, Arial, Verdana, sans-serif;
  clear:both;
}

h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#bd2b28;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#bd2b28;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#dddddd;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #bd2b28;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#bd2b28;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#dddddd; margin-top: -15px; padding-top: 0;}

/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}


/* ===== Text elements ===== */

p { margin: 0; }
p.last { margin-bottom:0; }
p .imgleft { float: left; margin: 0 18px 18px 0; padding:0; }
p .imgright { float: right; margin: 0 4px 18px 18px; padding:0; }
p img.top { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

dl { margin: 18px 0; }
dl dt { font-weight: bold; }

blockquote { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong { font-weight: bold; color: #9b2127; }
em { font-style: italic; }
pre { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code { font:0.9em Monaco, monospace; }


/* ====== Lists ======*/

ul, ol { margin: 4px 0 18px 18px; }
li { line-height:1.25; margin-bottom: 0.4em;}
ol { list-style-type: decimal; }

.list3 li {
	border-left: solid 2px #eee;
	margin: 0;
	padding: 0 0 1em 0.5em;
}


/* ====== Blockquote ====== */

cite{display:block; text-align:right; padding-top: 10px;}

/* ===== Other ===== */

.bottomless { border-bottom: none; margin-bottom: -2px; }

.whitewash { color: #fff; }

hr { border: none; background-color: #999999; background-color: #999999; margin: 20px 10px 10px 10px;}

a.pdf { padding-right: 23px; background: transparent url(../images/icons/icon_pdf.gif) top right no-repeat; }
a.doc { padding-right: 23px; background: transparent url(../images/icons/icon_doc.gif) top right no-repeat; }
a.email { padding-left: 19px; background: transparent url(../images/icons/icon_mail.gif) top left no-repeat; }
a.linkout { padding-right: 14px; background: transparent url(../images/icons/linkout.gif) top right no-repeat; }

#ecn_links, #ecn_links a { color:#261d20; text-decoration: none; margin-top:50px; text-align:center; width: 904px;
margin-left: auto; margin-right: auto;
font-size: 10px; }