body {width: 100%; height: 100%; background: url('Img/General/SiteBgd.png'); color: #17264a; font: .9em verdana,geneva,lucida,arial,sans-serif; margin: 0; padding: 0;}
#container {width: 964px; background: #f5f5f5; margin: 0 auto;}
h1,h2,h3 {font: 23px  georgia,serif;}
h1 {border-bottom: 1px solid #a6a9ad; margin: 10px 0 5px; padding: 0 0 2px;}
h2 {font-size: 19px; color: #7b3533; margin-bottom: 5px;}
h3 {font-size: 17px; margin-bottom: 5px;}
h1+h2 {margin-top: 0;}
p+h2, p+h3, h1+p, h2+p, h3+p {margin: 10px 0;}
p {line-height: 1.3;}
form {margin: 0; padding: 0;}
fieldset {border: 1px dotted #17264a; border-width: 1px 0 0; margin: 10px 0;}
legend {margin-left: 5px; background: #17264a; color: #fff; padding: 2px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 3px 3px 0 #000; -webkit-box-shadow: 0 3px 3px 0 #000;}
ul {list-style: circle url('Img/General/DiamondBullet.png');}
ul li {margin-bottom: 7px;}
a {color: #394b7d;}
a:hover, a:focus, a:active {text-decoration: none;}
label span {border-bottom: 1px solid #17264a;}
acronym, abbr {border-bottom: 1px dotted #17264a; cursor: help;}
sup {font-size: 10px;}
#mast {width: 964px; height: 90px; position: relative; background: url('Img/Mast/MastBgd.png') repeat-x;}
#logo {padding: 0 20px 0;}
#globalLogin {position: absolute; top: 10px; right: 15px;}
#globalLogin a {text-decoration: none; font-size: .7em; font-weight: bold;}
#globalLogin a:hover, #globalLogin a:focus, #globalNavLogin a:active {text-decoration: underline;}
.loginCtrl {width: 400px; background: #f0f1f3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; padding: 5px;}
.loginCtrl * {vertical-align: middle;}
#loginErrorLinks {list-style: url('Img/General/OrangeArrow.png'); padding: 0 0 3px 0; margin: 0 0 0 18px;}
#loginErrorLinks li {margin: 3px 0; padding: 0;}
#loginErrorMsg {color: red;}
#pgHead {width: 920px; margin: 0 15px; padding: 0 7px;}
html>body #pgHead  {width: 922px;} /* IE 6 rendering - issue with continer bgd on default page */
#containerBtm {background: url('Img/General/ContainerBtm.png') no-repeat bottom; height: 6px; padding: 7px;}

/* Section Layout - Used for Page Sections */
#content {width: 906px; background: #fff url('Img/General/ContentBgd.png') no-repeat; margin-left: 20px; padding: 10px 10px 0;}
#content h2:first-child {margin-top: 0;}
#contentBtm {width: 926px; height: 6px; background: url('Img/General/ContentBtm.png') no-repeat; font-size: 0; margin-left: 20px;}

/* Only need the left and right col for two col layout with quick menus on right */
#con2RgtWrap {background:  url('Img/General/Content2Rgt.png') repeat-y; margin-left: 20px;}
#con2Rgt {width: 926px; background: url('Img/General/Content2RgtBgd.png') no-repeat; padding: 10px 0 0 10px;}
#con2RgtBtm {width: 926px; height: 6px; background: url('Img/General/Content2RgtBtm.png') no-repeat; margin-left: 20px; font-size: 0;}

#leftcol {float: left; width: 663px; margin-right: 10px; padding: 0 5px 0 0;}
#rightcol {float: left; width: 216px; font-size: .75em; margin-left: 2px; padding-left: 10px;}
#leftcol h2:first-child, #rightcol h2:first-child {margin: 0;}
#rightcol h2+p {margin: 0 0 10px;}
#rightcol h2 {margin: 10px 0 0;}
#rightcol ul {margin: 0; padding: 0 0 0 17px;}
#rightcol p {margin: 0;}
#rightcol ul li {padding: 0 0 3px 0;}

/* Two Col Styles*/
.twoCol {background: url('Img/General/2colBgd.png') repeat-y; padding-top: 10px;}
html>body .twoCol {padding-top: 0;}
.twoColSecLft {float: left; width: 443px;}
.twoColSecRgt {width: 443px; float: right;}
.twoCol h2 {background: url('Img/General/HDot.png') bottom repeat-x ; font-size: 20px; padding: 0 0 3px;}
.twoCol h2+span+h3 {margin: 0;}
.twoCol a + h3 {margin-top: 10px;}

/* Three Col Styles*/
.threeCol {background: url('Img/General/3colBgd.png') repeat-y; padding-top: 10px;}
html>body .threeCol {padding-top: 0;}
.threeCol #lft {float: left; width: 288px; padding-right: 10px;}
.threeCol #mid {float: left; width: 289px; padding: 0 10px;}
.threeCol #rgt {width: 288px; float: left; padding-left: 10px;}
.threeCol ul {margin: 10px 0 0; padding: 0 0 0 15px;}

/* Global Nav rules */
#nav {position: relative; z-index: 100; margin: 0 0 0 10px;}
#gnav {height: 32px; background: transparent url('Img/Nav/Gnav/GnavBgd.png') no-repeat; list-style: none; margin: 0; padding: 0 10px;}
#gnav li {float: left; width: 185px; text-align: center; font-size: .9em; margin: 0;}
#gnav a {display: block; background: none; height: 25px; color: #17264a; margin: 0 1px 0 0; text-decoration: none; padding: 7px 0 0;}
#gnav a:hover, #gnav a.hover {background: #17264a url(Img/Nav/Gnav/GnavOver.png) bottom repeat-x; color: #fff;} /* the hover class is used by the javascript to keep the gnav button highlighted when hovering over the submenu */
#gnav a.current {background: #17264a url('Img/Nav/Gnav/GnavCurrentOver.png'); color: #fff;}
/* #gnav a.current:hover  {background: #17264a; color: #fff;} */

/* DHTML Menu rules */
.menu { visibility: hidden; width: 175px; background: #17264a; border: 2px solid #152242; border-width: 0 2px 2px; padding: 0 3px 5px;}
.menu ul {list-style: none; background: #394b7d url('Img/Nav/Lnav/MenuBgd.png') repeat-x; margin: 0; padding: 0;}
.menu ul li {display: inline;}
.menu a {display: block; width: 175px; text-align: center; text-decoration: none; font-size: 11px; padding: 6px 0;}
html>body .menu a {border-bottom: 1px dotted #fff;}
.menu a:link, .menu a:visited {color: #fff;}
.menu a:hover, .menu a:focus, .menu a.active, .menu a.current {color: #fff; background: #cf8c2a;}
#solutions, #about, #news, #resources {position: absolute; top: 32px; left: 195px;}
#solutions iframe, #about iframe, #news iframe, #resources iframe {position: absolute; left: 0; top: 0; filter: mask();  z-index: -1; height: inherit; width: 175px;}
#about {left: 380px;}
#news {left: 565px;}
#resources {left: 750px;}

/* Local Nav rules */
#ctl00_lnav {width: 928px; height: 20px; background: url('Img/Nav/Lnav/LnavBgd.png') no-repeat; margin: 0 0 0 19px; padding: 7px 0;}
#ctl00_lnav ul {list-style: none; margin: 0; padding: 0;}
#ctl00_lnav ul li {float: left; width: auto; border-right: 1px solid #4a5672; margin: 0; padding: 0 25px 0;}
#ctl00_lnav a {color: #dadeeb; font-size: .8em; text-decoration: none;}
#ctl00_lnav a:hover, #lnav a:focus, #lnav a:active {color: #fff; text-decoration: underline;}
#ctl00_lnav a.current {color: #fff; font-weight: bold;}
#ctl00_lnav a.current:hover {text-decoration: none;}

#crumbs {padding: 0 0 0; font-size: .7em;}
/* Footer rules */
#footer {width: 964px; margin: 10px auto;}
#fttop {width: 964px; height: 6px; background: url('Img/General/FootTop.png') bottom no-repeat;}
#ftmid {width: 944px; background: #f5f5f5;  font-size: .7em; text-align: center; padding: 10px; line-height: 1.5;}
#ftmid p {margin: 15px 0 0;}
#ftbtm {width: 964px; height: 6px; background: url('Img/General/FootBtm.png') no-repeat;}

/* Home Page Ism Section */
.ismhide {display: none;}
.ismshow {display: block;}
#ism {width: 926px; position: relative; margin: 0 0 10px 20px}
#ismBgd {width: 924px; height: 168px; border: 1px solid #c3c9d8; border-width: 0 1px; background: transparent url('Img/General/IsmBgd.png') top repeat-x;}
#ismBtm {width: 926px; height: 6px; background: transparent url('Img/General/IsmBtm.png') top no-repeat; font-size: 0;}
#ism h1 {border: none; color: #17264a; font-size: 28px; letter-spacing: 1px; margin: 0; padding: 50px 0 0 40px;}
#ism h1 span {text-indent: 25px; display: block;}
#ism0,#ism1,#ism2 {width: 925px; height: 173px; position: absolute; top: 0; left: 0; background: transparent url('Img/General/Ism0.jpg') right no-repeat;}
#ism1 {background: url('Img/General/Ism1.jpg') top right no-repeat;}
#ism2 {background: url('Img/General/Ism2.jpg') top right no-repeat;}
#ism1 h1 {padding: 65px 0 0 90px;}
#ism2 h1 {padding-left: 50px;}


/* Section rules for organizing tools, form fields and data) */

#oneCol {width: 905px; background: #fff8e1 url('Img/General/OneColBgd.png') top repeat-x; border-left: 1px solid #abaeb1; font-size: .8em; padding: 0 5px;}
#oneCol .lft, #oneCol .mid, #oneCol .rgt {float: left; width: 256px;}
#oneCol .mid {width: 336px; border: 1px solid #abaeb1; border-width: 0 1px; margin: 0 10px; padding: 0 5px;}
#oneCol.twoSec .lft, #oneCol.twoSec .rgt {float: left; width: 430px; padding: 0 10px;}
#oneCol.twoSec .lft {border-right: 1px solid #abaeb1;}
#oneCol h2 {border-bottom: 1px solid #abaeb1; color: #17264a; text-align: center; margin: 0 0 5px; padding: 0 0 2px;}
#oneColBtm {width: 915px; height: 8px; background: url('Img/General/OneColBtm.png') no-repeat;}
#oneColBtn {text-align: right; margin: 3px 0;}
#oneColBtn a {float: right; margin: 0 0 0 2px;}


/* Currently used for home page sections - Need to make global 1,2, and 3 col sections  */
.sections div {float:left; width: 298px;}
.sections h2 {margin: auto 3px 3px;}
.sections h3 {background: url('Img/General/HDot.png') bottom repeat-x; font-size: 1.1em; margin: 0 15px 0 0; padding: 10px 0 2px;}
.sections p {padding: 0 5px; margin-top: 0;}
                     
.partner h2 {background: url('Img/General/HDot.png') bottom repeat-x; font-size: 1.4em; text-align: left; margin: 0; padding: 10px 0 3px;}
.partner img {display: inline-block; margin: 10px 15px 10px 0; padding: 1px; border: 1px solid #ccc!important;  vertical-align: middle;}


/* Form rules */
.required {color: #7b3533;}
.fldWrap div {float: left; margin: 5px  0 0;}
.fldWrap .clear {float: none; height: 0;}
.fldWrap ul {list-style: none; margin: 0 15px;	padding: 0;}
.fldWrap ul li {padding: 0 0 2px; margin: 0;}
.fldTitleXxlg, .fldTitleXlg, .fldTitleLg, .fldTitleMd, .fldTitleSh {width: 250px; text-align: right; padding: 3px 3px 0 0;}
.fldTitleXlg {width: 195px;}
.fldTitleLg {width: 150px;}
.fldTitleMd {width: 100px;}
.fldTitleSh {width: 80px;}

/* Ajax Modal and Help Menu rules */
.modalBgd {background-color: #000; filter: alpha(opacity=50); opacity: 0.5;}
.modalWrap {width: 500px;}
.modalTop {width: 500px; height: 6px; background: url('Img/Modal/ModalTop.png') bottom no-repeat;}
.modalMid {width: 480px; padding: 2px 10px; background: url('Img/Modal/ModalMid.png') repeat-y; font-size: 1em;}
.modalMid p {margin: 5px 0; padding: 0 0 5px;}
p.midHead {background: #17264a; color: #fff; padding: 3px; margin-bottom: 0;}
.modalScroll {height: 500px; overflow: auto; margin: 10px 0; padding: 0 10px;}
.modalBtm {width: 500px; height: 9px; background: url('Img/Modal/ModalBtm.png') top no-repeat;}
.fldWrap div.hovermenu {width: 300px; border: 1px solid #17264a; background: #fce9a2; line-height: 130%; padding: 5px;}
/* See notes - 1a */
.modalMid div div {float: left; clear: none;}
.modalMid div div div {float: none; clear: none;}
.modalMid div {clear: both;}
/* Use selector rather than class */
.modalMid div .fldTitle{width: 200px;}
.lrgModalWrap {width: 742px;}
.lrgModalTop {width: 742px; height: 7px; background: url('Img/modal/LrgModalTop.png') bottom no-repeat;}
.lrgModalMid {width: 722px; padding: 0 10px; background: url('Img/modal/LrgModalMid.png') bottom repeat-y; font-size: .9em;}
.lrgModalMid div {float: left;}
/* See notes - 1a*/
/* .lrgModalMid .secLft div div, .lrgModalMid .secRgt div div {float: none;} */
.lrgModalMid .secLft {width: 350px; border-right: 1px dotted #ccc; padding-right: 10px;}
.lrgModalMid .secRgt {width: 351px; float: right; padding-left: 10px;}
.lrgModalBtm {width: 742px; height: 7px; background: url('Img/modal/LrgModalBtm.png') top no-repeat;}
.lrgModalMid .lrgModalDivider {height: 1px; border-top: 1px solid #ccc; padding: 3px 0 2px; clear: both; float: none;}
.lrgModalMid div.clear {padding: 2px 0; float: none; border: none;}
.lrgModalMid .fldTitle {width: 135px; text-align: left;}
.lrgModalMid .btn {float: none; text-align: right;}

/* General rules */
.pgTop {text-align: right; margin-top: 5px;}
a.priBtnXLg, a.priBtnLg, a.priBtn, a.priBtnSm, a.secBtnXLg, a.secBtnLg, a.secBtn, a.terBtnXLg, a.terBtnLg, a.terBtn, a.quatBtnXLg, a.quatBtnLg, a.quatBtn, a.cautionBtn, a.cautionBtnLg {display: inline-block; background: url('Img/General/PrimaryBtnXLg.png') no-repeat; color: #fff; width: 150px; height: 16px; padding: 4px 0 0; text-align: center;  font-size: 10px; font-weight: bold; text-decoration: none;}
a.secBtnXLg {background: url('Img/General/SecondaryBtnXLg.png') no-repeat;}
a.terBtnXLg {background: url('Img/General/TertiaryBtnXLg.png') no-repeat;}
a.quatBtnXLg {background: url('Img/General/QuaternaryBtnXLg.png') no-repeat;}
a.priBtnLg {background: url('Img/General/PrimaryBtnLg.png') no-repeat; width: 125px;}
a.secBtnLg {background: url('Img/General/SecondaryBtnLg.png') no-repeat; width: 125px;}
a.terBtnLg {background: url('Img/General/TertiaryBtnLg.png') no-repeat; width: 125px;}
a.quatBtnLg {background: url('Img/General/QuaternaryBtnLg.png') no-repeat; width: 125px;}
a.cautionBtnLg {background: url('Img/General/CautionBtnLg.png') no-repeat; width: 125px;}
a.priBtnSm {background: url('Img/General/PrimaryBtnSm.png') no-repeat; width: 55px;}
a.priBtn {background: url('Img/General/PrimaryBtn.png') no-repeat; width: 75px;}
a.secBtn {background: url('Img/General/SecondaryBtn.png') no-repeat; width: 75px;}
a.terBtn {background: url('Img/General/TertiaryBtn.png') no-repeat; width: 75px;}
a.quatBtn {background: url('Img/General/QuaternaryBtn.png') no-repeat; width: 75px;}
a.cautionBtn {background: url('Img/General/CautionBtn.png') no-repeat; width: 75px;}

.cur {cursor: default; cursor: pointer;}
#loginError.brdrTopBtm, .brdrTopBtm {border: 1px dotted #17264a; border-width: 1px 0; margin: 5px 0; padding: 5px 0;}
.showHide {list-style: none none;}
.showHide li {padding: 0 0 3px;}
.showHide li div {padding: 3px 20px;}
.showHideExpand {background: url('Img/General/ExpandButton.png') left no-repeat; padding: 0 0 0 20px;}
.showHideCollapse {background: url('Img/General/CollapseButton.png') left no-repeat; padding: 0 0 0 20px;}
.showHideDiv {display: none;}
.alignCtr {text-align: center;}
.alignRgt {text-align: right;}
.fltRgt {float: right;}
.fltLft {float: left;}
.zeroMargin {margin: 0; padding: 15px 0 15px 18px;}
.zeroMargin li {margin: 5px 0 0 0; padding: 0;}
.newsHead {margin-bottom: 0;}
ul.noIndent {margin: 0; padding: 0 0 0 15px;}
div.clear {clear: both; font-size: 0;}
.error {color: red;}
.vAlignMid {vertical-align: middle;}
.gridView {border: 1px solid #2b4220; width: 100%;}
.gridView caption {color: #2b4220; font-weight: bold; font-size: 1.3em;}
.gridView th {background: #2b4220; color: #fff; text-align: left;}
.gridView td {border: 1px solid #2b4220; border-width: 1px 0;}
.gridView tr:hover {background: #fbf3b7;}  /* Progressive Enhancement */
.imgwrap {text-align: center;}
.imgwrap img {display: inline-block; vertical-align: middle; margin: 0 30px 10px 0;}


/********** Newsletter rules **********/
#newsPick {float: right; }
#newsPick * { vertical-align: middle; }
#newsLtr h2 { background: none; border: none; margin: 0 0 15px; padding: 0; }
.padBtm {  padding-bottom: 5px; }
.brdr { height: 10px; border-top: 1px dotted #000;}

/* Update Progress rules */
#progressBackgroundFilter {position: absolute; top:0; left: 0; height:expression(document.body.clientHeight); width:expression(document.body.clientWidth); overflow:hidden; padding:0; margin:0; z-index:10001;} 
#progressBackgroundFilter iframe {position: absolute; top:0; left: 0; filter: mask(); z-index: -1; height:expression(document.body.clientHeight); width:expression(document.body.clientWidth); }
body div>#progressBackgroundFilter  {position: fixed; bottom:0; right:0; height: auto; width: auto;}/* For Standards Complient browsers */
#processMessage {position: absolute; top: 40%;  left: 50%;  margin: 0 -250px 0 -250px; z-index:10002;}
body div>#processMessage {position: fixed; top:35%; right: 50%;} /* For Standards Complient browsers */

/********** Maintenance rules **********/
.errorMessage {line-height: 150%;}