body {
	behavior: url(/top/css/csshover.htc);    /* To fix IE CSS compliance problem. */
background: #962927;
color: #ffffff;
}

/*---- Primary Structure ----*/

/* Placing agheader in this div#agheader fixes IE problem of displaying AG Header with greater height than its specified 21px. This caused left and right columns to overlap gcheader by a few pixels. 24px displays consistent in browsers.  */

div#agheader {   
display: block;
background: #000000;
width: 100%; 
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div#header {
height: 110px;
display: table;
width: 100%;
background: url(../images/logo_only_whiteontransparent_100.gif) no-repeat 5px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div#header h1 {
color: #ffffff; 
margin: 30px 0px 0px 100px;
padding: 0px 0px 0px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 40px; 
}

div#header-print {
display: none; 
}

div#header img.align-left {
float: left; 
}

div#header img.align-right {
float: right; 
}

/* Do not use Absolute Positioning of #mainwrapper as it causes #footer to collapse upward.*/

/*A small gap displays between #mainwrapper and #header. Cause is unknown and does not appear to be controllable by CSS or HTML, apart from Absolute Positioning which is ruled out because of comment above.*/

div#mainwrapper {
margin: -1em 2em 0em 15em;   /* Minus top margin compensates for gap (see comment above).  */
padding: 0em 0em 0em 0em;
}

/*Font size set in #maincontent to define EM, which is used to control min & max widths (not recognized by IE). As font size increases so does min & max widths.*/

div#maincontent {
z-index: 1;
margin: 0em 0em 0em 0em;   
padding: 0em 1em 0em 1em;
display: block;
}

/*Tables sometimes follow headings that have negative bottom margin. This insure more attractive spacing.*/

div#maincontent table {
margin: 1em 0em 1em 0em;
padding: 0em 0em 0em 0em; 
}

div#maincontent-col-wrapper {
width: 100%;
display: block;
}

div.maincontent-col-wrapper {
width: 100%;
display: block;
}

/*<div.Maincontent-col-wrapper-close> should follow <maincontent-col-wrapper> to prevent following content from flowing up into unused space after col-1 or col-2*/

div.maincontent-col-wrapper-close {
width: 100%;
display: block;
clear: both; 
}

div#maincontent-col-1 {
float: left;
display: block;
width: 49%;
margin: 0em 0em 0em 0em;
clear: left; 
}

div.maincontent-col-1 {
float: left;
display: block;
width: 48%;
margin: 0em 0em 0em 0em;
clear: left; 
}

div#maincontent-col-2 {
float: right;
display: block;
margin: 0em 0em 0em 0em;
width: 49%; 
}

div.maincontent-col-2 {
float: right;
display: block;
margin: 0em 0em 0em 0em;
width: 48%; 
}

div#footer {
display: block; 
width: 100%;
height: 100px;
padding: 1em 0em 1em 0em;
/* font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif; */
text-align: center;
clear: both;
color: #ffffff;
font-size: 1em; 
}

div#col-left {
width: 13em; 
text-align: center;
position: absolute;
top: 8.5em;
left: 0px;
z-index: 10;
margin: 0px 0px 0px 1px;
display: block;
padding: 0px 0px 15px 0px;
}

div#col-left p {
font-size: .9em; 
}

/*By default #col-right is hidden with empty AdBlock. Visible by import CSS per page.*/

div#col-right {
display: none; 
}

/*----------- Typography Styles ----------*/

hr {
color: #ffffff;
border-bottom: 1px solid; 
}

h1, h2, h3, h4, h5, h6, p, blockquote, table, td, th, tr, li {
/* font: normal 1em Verdana, Helvetica, Arial, sans-serif; */
color: #ffffff;
}


h3 {
border-bottom: 1px #ffffff solid; 
}

a:link,
a:visited,
a:hover,
a:active {
color: #ffffff;
text-decoration: underline; 
}

a:hover {
color: #ffffff;
text-decoration: underline;
background: #000000; 
}

div.indent-icon80 {
display: block;
clear: both; 
}

div.indent-icon80 h3 {
margin: 0em 0em 0em 0em; 
}

div.indent-icon80 h4 {
margin: 5px 0px 5px 80px;
clear: none; 
}

div.indent-icon80 h4.indent {
margin: 5px 0px 5px 80px;
}

div.indent-icon80 p {
margin: 0px 0px 1em 100px; 
}

div.indent-icon80 div.maincontent-col-1 {
float: left;
display: block;
width: 56%;
margin: 0em 0em 0em 0em;
clear: left; 
}

div.indent-icon80 div.maincontent-col-2 {
float: right;
display: block;
margin: 0em 0em 0em 0em;
width: 40%; 
}

/*Overrides paragraph indentation when inside column 2 inside an indent-icon80*/
div.indent-icon80 div.maincontent-col-2 p {
margin: 5px 0px 1em 0px; 
}

div.indent-icon80 ul,
div.indent-icon80 ol {
margin: 5px 0px 1em 100px; 
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */
html>body>div#mainwrapper>div#maincontent>div.indent-icon80 ul,
html>body>div#mainwrapper>div#maincontent>div.indent-icon80 ol {
margin: 5px 0px 1em 80px; 
}

div.indent-icon80 ul li p {
margin: 5px 0px 1em 0px; 
}

