/* resets and overrides 
=======================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-style: normal; text-align: left;}
textarea{overflow: auto;}
input[type=submit],label,select,.pointer    {cursor: pointer;}

xhtml {height: 100%; margin-top: 1px;} /* Forces toolbars to appear in FF to avoid horizontal dif. */
html {overflow-y: scroll;}
::selection {color: #fff; background-color: #7E8083;}
::-moz-selection {color: #fff; background-color: #7E8083;}

/* layout
=========*/
body {background-color: #D8D9DB; font: 0.8em Arial, Helvetica, sans-serif;}
#wrapper {width: 960px; margin: 10px auto; background: #fff;}
.header {overflow: hidden;}
.header a.logo {display: block; width: 210px; height: 90px; float: right; text-indent: -5000px; background: url(images/AgileLogo.gif) no-repeat 0 50%;}
.footer {text-align: right; background-color: #D8D9DB; font-size: 0.8em; padding-top: 5px; color: #666;}
.footer a {color: #333;}

/* main nav
===========*/
.main-nav {background: url(images/NavigationBlocks.gif) no-repeat 0 0; padding-left: 96px; border-bottom: 1px solid #fff;}
.main-nav ul {background: #7F8084 url(images/NavigationTile.gif) repeat-x 0 0; overflow: hidden; padding-left: 13px; list-style-type: none;}
.main-nav ul li {float: left;}
.main-nav ul li a {float: left; padding: 2px 15px 0px 22px; color: #ccc; background: url(images/NavigationHover.gif) no-repeat -100px 0; text-decoration: none; vertical-align: baseline; line-height: 22px;}
.main-nav ul li.active a {color: #fff;}
.main-nav ul li a:hover {background-color: #fff; background-position: 0 0; color: #7F8084;}

/* banners
==========*/
.banner {height: 210px; background: url(images/Banner1.jpg) no-repeat 0 0; position: relative;}
.banner em {font-style: italic;}
.bannerActions {font-size: 0.8em; position: absolute; top: 5px; left: 5px;}
.bannerActions a {color: #E51836;}
.bannerContent {font-size: 2.15em; color: #fff; padding: 82px 10px 10px 500px;}
 
.content {color: #6D6E70; padding: 50px 50px 50px 130px;}
.ContentActions a {font-size: 0.8em; color: #E51836;}

a {color: #E51836;}
a:hover {color: #971836;}

.content h1 {font-size: 1.7em; padding-bottom: 1em; font-weight: normal;}
.content h2 {font-size: 1.5em; padding-bottom: 0.8em; font-weight: normal;}
.content h3 {font-size: 1.3em; padding-bottom: 0.6em; font-weight: normal;}
.content h4 {font-size: 1em; padding-bottom: 0.4em; text-transform: uppercase;}
.content h5 {font-size: 1.1em; font-weight: bold;}
.content h6 {font-size: 1.1em; font-weight: normal;}
.content p {padding-bottom: 1.3em;}
.content ul {padding-left: 40px; padding-bottom: 1.3em;}

td.SubHead {padding: 10px 0 5px;}
td.SubHead img {display: none;}