html {
    height: 100%;
}

body {
/*Ray code start */
background: #003399; /* Old browsers */
/*background: -moz-linear-gradient(top, #003399 37%, #0162a7 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#003399), color-stop(100%,#0162a7)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #003399 37%,#0162a7 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #003399 37%,#0162a7 100%); /* Opera11.10+ */
/*background: -ms-linear-gradient(top, #003399 37%,#0162a7 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#0162a7',GradientType=0 ); /* IE6-9 */
/*background: linear-gradient(top, #003399 37%,#0162a7 100%); /* W3C */
/*Ray code end */
padding: 0em;
margin: 0em;
behavior: url(csshover.htc) /* WinIE behavior call*/;
/*background-image: url(images/background-simple.gif);*/
height: 100%;
}

/*Nav Area CSS*/

/*#page {
text-align: center;}*/

#NavArea {
background-color: #003399;
z-index: 5000;
position: relative;
width: 760px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}

#navBanner {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
overflow: hidden;
width: 760px;
padding-right: 0em;
height: 112px;}


#nav-images {
text-align: right;
margin-top: 30px;
}

#NavBanner ul {
display: list-item;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
list-style-type: none;
}

#NavBanner ul li {
float: right;
padding-left: 15px;
text-align: right;
padding-top: 4px;
margin: 0em;
list-style-type: none;
}

body #NavArea #NavBar {
float: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
width: 760px;
background-color: #003399;
z-index: 5000;
/*height: 20px;*/
}

/*Ray Gesualdo code start */
body #NavBar {
background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.08, #5688ED),
    color-stop(0.55, #003399)
);
background-image: -moz-linear-gradient(
    center top,
    #5688ED 8%,
    #003399 55%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5688ED', endColorstr='#003399')
}

#NavArea #NavBar ul.level1 li.lastsubmenu {
border-right-style:none
}
/*Ray Gesualdo code end */

div#NavBar ul {
margin: 0;
padding: 0;
background: #003399;
list-style-type: none;
}

#NavArea #NavBar ul li {
position: relative;
float: left;
}

/*#NavBar ul.level1 {
padding-left: 9px;
}*/

#NavBar ul.level1>li {
/*border-right: 1px #ccd9f6 solid;*/
padding-left: 11px;
padding-right: 11px;
}

#NavArea #NavBar ul.level2 li {
border-right: 1px #ccd9f6 solid;
padding-left: 3px;
padding-right: 3px;}


#NavBar li:hover {
background: #296ED2;
}

#NavBar li.submenu li {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#NavBar ul.level2r li.submenu,
#NavBar ul.level3r li.submenu {
background-color: #235fb3;
}

#NavBar ul.level2r li.submenu:hover,
#NavBar ul.level3r li.submenu:hover {
background-color: #296ED2;
}

#NavBar li.submenu:hover {
background-color: #296ED2;
}

#NavBar li a{
display: block;
text-decoration: none;
color: #ffffff;
padding-top: 9px;
padding-left: 6px;
padding-bottom: 9px;
padding-right: 3px;
margin: 0px;
}

div#NavBar ul.level2 a,
div#NavBar ul.level3 a {
display: block;
width: 151px;
text-align: left;
padding-top: 3px; /*Ray added */
padding-bottom: 3px; /*Ray added */
}

div#NavBar ul.level2s a {
display: block;
width: 101px;
text-align: left;
padding-top: 3px; /*Ray added */
padding-bottom: 3px; /*Ray added */
}

div#NavBar>ul level2 a,
div#NavBar>ul level3 a,
div#NavBar>ul level2s a {
width: auto;
}

div#NavBar ul.level2r a,
div#NavBar ul.level3r a {
display: block;
width: 151px;
text-align: right;}

div#NavBar>ul level2r a,
div#NavBar>ul level3r a {
width: auto;
}

div#NavBar ul.level2, 
div#NavBar ul.level3 {
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
width: 156px;
background-color: #003399;
left: -1px;
}

div#NavBar ul.level2s {
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
width: 100px;
background-color: #003399;
left: -1px;}

div#NavBar ul.level2r, 
div#NavBar ul.level3r {
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
width: 180px;
background-color: #003399;
float: right;
right: -1px;}

div#NavBar ul ul {
display: none;
z-index: +500;
position: absolute;
}

div#NavBar ul ul li {
border-bottom: 1px #ccc solid;
}

div#NavBar ul.level1 li.submenu:hover ul.level2, 
div#NavBar ul.level2 li.submenu:hover ul.level3,
div#NavBar ul.level1 li.submenu:hover ul.level2s {
display: block;
}

