html { 
margin: 0em; 
padding: 0em; 
}

body {
behavior: url(/templates/css/csshover.htc);    /* To fix IE CSS compliance problem. */
margin: 0px;
padding: 0px;
}

/*------- Default Heading Styles ------*/
/* Modifications per zone will override when presented following this point. */ 

h1, h2, h3, h4, h5, h6 {
font: 14px/1em Arial, Helvetica, sans-serif; 
color: #000000;
}

h1, h2 { 
color: #2C3C89;
}

h1 {
font-size: 2em;
clear: left; 
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.25em;
border-bottom: 1px #1B2351 solid;
text-transform: capitalize; 
clear: left;
margin: 0em 0em -.5em 0em;
font-weight: bold; 
}

h4 {
font-size: 1.25em;
color: #333333;
font-weight: bold;
clear: left;
margin: 1.2em 0em -.5em 0em;
padding: 0em 0em 0em 0em; 
}

h5 {
font-size: 1em;
}

h6 {
font-size: 1em;
color: #333333;
font-style: italic;
margin: 0em 0em -.25em 0em; 
}

a:link {
color : #2C3C89;
}

a:visited {
color : #2C3C89;
}

a:hover {
color : #2C3C89;
}

a:active {
color : #2C3C89;
}

/*---- START Header Styles ----*/

/* Header Height dictates TOP position for Maincolumn and Left,  Right Columns. */

/* Since Header DIV uses a background image, this defines height for both DIVs in one statement. */
div#header,
div#header div#header_logo { 
height: 150px; /* Should match height of logo image. */
}

/* The header stretch image is the assigned background. If design calls for a right side header image, that image must be built into the "header_bg.jpg" image. */
div#header {
width: 100%;
display: block;
background: url(../images/header_bg.jpg) repeat-x 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div#header div#header_logo {
float: left;
width: 758px; /* Should match length of logo image. */
}

div#header-print {
display: none; 
}

/*---- END Header Styles ----*/

/*----- START MainBody Styles -----*/

/* Do not use Absolute Positioning of #maincolumn IF footer is outside the MainColumn DIV, as it causes footer DIV to collapse upward. */

/* MainColumn DIV serves as a wrapper to hold the MainBody01 through MainBody10 sub-sections along with the Footer.*/

div#maincolumn {
z-index: 1;
display: block; 
position: absolute;
top: 150px;
left: 160px;
right: 144px; /* Must match width of RColumn. */
font: 11px/1.25em Verdana, Helvetica, Arial, sans-serif;
margin: 0px 0px 0px 6px;  /* Left margin of 6px corrects misalignment in IE */
padding: 0px 20px 0px 20px;
}

html>/**/body>div#maincolumn {
 /* Restores proper Left Margin for non-IE browsers. */
margin: 0px 0px 0px 0px; }

/* Gap displays above mainbody sub-sections when first line of content is an HTML tag. Cause unknown.*/

/* Sets defaults for all MainBody sub-sections. */
div#mainbody01,
div#mainbody02,
div#mainbody03,
div#mainbody04,
div#mainbody05,
div#mainbody06,
div#mainbody07,
div#mainbody08,
div#mainbody09,
div#mainbody10 {
display: block;
margin: 0px 0px 0px 0px;   
padding: 0px 0px 0px 0px;
font: 12px Verdana, Helvetica, Arial, sans-serif;
text-align: left; 
}

/* A statement similar to this can be set for each MainBody sub-section to override the default settings. */

div#mainbody01 p, 
div#mainbody01 li, 
div#mainbody01 blockquote, 
div#mainbody01 table, 
div#mainbody01 th, 
div#mainbody01 tr, 
div#mainbody01 td, 
div#mainbody01 tbody {
font: 12px/1.5em Verdana, Helvetica, Arial, sans-serif;
text-align: left; 
}

/*----- END MainBody Styles -----*/

/*----- START AGHeader Styles -----*/

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

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

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

div#agheader p {
font: 10px Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: .5em 0px 0px 0px;
text-align: center; 
} 

div#agheader a {
color: #ffffff;
text-decoration: underline;
}

/*----- END AGHeader Styles -----*/

/*----- START Footer Styles -----*/

div#footer {
display: block; 
/* Setting width: 100%; will bust maincolumn's right margin in IE. Works fine without width attribute. */
height: 100px;
padding: 1em 0em 1em 0em;
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
}

div#footer01 {
}

