/* CSS for content typography */

body {background: #000000; color: #a0a0a0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}

h2 {font-size: 1.4em; border-top: 18px solid #000000; height: 36px; line-height: 30px; padding: 0 0 0 25px; margin: 0 0 10px 0; color: #ffffff;}
.column h2:first-child {border-top: 0;}
h2.pink {background: url(images/h2-pink-bg.png) top left no-repeat;}
h2.orange {background: url(images/h2-orange-bg.png) top left no-repeat;}
h2.green {background: url(images/h2-green-bg.png) top left no-repeat;}
h2.pinkFull {background: url(images/h2-pink-full-bg.png) top left repeat-x;}
h2.orangeFull {background: url(images/h2-orange-full-bg.png) top left repeat-x;}
h2.greenFull {background: url(images/h2-green-full-bg.png) top left repeat-x;}
h3 {font-size: 1.4em; margin: 0; padding: 0;}
a {color: #e0e0e0;}
a.arrowLink {font-size: 1.1em; color: #e0e0e0; text-decoration: none; background: url(images/link-arrow.png) center right no-repeat; padding-right: 12px;}
a.arrowLink:hover {text-decoration: underline;}
a img {border: 0;}
p {margin: 0; padding: 0 0 12px 0; line-height: 1.4em;}
hr {border: 0; border-top: 1px solid #606060;}
strong {color: #d0d0d0;}
.fullImage {margin: 0 -15px 0 -15px;}
.clear {clear: both;}