/*  Overrides div.indent-icon80 ul above when in column 2 */
div.indent-icon80 div.maincontent-col-2 ul,
div.indent-icon80 div.maincontent-col-2 ol {
margin: 5px 0px 1em 20px; 
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */
html>body>div#mainwrapper>div#maincontent>div.indent-icon80 div.maincontent-col-2 ul,
html>body>div#mainwrapper>div#maincontent>div.indent-icon80 div.maincontent-col-2 ol {
margin: 5px 0px 1em -20px; 
}


div.indent-icon80 img {
margin: 3px 0px 5px 0px;
float: left; 
clear: left;
}

div.blockin-left-30 {
margin-left: 30px; 
}

div.blockin-left-60 {
margin-left: 60px; 
}

div.blockin-left {
margin-left: 110px; 
}

div.blockin-left img.align-left{
float: left;
margin: -80px; 
}

td.twocol-spacer {
width: 15px; 
}

.box-align-right {
float: right;
margin: 1em 0em .5em 1.5em;
/* font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif; */
padding: 1em 1em 1em 1em;
background: #ffffff; 
}

div.sidebar {   /* Used for sidebar articles. Width specified. */
display: block;
width: 30%;
min-width: 200px; 
margin: 1em 0em 1em 1.5em;
padding: 1em 1em 1em 1em; 
border: 1px #3366cc solid;
float: right;
/*font: 10px Verdana, Helvetica, Arial, sans-serif;*/
}

div.sidebar img.align-right {
float: right; 
margin-left: +1em; 
}

div.sidebar img.align-left {
float: left; 
margin-right: +1em; 
}

 /* Sideblock used for non-article content. Width set by content. */

div.sideblock-left { 
display: block; 
float: left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: .5em .5em .5em 0em;
padding: .5em .5em .5em 0em; 
}

div.sideblock-right { 
display: block; 
float: right; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 5px 0px 5px 20px;
padding: 5px 0px 0px 5px; 
}

div.sideblock-right-fill { 
display: block; 
float: right; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 5px 0px 5px 20px;
padding: 10px 5px 10px 5px; 
border: 1px #3366cc solid;
}

/*------------------------------*/

.hide {
display: none;
}

@media print {
.noprint {display: none;}
}

/*-------- Ordered List Style Spacing ---------*/

ol.list-spacing li {
margin: .5em 0em 0em 0em; 
}

ul.list-spacing li {
list-style-type: disc;
margin: .5em 0em 0em 0em; 
}

/*----- Used to prevent content below from wrapping upward. ------*/
div.close {
clear: both;
display: block; 
}

/*---- Navigation Menu ----*/

/*---- Set width for Navigation elements ---*/

#navigation,
#navigation ul,
#navigation li a,
#navigation ul ul {
width: 13em; 
}

#navigation { 
float: left;
text-align: left;
display: block;
margin: 0px 0px -10px 1px; 
}

html>body>div#col-left>div#navigation {  /*  Overrides above for non-IE  */
width: 13em; 
float: left;
margin: 0px 0px 0px 1px; 
text-align: left;
display: block;
}

#navigation ul {
margin-left: 0px;
padding-left: 0px;
border: 1px #ffffff solid;  /* Match hover BGcolor  */
border-bottom: none;
z-index: 20;
background: #652121;
}

#navigation li {
position: relative;
list-style-type: none;
border-bottom: 1px #ffffff dotted; /* Match hover BGcolor  */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
}

#navigation li:hover { 
background-color: #000000; 
}

#navigation li.submenu {
background: url(../images/Submenu_Arrow_01.gif) no-repeat 95% 50%; 
}

#navigation li.submenu:hover {
background: #000000 url(../images/Submenu_Arrow_01.gif) no-repeat 95% 50%; 
}

#navigation li a {
display: block;
text-decoration: none;
padding: .25em 0em .25em .25em;
color: #ffffff; 
}

/*  #navigation li.submenu a:hover {
background: #000000 url(../images/Submenu_Arrow_01.gif) no-repeat 95% 50%; 
}  */

#navigation>ul a {
width: auto; 
}

#navigation ul ul {
position: absolute;
display: none;
left: 13.25em;     /*  This left margin fixes IE. Other browsers set by next statement.  */
z-index: 30;
margin-top: -1.7em; 
}

/*Following overrides above statement for non-IE browsers.*/
html>body>div#col-left>div#navigation>ul ul { 
left: 13em;     /*  Must match width for #navigation ul */
}

#navigation ul.level1 li.submenu:hover ul.level2,
#navigation ul.level2 li.submenu:hover ul.level3 {
display:block
}

/*-------- Sub-Navigation Buttons ---------*/

div.subnav {
display: block;
margin: 0em 0em 2em 0em;
padding: 3px 3px 3px 3px;
}

div.subnav  h1 {    /* In SubNav, demotes h1 to allow sub-page to have an h1 title. */
font-size: 1.25em;
margin: 0em 0em .5em 0em; 
}

div.subnavhomepg div.subnav  h1 {   /* Deletes above style on homepage of sub-section.  */
font-size: 2em;
}

div.subnavhomepg div.subnav {
border-bottom: none; 
}

ul.subnav {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

ul.subnav li {
display: inline;
/* border-right: 1px #868676 solid;
border-bottom: 2px #868676 solid;  */
background: #652121;
height: 2em;
margin: 0px 3px 25px 0px;
padding: 2px 3px 2px 3px;
border: 1px #ffffff outset; 
}

ul.subnav li a:link,
ul.subnav li a:visited,
ul.subnav li a:hover,
ul.subnav li a:active {
text-decoration: none;
color: #ffffff;
font-size: 1em;
line-height: 2em; 
}