div#footer02 {
}

/*----- END Footer Styles -----*/

/*----- START Left Column Styles -----*/

div#Lcolumn {
position: absolute;
top: 150px;  /*  Must match height of header graphic.  */
left: 0px;
z-index: 10;
display: block;
width: 160px;   /* Dictates left positioning of Maincolumn.  */
font: 11px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin: 0px 0px 0px 1px;
padding: 0px 0px 15px 0px;
background: #D0D8F0 url(../images/corner_LowerRight.gif) no-repeat 100% 100%;
}

/* Default styles for Lcolumn01...10. Use specific numbered Lcolumn style below to override defaults. */

div#Lcolumn01, 
div#Lcolumn02, 
div#Lcolumn03, 
div#Lcolumn04, 
div#Lcolumn05, 
div#Lcolumn06, 
div#Lcolumn07, 
div#Lcolumn08, 
div#Lcolumn09, 
div#Lcolumn10 {
display: block;
width: 100%; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both; 
}

div#Lcolumn01 img, 
div#Lcolumn02 img, 
div#Lcolumn03 img, 
div#Lcolumn04 img, 
div#Lcolumn05 img, 
div#Lcolumn06 img, 
div#Lcolumn07 img, 
div#Lcolumn08 img, 
div#Lcolumn09 img, 
div#Lcolumn10 img {  /* Used for image-only ads. */
display: block;
background: #ffffff;
margin: 5px auto 0px auto;
border: 1px #1B2351 solid;
padding: 2px; 
}

div#Lcolumn01 p, 
div#Lcolumn02 p, 
div#Lcolumn03 p, 
div#Lcolumn04 p, 
div#Lcolumn05 p, 
div#Lcolumn06 p, 
div#Lcolumn07 p, 
div#Lcolumn08 p, 
div#Lcolumn09 p, 
div#Lcolumn10 p  {
font: 10px Verdana, Helvetica, Arial, sans-serif; 
text-align: center;
margin: 0px 0px 1px 0px;
}

div#Lcolumn01 h1,
div#Lcolumn02 h1,
div#Lcolumn03 h1,
div#Lcolumn04 h1,
div#Lcolumn05 h1,
div#Lcolumn06 h1,
div#Lcolumn07 h1,
div#Lcolumn08 h1,
div#Lcolumn09 h1,
div#Lcolumn10 h1 {
font: bold 10px Arial, Helvetica, sans-serif; 
text-align: center;
margin: 0px 0px 2px 0px;
}

/* Use these Lcolumn01...10 to override default settings above. */

div#Lcolumn02 {
}

div#Lcolumn02 img {
}

div#Lcolumn02 p {
}

div#Lcolumn03 {
}

div#Lcolumn03 img {
}

div#Lcolumn03 p {
}

div#Lcolumn04 {
}

div#Lcolumn04 img {
}

div#Lcolumn04 p {
}

div#Lcolumn05 {
}

div#Lcolumn05 img {
}

div#Lcolumn05 p {
}

div#Lcolumn06 {
}

div#Lcolumn06 img {
}

div#Lcolumn06 p {
}

div#Lcolumn07 {
}

div#Lcolumn07 img {
}

div#Lcolumn07 p {
}

div#Lcolumn08 {
}

div#Lcolumn08 img {
}

div#Lcolumn08 p {
}

div#Lcolumn09 {
}

div#Lcolumn09 img {
}

div#Lcolumn09 p {
}

div#Lcolumn10 {
}

div#Lcolumn10 img {
}

div#Lcolumn10 p {
}

/*----- END of Left Column Styles -----*/

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

#navigation {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 14.5em; 
float: left;
margin-left: 1px;
text-align: left;
display: block;
margin: 0px 0px -10px 1px; 
}

html>/**/body>div#Lcolumn>div#navigation {  /*  Overrides above for non-IE  */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 14.5em; 
float: left;
margin: 0px 0px 0px 1px; 
text-align: left;
display: block;
}

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

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

#navigation li:hover { 
background-color: #2C3C89; 
}

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

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

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

#navigation li a:hover {
color: #FFFFFF; 
}

#navigation>ul a {
width: auto; 
}

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

/*Following overrides above statement for IE7 browsers.*/
html>body>div#Lcolumn>div#navigation>ul ul { 
left: 14.25em;     /*  Must match width for #navigation ul */
}

