body {
background-color: #ffffff;
padding: 0em;
margin: 0em;
behavior: url(csshover.htc) /* WinIE behavior call*/;
background-image: url(images/body_background-blue.gif);
background-repeat: repeat-y;
}

/*Nav Area CSS
*/

#NavArea {
background-image: url(images/nav_banner_background.jpg);
z-index: 5000;
position: relative;
width: 760px;
}

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


#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;
}

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

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

#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: 3px;
padding-left: 6px;
padding-bottom: 3px;
padding-right: 3px;
margin: 0px;
}

div#NavBar ul.level2 a,
div#NavBar ul.level3 a {
display: block;
width: 191px;
}

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

div#NavBar ul.level2r a,
div#NavBar ul.level3r a {
display: block;
width: 191px;
}

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: 200px;
background-color: #003399;
}

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

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 {
display: block;
}

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

div#NavBar ul.level3 {
top: -1px;
left: 200px;
width: 200px;
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: 200px;
}

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

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

/*Region CSS (content, footer, moreinfo, etc)*/

#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-image: url(images/body_background-blue.gif);
}

#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/title-banner-blue.jpg);
background-position: 0em 0em;
background-repeat: no-repeat;height: 75px;
color: #003399;
font-variant: small-caps;
/*padding-top: 12px;*/
padding-left: 45px;
overflow: hidden;
margin-top: 2px;
position: relative;
clear: both;
padding-top: 0em;
}


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

div#PageTitle h2 {
font-family: Times, "Times New Roman", serif;
font-weight: bold;
font-size: 18px;
margin-top: 0px;
margin-bottom: 0em;
padding-top: 12px;}

#ContentBody {
width: 560px;
padding-left: 60px;
padding-top: 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;
list-style-image: url(images/note.gif);
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#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, "Times New Roman", serif;
background-image: url(images/subtitle-bar.gif);
color: #003399;
height: 1.4em;
font-weight: bold;
font-variant: small-caps;
background-repeat: no-repeat;
background-position: 0em 1.1em;
margin-left: -60px;
padding-left: 60px;
margin-bottom: .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-underline.gif);
background-repeat: no-repeat;
background-position: 0em 1.1em;
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 {
width: 210px;
padding-top: 2em;
margin: 0em;
padding-left: 1em;
}

#moreinfo h4 {
font-variant: small-caps;
background-image: url(images/more-info-bar.gif);
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;
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 {
list-style-image: url(images/note.gif);
padding-bottom: .5em;
}

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;
}

#sans td {
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;
}

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: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;
}

.highlight  { color: white; font-size: 24px; font-family: "Lucida Sans", Verdana, Geneva, sans-serif; font-variant: small-caps; font-weight: bold; margin-top: 0; margin-bottom: 0.25em }

.mantra  { color: white; font-size: 18px; font-family: "Lucida Sans", Verdana, Geneva, sans-serif; font-style: italic; font-weight: normal; text-align: right; margin-top: 10px; margin-bottom: 10px; padding-top: 10px }