div#NavBar ul.level2 li {
width: 150px;
}

div#NavBar ul.level2s li {
width: 100px;
}

div#NavBar ul.level3 {
top: -1px;
left: 150px;
width: 175px;
position: relative;}

div#NavBar ul.level1 li.submenu:hover ul.level2r, 
div#NavBar ul.level2r li.submenu:hover ul.level3r {
display: block;
}

div#NavBar ul.level2r li {
width: 150px;
}

div#NavBar ul.level2r {
float: right;
}

div#NavBar ul.level3r {
top: -1px;
right: 150px;
border-top: 1px solid #CCC;
width: 150px;
text-align: right;
position: absolute;}

/*Region CSS (content, footer, moreinfo, etc)*/
table#NewsLetter {
}

#footer, #Footer {
text-align: center;
clear: both;
font-size: .7em;
color: #000000;
display: block;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-top: 2em;
padding-bottom: 2em;
padding-right: 60px;
}

#ContentArea {
width: 760px;
background-color: #CCD9F6;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align: left;}


#flash {
position: relative;
}

div#Card {
margin-top: 5px;
}

#CardTab {
background-image: url(images/tab-top.gif);
width: 760px;
height: 27px;
margin: 0em;
padding: 0em;
overflow: hidden;}

#CardBody {
background-color: #376EAB;
width: 760px;
/*height: 300px;
*/
margin: 0em;
padding: 0em;
}

#CardContent {
padding-top: 0em;
padding-left: 1em;
padding-bottom: 1em;
padding-right: .5em;
margin: 0em;}

/*Text level CSS
*/

.image-caption {
width: 250px;
padding: .5em;
text-align: center;
float: right;
}

.image-caption img {
border: 1px #003399 solid;}

#CardBody p {
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 0em;
font-size: .7em;
margin-left: .5em;
margin-bottom: 0em;
padding-left: .7em;
padding-top: 0em;
padding-bottom: .5em;
color: #ffffff;
}

#CardBody ul,
#CardBody ol {
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 0em;
font-size: .7em;
margin-bottom: .5em;
/*padding-left: .7em;
padding-top: 0em;
padding-bottom: 0em;
*/
color: #ffffff;
}

div#CardBody h1,
div#CardBody h2,
div#CardBody h3,
div#CardBody h4,
div#CardBody h5,
div#CardBody h6 {
color: #eae663;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
font-variant: small-caps;
margin-bottom: .25em;
margin-top: 0em;
padding-top: .25px;}


div#PageTitle {
background-image: url(images/page-banner.jpg);
background-position: 0em 0em;
background-repeat: no-repeat;height: 75px;
color: #003399;
font-variant: small-caps;
/*padding-top: 12px;*/
overflow: hidden;
margin-top: 2px;
position: relative;
clear: both;
text-align: left;}


div#PageTitle h1 {
font-family: Times, "Times New Roman", serif;
font-weight: bold;
font-size: 26px;
padding-left: 15px;
padding-top: 18px;
margin-top: 0px;
}

#ContentBody {
padding-left: 30px;
padding-top: 1em;
padding-right: 1em;
}

#Community-Footer {
padding-top: 1em;
margin-left: 60px;
}

#ContentBody ul,
div#Popup ul,
#Community-Footer ul {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
display: block;
margin-top: .25em;
margin-bottom: .25em;
}

#ContentBody ol,
div#Popup ol,
#Community-Footer ol {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
display: block;
margin-top: .25em;
margin-bottom: .25em;
}

#ContentBody ul li,
div#Popup ul li,
#Community-Footer ul li {
margin-bottom: .3em;
font-size: .8em;
display: list-item;
font-family: Verdana, Helvetica, Arial, sans-serif;
list-style-image: url(images/iac-bullet.gif);}

#ContentBody ul li ul li,
#ContentBody ul li ul li ul li,
{
font-size: 1em;
}

#ContentBody ol li,
div#Popup ol li,
#Community-Footer ol li {
margin-bottom: .3em;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#ContentBody h1,
#Popup h1,
#Community-Footer h1 {
font-family: Times, "Times New Roman", serif;
color: #003399;
font-weight: bold;
font-variant: small-caps;
padding-bottom: 0em;
margin-bottom: 0em;
}

#ContentBody h2,
div#Popup h2 {
font-family: "Times New Roman", Times, serif;
background-image: url(images/h2-iac.gif);
color: #003399;
height: 1.4em;
font-weight: bold;
font-variant: small-caps;
background-repeat: no-repeat;
background-position: 0em 1.1em;
margin-left: -37px;
padding-left: 37px;
margin-bottom: 0.5em;
padding-bottom: 0em;
}