/*Following overrides above statement for IE7 browsers.*/
html>body>div#Lcolumn>div#navigation>ul ul { 
left: 14.25em;     /*  Must match width for #navigation ul */
}

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

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

/* ----- END Navigation Styles -----*/

/*----- START of Right Column Styles -----*/

div#Rcolumn {
position: absolute;
top: 150px;  /*  Must match height of header graphic.  */
right: 0px;
z-index: 10; 
display: block;
width: 144px;   /* Dictates right positioning of Maincolumn.  */
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
background: #D0D8F0 url(../images/corner_LowerLeft.gif) no-repeat 0% +100%; 
}

/* Default styles for Rcolumn01...10. Use specific numbered Rcolumn style below to override defaults. */

div#Rcolumn01, 
div#Rcolumn02, 
div#Rcolumn03, 
div#Rcolumn04, 
div#Rcolumn05, 
div#Rcolumn06, 
div#Rcolumn07, 
div#Rcolumn08, 
div#Rcolumn09, 
div#Rcolumn10 {
display: block;
width: 100%; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#Rcolumn01 img, 
div#Rcolumn02 img, 
div#Rcolumn03 img, 
div#Rcolumn04 img, 
div#Rcolumn05 img, 
div#Rcolumn06 img, 
div#Rcolumn07 img, 
div#Rcolumn08 img, 
div#Rcolumn09 img, 
div#Rcolumn10 img {  /* Used for image-only ads. */
display: block;
background: #ffffff;
margin: 5px auto 0px auto;
border: 1px #2C3C89 solid;
padding: 2px; 
}

div#Rcolumn01 p, 
div#Rcolumn02 p, 
div#Rcolumn03 p, 
div#Rcolumn04 p, 
div#Rcolumn05 p, 
div#Rcolumn06 p, 
div#Rcolumn07 p, 
div#Rcolumn08 p, 
div#Rcolumn09 p, 
div#Rcolumn10 p  {
font: 9px Verdana, Helvetica, Arial, sans-serif; 
text-align: justify;
margin: 0px 0px 1px 0px;
padding: 0px 5px 0px 5px
}

div#Rcolumn01 h1,
div#Rcolumn02 h1,
div#Rcolumn03 h1,
div#Rcolumn04 h1,
div#Rcolumn05 h1,
div#Rcolumn06 h1,
div#Rcolumn07 h1,
div#Rcolumn08 h1,
div#Rcolumn09 h1,
div#Rcolumn10 h1 {
font: bold 10px Arial, Helvetica, sans-serif; 
text-align: center;
margin: 0px 0px 2px 0px;
}

/* Use these Rcolumn01...10 to override default settings above. */

div#Rcolumn02 {
}

div#Rcolumn02 img {
}

div#Rcolumn02 p {
}

div#Rcolumn03 {
}

div#Rcolumn03 img {
}

div#Rcolumn03 p {
}

div#Rcolumn04 {
}

div#Rcolumn04 img {
}

div#Rcolumn04 p {
}

div#Rcolumn05 {
}

div#Rcolumn05 img {
}

div#Rcolumn05 p {
}

div#Rcolumn06 {
}

div#Rcolumn06 img {
}

div#Rcolumn06 p {
}

div#Rcolumn07 {
}

div#Rcolumn07 img {
}

div#Rcolumn07 p {
}

div#Rcolumn08 {
}

div#Rcolumn08 img {
}

div#Rcolumn08 p {
}

div#Rcolumn09 {
}

div#Rcolumn09 img {
}

div#Rcolumn09 p {
}

div#Rcolumn10 {
}

div#Rcolumn10 img {
}

div#Rcolumn10 p {
}

/*---------- END of Right Column Styles ----------*/


/*---- START Search Dialog Styles -----*/

div#search { 
}

html>/**/body>div#Lcolumn>div#search {    /* Overrides above for non-IE browsers */
}

div#search a:link {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
color: #000000; }

div#search a:hover {
text-decoration: underline; }

/*---- END Search Dialog Styles -----*/

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

ol li {
margin: .5em 0em 0em 0em; 
}

ul li {
margin: .5em 0em 0em 0em; 
}

ul li.odd {
margin: .5em 0em 0em 0em;
background: #b0c6dd; 
}

ul li.even {
margin: .5em 0em 0em 0em; 
background: #DDDDB0; 
}

/*------- Table Rows with Alternating Colors -------*/

table tr.odd {
background: #D0D8F0; 
}

table tr.even {
background: #FFFFFF; 
}