body { background: #d1c9c7 url(images/body.gif) repeat-x; margin: 0 auto; padding: 0; color: #000; font-family: Helvetica, "Century Gothic", Arial, sans-serif; font-size: 0.875em; line-height: 1.7em; }

h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman", Times, serif; font-style: italic; margin: 0; font-weight: normal; margin-bottom: 5px; }
h1 { font-size: 2.57em; color: #111; margin-bottom: 20px; }
h2 { font-size: 2.15em; color: #222; margin-bottom: 15px; border-top: 2px solid #c2b8b6; padding-top: 0.5em; }
h3 { font-size: 1.75em; color: #333; margin-bottom: 10px; }
h4 { font-size: 1.35em; color: #333;}
h5 { font-size: 1.2em; color: #444;}
h6 { font-size: 1.1em; color: #444;}

a, a:visited { color: #c60; text-decoration: none; }
a:active, a:hover { color: #c00; text-decoration: none; }
a img { border: none; }

.canvas { width: 960px; background: url(images/aside-background.gif) 630px 0 repeat-y; margin: 0 auto 1em; }

#header { display: block; height: 153px; position: relative; margin-left: 20px; }
#header img#brand { float: left; margin-top: 30px; }
#header p { position: absolute; top: 10px; left: 610px; width: 320px; text-align: center; color: #999; font-size: 0.78em; text-align: center; }
#header ul { position: absolute; left: 660px; top: 45px; display: block; width: 220px; height: 100px; } 
#header ul, #header li { margin: 0; padding: 0; list-style: none; }

#navigation, #navigation li { margin: 0; padding: 0; list-style: none; }
#navigation { height: 50px; margin: 13px 20px 34px 20px; font-family: "Times New Roman", Times, serif; /* background: url(images/nav.gif) no-repeat; */ letter-spacing: 1px; }
#navigation a { display: block; float: left; clear: none; width: auto; height: 50px; line-height: 50px; font-size: 1.2em; color: #fff; border-right: 1px solid #020202; border-left: 1px solid #262626; text-align: center; text-decoration: none; }
#navigation li { display: inline; }
#navigation li.first a { border-left: none; width: 159px; text-align: left; }
#navigation li.second a { width: 173px; }
#navigation li.third a { width: 129px; }
#navigation li.last a { border-right: none; width: 113px; text-align: right; }
#navigation a:hover { color: #d1c9c7; }

#article { margin: 0 0 0 20px; }
#article .section { margin: 0 20px 20px 0; width: 580px; }

.feature { display: block; position: relative; height: 280px; background: url(images/featured/sample.jpg); border: 1px solid #908481 }
.feature p { position: absolute; z-index: 2; top: 118px; left: 0; width: 333px; display: block; padding: 22px; font-size: 14px; margin: 0; background: url(images/feature-overlay.png); }
.feature h1 { position: absolute; z-index: 3; font-size: 32px;; color: #fff; left: 20px; top: 92px; line-height: 1em; margin: 0; padding: 0; letter-spacing: 1px; display: block; }
.feature a, .feature a:visited { text-decoration: underline; color: #f00; font-size: 1.1em; }
.feature a img { float: left; margin-right: 10px; border: 1px solid #ccc; height: 50px; }

.callout { border: 1px solid #999; border-right: none; border-left: none; height: 60px; font-size: 1.28em; }
.callout ul, .callout li { margin: 0; padding: 0; list-style: none; }
.callout ul { margin: 10px; }
.callout li { display: inline; }
.callout li a { color: #010000 !important; background: url(images/alerts.png) right -80px no-repeat; display: block; height: 40px; line-height: 40px; float: left; clear: none; margin-right: 10px; width: 200px; }
.callout li.first a { background-position: right -40px; width: 140px; }
.callout li.last a { background-position: right -120px; width: 200px; margin: 0; }
.callout li a:hover { background-position: right 0; text-decoration: none; }

#article .section.breaking { margin: 0; width: 600px; }
.breaking ul, .breaking li { margin: 0; padding: 0; list-style: none; }
.breaking li { width: 280px; height: 435px;/*300px;*/ display: block; float: left; clear: none; background: #dad9d8; margin: 0 20px 20px 0; overflow: hidden; }
.breaking blockquote { /* margin: 20px 20px 0; */ margin: 0 40px 0 20px; padding: 0; border: none; }
.breaking h2 { border-top: none; border-bottom: 1px solid #bab9b7; margin: 0; font-size: 1.28em; font-family: Helvetica, "Century Gothic", Arial, sans-serif; font-style: normal; font-weight: bold; padding-bottom: 15px; }
.breaking h2 a {  }
.breaking p { border-top: 1px solid #e6e5e4; margin-top: 0; padding-top: 15px; }
.breaking cite { margin: 0 20px 40px; display: block; font-style: italic; font-family: Arial; color: #666; }

blockquote.rss h2 a *, blockquote.rss p *, blockquote.rss br, blockquote.rss div { display: none; }

.section h2 img { float: left; margin-right: 0.7em; }

.section.rights { font-size: 0.75em; font-style: italic; text-align: right; }

.section.resources strong a { font-size: 1.2em; }

#aside h3 { display: block; position: relative; left: -40px; padding: 0 40px; width: 260px; height: 64px; background: url(images/aside-header.png) no-repeat; white-space: nowrap; line-height: 50px; color: #b7a29c; font-size: 1.57em; }
#aside .section { width: 260px; margin: 0 auto 2em; }

#aside .section.video ul, #aside .section.video li { margin: 0; padding: 0; list-style: none; height: 215px; width: 260px; }
#aside .section.video li { position: relative; }
#aside #controls li { display: inline; }
#aside #controls a { float: left; clear: none; }

#footer { display: block; clear: both; width: 960px; height: 157px; background: url(images/footer.gif) 1px 0 no-repeat; color: #fff; font-size: 0.85em; font-family: Arial; position: relative; }
#footer p { position: absolute; bottom: 20px; right: 20px; text-align: right; margin: 0; padding: 0; }
#footer a { color: #fff; text-decoration: none; border-bottom: 1px dashed #333; }
#footer a:hover { color: #c00; }

#navigation, #article, #aside { float: left; clear: left; display: inline; }
#navigation, #article { width: 600px; }
#aside { width: 340px; position: relative; top: -98px; clear: right; }
#footer { clear: both; }

.section.form { border-top: 1px solid #333; padding-top: 1em; font-size: 1.1em; }
form { margin: 1em; }
.reqMark { color: #f00; }
label { display: block; clear: both; color: #222; }
.inlineSection div { float: left; clear: none; }
input, select { padding: 0.3em; background: #eee; color: #333; margin-bottom: 0.8em; }
input.primaryAction { padding: 0.4em; font-size: 1.1em; margin-top: 1em;}

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}