#Community-Footer h2 {
font-family: Times, "Times New Roman", serif;
color: #003399;
height: 1.5em;
font-weight: bold;
font-variant: small-caps;
}

#ContentBody h3,
#Popup h3,
#Community-Footer h3 {
font-family: Times, "Times New Roman", serif;
color: #003399;
font-weight: bold;
font-variant: small-caps;
padding-bottom: 0em;
margin-bottom: 0em;
padding-top: 0em;
margin-top: 0em;
background-image: url(images/h3-iac.gif);
background-repeat: no-repeat;
background-position: 0em 1.1em;
min-height: 1.3em;
}

#ContentBody h4,
#Popup h4,
#Community-Footer h4,
#ContentBody h5,
#Popup h5,
#Community-Footer h5,
#ContentBody h6,
#Popup h6,
#Community-Footer h6 {
font-family: Times, "Times New Roman", serif;
color: #003399;
font-weight: bold;
font-variant: small-caps;
padding-bottom: 0em;
padding-top: 0em;
margin-bottom: .75em;
margin-top: 0em;
}

#MoreInfo {
padding-top: 2em;
margin: .1em;
padding-left: .5em;
padding-right: 2em;
text-align: left;}

#MoreInfo h3 {
font-variant: small-caps;
font-size: 0.9em;
background-image: url(images/moreinfo-iac.gif);
color: #003399;
background-repeat: no-repeat;
background-position: 0em 1.1em;
height: 1.5em;
margin: 0em;
padding: 0em;
}

#MoreInfo h4 {
font-variant: small-caps;
font-size:0.9em;
color: #003399;
background-repeat: no-repeat;
background-position: 0em 1.1em;
height: 1.5em;
margin: 0em;
padding: 0em;
}

#MoreInfo h5 {
font-variant: small-caps;
color: #003399;
background-repeat: no-repeat;
background-position: 0em 1.1em;
height: 1.5em;
padding: 0em;
margin-top: .5em;
margin-bottom: 0em;
}

#MoreInfo p {
margin-top: 0em;
padding-left: .5em;
padding-top: 0em;
padding-right: .1em;
margin-bottom: .5em;
}

#MoreInfo ul {
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 0em;
font-size: .7em;
margin-left: 1em;
padding-left: .7em;
margin-bottom: 0em;
padding-top: 0em;
padding-bottom: 0em;
}

#MoreInfo ul li {
padding-bottom: .5em;
list-style-image: url(images/iac-bullet.gif);}

#MoreInfo ul.level2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 0em;
font-size: .7em;
margin-left: 1em;
padding-left: .7em;
margin-bottom: 0em;
padding-top: 0.5em;
padding-bottom: 0em;
}

#MoreInfo ul.level2 li {
padding-bottom: .5em;
padding-top: 0em;
font-size: 1.3em;
list-style-image: url(images/iac-bullet.gif);}

p {
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
line-height: 1.3em;
margin-top: .75em;
margin-bottom: .75em;
margin-left: .5em;
}

div#features p {font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
line-height: 1.3em;
margin: 0em;
margin-bottom: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;}

div#accordion1 h4 {margin: 0.25em;
padding: 0em;}

.AccordionPanelTab {font-variant: small-caps;
font-size:0.9em;
color: #003399;}

hr {
border: 1px #003399 solid;
}

abbr, acronym, .help {
border-bottom: 1px dotted #003399;
cursor: help;
}

.matrix {
margin-left: -40px;
}

.matrix p {
font-size: .7em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
}

div#Popup {
padding-left: 15px;
padding-top: 15px;
}

table#ContentMenu {
background-color: #a1b1d5;
border: 1px #0d3692 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: .8em;
width: 90%;
}

a.noborderimage:link, 
a.noborderimage:visited, 
a.noborderimage:hover, 
a.noborderimage:active {
color: transparent;
border: none;
}

a:link {
text-decoration: none;
color: #003399;
}

a:visited {
text-decoration: none;
color: #003399;
}

a:hover {
text-decoration: none;
color: #FF9900;
}

a:active {
text-decoration: none;
color: #003399;
}

#CardContent a:link {
text-decoration: none;
color: #ffffff;
}

#CardContent a:visited {
text-decoration: none;
color: #ffffff;
}

#CardContent a:hover {
text-decoration: none;
color: #FF9900;
}

#CardContent a:active {
text-decoration: none;
color: #ffffff;
}