@charset "UTF-8";
/* CSS Document */

body { font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; background-color:#5a86b9; background-image:url(../images/pageBackground.gif); background-repeat:repeat-x; margin: 0; height: 100%; }

div#frame{ margin: 0 auto; width: 972px; height: 100%; }
div#pageShadowLeft { width: 11px; height: 469px; background-image:url(../images/pageShadowLeft.gif); background-repeat: no-repeat; float: left; }
div#pageShadowRight{ width: 11px; height: 469px; background-image:url(../images/pageShadowRight.gif); background-repeat: no-repeat; float: right; }
div#content { width: 950px; height: 100%; float: left; padding: 0; margin: 0; }
div#whiteBackground { width: 950px; height: 100%; position: absolute; background-color: #FFF; }
div#topBanner { width: 950px; height: 77px; float: left; margin: 0; background-image:url(../images/pageTopBkgrnd.gif); background-repeat:no-repeat; clear:both; }
div#main { width: 950px; float: left; clear: both; margin: 0; padding: 0 0 20px 0; background-color: #FFFFFF }

div#logo { width: 161px; height: 40px; position: relative; float: left; left: 15px; top: 8px; background-image:url(../images/logo.gif); background-repeat: no-repeat; display: block; }
div#logo h1, div#logo h1 a {float: left; margin: 0; padding: 0; text-indent: -9999px; display: block; height: 40px; width: 161px; }

div#login { width: 160px; height: 42px; position: relative; float: right; left: 0px; top: 12px; background-image:url(../images/navTopBtnLogin.gif); background-repeat:no-repeat; }
div#login p { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 8px 0 0 11px; }
div#login a { color: #FFF12D; text-decoration: none; }


div#bodyText { font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif; width: 475px; position: relative; top: 7px; left: 36px; margin: 0; float: left; padding: 0 20px 0 0; }
div#bodyText.wide { width: 600px; }
div#bodyText p { margin: 0; padding: 0 0 13px 0; }
div#bodyText ul { margin: 0; padding: 14px 10px 5px 25px; list-style: square; }
div#bodyText ul li { line-height: 18px; padding: 0 0 10px 0px; }
div#bodyText a { color: #1665a1; text-decoration: none; }
div#bodyText a:hover { text-decoration: underline; }
div#bodyText h1 { font: normal 32px/.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1665a1; margin: 0; padding: 10px 0 20px 0; }
div#bodyText h2 { font: normal 22px/.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #BD5427; margin: 0; padding: 0px 0 20px 0; }
div#bodyText h3 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #BD5427; margin: 0; padding: 10px 0 5px 0; }
div#bodyText h3 a { color: #BD5427; }
div#bodyText h3 a:hover { text-decoration: underline; }
div#bodyText h3 em { font-size: 13px; font-style: italic; }
div#bodyText h4 { font-size: 14px; font-weight: bold; color: #1665a1; margin: 0; padding: 5px 0 15px 0; }
div#bodyText .pressDate { font-size: 13px; color: #8F8F8F; }

div#callout { position: relative; top: 60px; left: 35px; width: 180px; float: left; background-image:url(../images/calloutGreyVertLine.gif); background-repeat: repeat-y; margin: 0; padding: 0 0 0 20px; }
div#callout p { font: normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; color: #1665A1; padding: 0 0 10px 0; }
div#callout h3 { font: bold 16px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 15px 0; color: #1665A1; }
div#callout h3 .red { color: #BD5427; }
div#callout h4 { font: bold 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 15px 0; color: #BD5427; }
div#callout p.author { font: italic 10px/12px Verdana, Geneva, sans-serif; color: #333333; text-align: right; }
div#callout p.author strong { font-style: normal; font-weight: bold; }
div#callout a { color: #1665a1; text-decoration: none; }
div#callout a:hover { text-decoration: underline; }
div#callout ul { margin: 0; padding: 0 10px 5px 20px; list-style: square; }

div#homeFindOutMore { width: 182px; height: 87px; position: relative; float: right; right: 23px; top: 21px; }

div#footer { width: 450px; float: left; margin: 0; padding: 30px 0 0 205px; clear: both; }
div#footer p { font: 10px/12px Verdana, Geneva, sans-serif; color: #BBBBBB; margin: 0; }

div#events { width: 475px; }
div#events table { font-size: 13px; table-layout: auto; background-color: #E9E9E9; }
div#events table thead { font-weight: bold; background-color: #BD5427; color: #FFFFFF; }
div#events table tr.alt { background-color: #D3D3D3; }

/* Top Navigation */

div#navTopContainer { width: 611px; height: 75px; float: right; margin: 0; padding: 0; clear: both; }

div#navTop { width: 611px; height: 48px; margin: 0; padding: 0; clear: both; }

div#navTop ul { list-style: none; margin: 0; padding: 0; }
div#navTop ul li { font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; float: left; }

div#navTop ul li.btnConvPoint a { width: 156px; height: 38px; display: block; color: #FFFFFF; text-decoration: none; background: url(../images/navTopBtnConvPoint.gif) no-repeat; text-align: center; margin: 0; padding: 9px 0 0 0; }
div#navTop ul li.btnConvPoint a:hover { color: #FFF12D; }
div#navTop ul li.btnConvPoint a.on { color: #FFF12D; background: url(../images/navTopBtnConvPointOn.gif) no-repeat; }

div#navTop ul li.btnForPayers a { width: 147px; height: 38px; display: block; color: #FFFFFF; text-decoration: none; background: url(../images/navTopBtnPayers.gif) no-repeat; text-align: center; margin: 0; padding: 9px 0 0 0; }
div#navTop ul li.btnForPayers a:hover { color: #FFF12D; }
div#navTop ul li.btnForPayers a.on { color: #FFF12D; background: url(../images/navTopBtnPayersOn.gif) no-repeat; }

div#navTop ul li.btnForPartners a { width: 147px; height: 38px; display: block; color: #FFFFFF; text-decoration: none; background: url(../images/navTopBtnPartners.gif) no-repeat; text-align: center; margin: 0; padding: 9px 0 0 0; }
div#navTop ul li.btnForPartners a:hover { color: #FFF12D; }
div#navTop ul li.btnForPartners a.on { color: #FFF12D; background: url(../images/navTopBtnPartners.gif) no-repeat; }

div#navTop ul li.btnNews a { width: 158px; height: 38px; display: block; color: #FFFFFF; text-decoration: none; background: url(../images/navTopBtnNews.gif) no-repeat; text-align: center; margin: 0; padding: 9px 0 0 0; }
div#navTop ul li.btnNews a:hover { color: #FFF12D; }
div#navTop ul li.btnNews a.on { color: #FFF12D; background: url(../images/navTopBtnNews.gif) no-repeat; }


/* Top Subtier Navigation */

div#navTopSubContainer { float: left; padding: 0 15px 0 0; margin: 0; clear: both; }
div#navTopSubContainerRight { float: right; padding: 0 15px 0 0; margin: 0; clear: both; }

div#navTopSubBoxLeft { width: 5px; height: 25px; float: left; background: url(../images/navTopSubBoxLeft.gif) no-repeat 0 0; margin: 0; padding: 0; }
div#navTopSubBoxRight { width: 5px; height: 25px; float: left; background: url(../images/navTopSubBoxRight.gif) no-repeat 0 0; margin: 0; padding: 0; }

div#navTopSub { height: 23px; float: left; border-top: 1px solid #be5427; border-bottom: 1px solid #be5427; border-right-style: none; border-left-style: none; margin: 0; padding: 0; }

div#navTopSub ul { list-style: none; margin: 0; padding: 0; }
div#navTopSub ul li { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; float: left; margin: 0; padding: 3px 0 0 0px; }
div#navTopSub ul li a  { color: #1665a1; text-decoration: none; background: url(../images/navTopSubDivider.gif) no-repeat 10px 5px; margin: 0; }
div#navTopSub ul li a:hover  {color: #BD5427; }
div#navTopSub ul li.normal a { padding: 3px 0 0 20px; }
div#navTopSub ul li.left a { background: none; padding: 3px 0 0 8px; }
div#navTopSub ul li.right a {  padding: 3px 5px 0 20px; }



/* Left Navigation */

div#navLeft { width: 171px; position: relative; top: 85px; left: 17px; margin: 0; float: left; }
div#navLeftBoxTop { width: 171px; height: 15px; line-height: 15px; float: left; clear: both; margin: 0; padding: 0; background-image: url(../images/navLeftBoxTop.gif); background-repeat: no-repeat; }
div#navLeftBoxMiddle { width: 171px; float: left; clear: both; margin: 0; padding: 0; background-image: url(../images/navLeftBoxMiddle.gif); background-repeat: no-repeat; }
div#navLeftBoxBottom { width: 171px; height: 27px; float: left; clear: both; margin: 0; padding: 0; background-image: url(../images/navLeftBoxBottom.gif); background-repeat: no-repeat; }

div#navLeftDivider { width: 122px; height: 3px; line-height: 3px; background: url(../images/navLeftHorizLine.gif) no-repeat 0px 8px; margin: 0 0 0 20px; padding: 6px 0 6px 0; }
 
div#navLeft ul { list-style: none; margin: 0; padding: 0; }
div#navLeft ul li { font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;  line-height: 16px; }
div#navLeft ul li.navHome a { color: #BD5427; text-decoration: none; display: block; margin: 0; padding: 0 0 0 21px; }
div#navLeft ul li.navHome a:hover { color: #5a86b9; }
div#navLeft ul li.navHome a.on { color: #5a86b9; background: url(../images/blueArrow.gif) no-repeat 12px 4px; }

div#navLeft ul li.navAbout a { list-style: none; color: #BD5427; text-decoration: none; display: block; margin: 0; padding: 0 0 0 21px; }
div#navLeft ul li.navAbout a:hover { color: #5a86b9; }
div#navLeft ul li.navAbout a.on { list-style: none; color: #5a86b9; background: url(../images/blueArrow.gif) no-repeat 12px 4px; }

div#navSubnav ul { list-style: none; margin: 0; padding: 0; }
div#navSubnav ul li { display: none; }
div#navSubnav ul li.on { display: block; }
div#navSubnav ul li.on a { color: #BD5427; text-decoration: none; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 10px; margin: 0; height: 12px; margin: 0; padding: 5px 0 0 21px; }
div#navSubnav ul li.subnav a.on { background-image: none; color: #BD5427; }
div#navSubnav ul li.subnav a:hover.on { color: #5a86b9; }

div#navLeft ul li.navContact a { list-style: none;color: #BD5427; text-decoration: none; display: block; margin: 0; padding: 0 0 0 21px; }
div#navLeft ul li.navContact a:hover { color: #5a86b9; }
div#navLeft ul li.navContact a.on { list-style: none; color: #5a86b9; background: url(../images/blueArrow.gif) no-repeat 12px 4px; }

div#navLeft ul li.navSiteMap a { list-style: none;color: #BD5427; text-decoration: none; display: block; margin: 0; padding: 0 0 0 21px; }
div#navLeft ul li.navSiteMap a:hover { color: #5a86b9; }
div#navLeft ul li.navSiteMap a.on { list-style: none; color: #5a86b9; background: url(../images/blueArrow.gif) no-repeat 12px 4px; }