body {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .8em; background-color: #FFFFFF; color: #666666; margin: 0px; text-align: center;} img {display: block; border: 0px;} img.leftImage {float: left; margin: 0px 10px 10px 0px;} img.rightImage {float: right; margin: 0px 0px 10px 10px;} a {text-decoration : underline; color: #178C9E;} a:hover {text-decoration : none; color : #E22C21;} a.backLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left;} a.backLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.boxLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px;} a.boxLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.topLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: right;} a.topLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} .boxLinkBlank {border: 1px solid #e6e6e6; background-color: #fdfdfd; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px; color: #cfcfcf;} a.linknoformat {border: 0px 0px 0px 0px;color:#666666;text-decoration:none;} a.linknoformat:hover {border: 0px 0px 0px 0px;color:#666666;text-decoration:none;} p {margin: 0px 0px 10px 0px;} br {line-height: 7px;} form {margin: 0px;} .frmbutton {background-color:#178C9E;color:#FFFFFF;font-weight:bold;} h1 {display: block; height: 34px; font-size: 1.9em; color: #e22c21; font-weight: bold; background: url(images/h1_bg.gif) repeat-x 0px 2px; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;} h2 {font-size: 1.4em; margin: 0px 0px 10px 0px; color: #E22C21; font-weight: bold;} h2.redBox {display: block; width: 172px; font-size: 1.0em; color: #FFFFFF; background: url(images/redbox_header.gif) no-repeat 0px 0px; padding: 3px 0px 3px 8px; margin: 0px 0px 0px 0px;} h2.redBoxFooter {display: block; width: 180px; height: 5px; background: url(images/redbox_footer.gif) no-repeat 0px 0px; padding: 0px; margin: 0px 0px 20px 0px;} h2.blueBox {display: block; width: 172px; font-size: 1.0em; color: #FFFFFF; background: url(images/bluebox_header.gif) no-repeat 0px 0px; padding: 3px 0px 3px 8px; margin: 0px 0px 0px 0px;} h2.blueBoxShort {display: block; width: 172px; font-size: 1.0em; color: #FFFFFF; background: url(images/bluebox_header_short.gif) no-repeat 0px 0px; padding: 3px 0px 3px 8px; margin: 0px 0px 0px 0px;} h2.blueBoxFooter {display: block; width: 180px; height: 5px; background: url(images/bluebox_footer.gif) no-repeat 0px 0px; padding: 0px; margin: 0px 0px 20px 0px;} h3 {font-size: 1.1em; margin: 0px 0px 10px 0px; color: #E22C21;} h4 {font-size: .9em; margin: 0px 0px 5px 0px; color: #E22C21;} h5 {font-size: .8em; margin: 0px;} h6 {font-size: .7em; margin: 0px;} .redBoxContent {width: 164px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #e22c21; background-color: #fff3f3; padding: 4px 7px 0px 7px;} .blueBoxContent {width: 164px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #80c1ce; background-color: #f3ffff; padding: 4px 7px 0px 7px;} .caption {font-size: .8em; margin: 4px 0px 0px 0px;} .titlelinkh3 {font-size: 1.1em; margin: 0px 0px 10px 0px; color: #E22C21;text-decoration:none;}; .blackBulletText {font-weight: normal; color: #000000;} .blueText {color: #177fa8;} .greenText {color: #109f10;} .error {color: #AA0000; font-weight: bold;} .clearAll {clear: both;} .floatRight {float: right;} .floatLeft {float: left;} .floatLeftPad {float: left; margin: 0px 5px 0px 0px;} .centered {text-align: center;} table {margin: 0px 0px 10px 0px; padding: 0px; width: 100%;} table tr td {border: 1px solid #c3e7ed; background-color: #f7fdff; padding: 2px 5px 2px 5px; margin: 2px; vertical-align: top;} table tr td.title {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold;} table tr td.titlered {border: 1px solid #034F64; background-color: #CC6666; color: #FFFFFF; font-weight: bold;} table tr td.title_right {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold; text-align: right;} table tr td.title_center {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold; text-align: center;} table tr td.tdCentered {text-align: center;} table tr td.subtitle {border: 1px solid #518694; background-color: #5fb0bc; color: #FFFFFF; font-weight: bold;} table tr td.subtitle_right {border: 1px solid #518694; background-color: #5fb0bc; color: #FFFFFF; font-weight: bold; text-align: right;} table tr td ul {margin: 0px 0px 0px 15px;} .figRight {float: right; border: 1px solid #c3e7ed; background-color: #f7fdff; padding: 5px; font-size: .8em; text-align: center; margin: 0px 0px 0px 10px;} .figFull {display: block; border: 1px solid #c3e7ed; background-color: #f7fdff; padding: 5px; font-size: .8em; text-align: center;} .boxout {border: 1px solid #E0E0E0; background-color: #F8F8F8; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 0px;} ul {margin: 0px 0x 10px auto;} ul.spacedout {margin: 0px 0x 10px 0px;} ul.spacedout li {margin: auto auto 10px auto; list-style: none;} #siteContainer {width: 818px; background-color: #FFFFFF; margin: 0px auto 0px auto;} #siteContainer #pageContainer {width: 818px; background: url(images/frame_bg.jpg) repeat-y 0px 0px; text-align: center;} /* site header */ #siteContainer #pageContainer #headerImage {background: url(images/header.jpg) 0px 0px; width: 800px; height: 134px; margin: 0px auto 0px auto; text-align: right;} #siteContainer #pageContainer #headerImage #topNav {float: right;} #siteContainer #pageContainer #headerImage #topNav #topNavEndCap {float: left;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks {float: left; height: 25px; background-color: #e22c21; text-align: left;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks a {float: left; font-size: .9em; text-decoration: none; margin: 2px 10px 0px 0px; display: block; font-weight: bold; color: #FFFFFF; padding: 1px 3px 2px 4px; border: 1px solid #e22c21;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks a:hover {border: 1px solid #e2b7b4; background-color: #e2564d;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconHome {float: left; margin: 0px 4px 0px 0px;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconContact {float: left; margin: 1px 4px 0px 0px;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconSitemap {float: left; margin: 1px 4px 0px 0px;} #siteContainer #pageContainer #headerImage #topNav #topNavLinks a #iconAccess {float: left; margin: 1px 4px 0px 0px;} /* main nav */ #siteContainer #pageContainer #mainNav {width: 800px; height: 35px; background: url(images/main_nav_bg.gif) repeat-x 0px 0px; margin: 0px auto 0px auto; padding: 5px 0px 0px 0px; list-style: none;} #siteContainer #pageContainer #mainNav a {display: -moz-inline-block; display: inline-block; height: 35px; color: #FFFFFF; font-weight: bold; font-size: .9em; text-decoration: none; padding: 2px 10px 0px 10px; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #FFFFFF;} #siteContainer #pageContainer #mainNav a:hover {color: #d0d659;} #siteContainer #pageContainer #mainNav a.last {display: -moz-inline-block; display: inline-block; height: 35px; color: #FFFFFF; font-weight: bold; font-size: .9em; text-decoration: none; padding: 2px 10px 0px 10px; border-style: none; border-width: 0px 1px 0px 0px; border-color: #FFFFFF;} #siteContainer #pageContainer #mainNav a.last:hover {color: #d0d659;} /* all lists */ #siteContainer #pageContainer #mainNav ul {margin: 0px; padding: 0px; list-style: none;} #siteContainer #pageContainer #mainNav ul li ul {margin: 0px; padding: 0px; list-style: none;} /* all list items */ #siteContainer #pageContainer #mainNav li {margin-left: 0px; float: left; position: relative; z-index: 10;} /* second-level lists */ #siteContainer #pageContainer #mainNav li ul {position: absolute; background-color: #178C9E; left: -999em;} #siteContainer #pageContainer #mainNav li ul li ul {position: absolute; background-color: #6cb6c1; left: -999em;} /* second-level lists */ #siteContainer #pageContainer #mainNav li ul li {width: 190px; margin-left: 0px; color: #1C7523; clear: both;} /* second-level lists */ #siteContainer #pageContainer #mainNav li ul li a {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px;} #siteContainer #pageContainer #mainNav li ul li ul li a {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px;} #siteContainer #pageContainer #mainNav li ul li ul li a.last {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px;} /* lists nested under hovered list items */ #siteContainer #pageContainer #mainNav li:hover ul, #siteContainer #pageContainer #mainNav li.snHover ul {left: 0px; top: 36px;} #siteContainer #pageContainer #mainNav li:hover ul.nav_diary, #siteContainer #pageContainer #mainNav li.snHover ul.nav_diary {left: -24px; top: 36px;} #siteContainer #pageContainer #mainNav li:hover ul.nav_resources, #siteContainer #pageContainer #mainNav li.snHover ul.nav_resources {left: -74px; top: 36px;} /* ensure tier2 nav remains hidden */ #siteContainer #pageContainer #mainNav li:hover ul li ul, #siteContainer #pageContainer #mainNav li.snHover ul li ul {left: -999em;} #siteContainer #pageContainer #mainNav li ul li:hover ul, #siteContainer #pageContainer #mainNav li ul li.soHover ul {left: 189px; top: -1px;} #siteContainer #pageContainer #mainNav li ul li:hover ul.sub_left, #siteContainer #pageContainer #mainNav li ul li.soHover ul.sub_left {left: -189px; top: -1px;} /* main content */ #siteContainer #pageContainer #mainContent {width: 760px; text-align: left; margin: 0px auto 0px auto; padding: 20px;} #siteContainer #pageContainer #mainContent #leftColumn {float: left; width: 180px; text-align: left; margin: 0px 20px 0px 0px;} #siteContainer #pageContainer #mainContent #leftColumn #notificationSeparator {height: 50px; display: block;} #siteContainer #pageContainer #mainContent #leftColumn #subNav {margin: 0px; padding: 0px; list-style: none;} #siteContainer #pageContainer #mainContent #leftColumn #subNav a {text-decoration: none; border: 1px solid #f3ffff; font-weight: bold; color: #178C9E; padding: 2px 3px 2px 3px; margin: 2px 0px 0px 0px; display: block;} #siteContainer #pageContainer #mainContent #leftColumn #subNav a:hover {border: 1px solid #BCDFEC; background-color: #FFFFFF;} #siteContainer #pageContainer #mainContent #leftColumn #subNav a.selected {text-decoration: none; border: 1px solid #BCDFEC; background-color: #FFFFFF; font-weight: bold; color: #178C9E; padding: 2px 3px 2px 3px; margin: 2px 0px 0px 0px; display: block;} #siteContainer #pageContainer #mainContent #leftColumn #subNav ul {margin: 0px; padding: 0px; list-style: none;} #siteContainer #pageContainer #mainContent #leftColumn #subNav ul a {padding: 2px 3px 2px 20px; color: #67B4C6;} #siteContainer #pageContainer #mainContent #leftColumn #subNav ul a.selected {padding: 2px 3px 2px 20px; color: #67B4C6;} #siteContainer #pageContainer #mainContent #centralColumn {float: left; width: 360px; text-align: left; margin: 0px 20px 0px 0px;} #siteContainer #pageContainer #mainContent #fullMainColumn {float: left; width: 560px; text-align: left; margin: 0px 20px 0px 0px;} #siteContainer #pageContainer #mainContent #rightColumn {float: left; width: 180px; text-align: left; margin: 0px 0px 0px 0px;} /* NEWS */ .newsItem {border: 1px solid #e6e6e6; padding: 5px; margin: 0px 0px 10px 0px; background-color: #f7fdff;} .references {border: 1px solid #e6e6e6; padding: 5px; margin: 0px 0px 10px 0px; background-color: #f7f7f7; font-weight: bold; font-size: .85em;} .references h3 {font-size: 1.2em; color: #666666;} /* SITEMAP STYLE */ #siteContainer #pageContainer #mainContent #sitemap li {list-style: none; margin: 0px 0px 0px 0px; font-size: 1.3em;} #siteContainer #pageContainer #mainContent #sitemap li ul li {list-style: none; margin: 0px 0px 0px -25px; font-size: .8em;} #siteContainer #pageContainer #mainContent #sitemap li ul li a.indent {margin: 0px 0px 0px 10px;} /* footer */ #siteContainer #pageContainer #footer {width: 800px; height: 22px; margin: 10px auto 0px auto; background-color: #d1e8ec; font-size: .9em; padding: 8px 0px 0px 0px;} #siteContainer #pageContainer #footerLinks {width: 800px; margin: 10px auto 0px auto; font-size: .7em; padding: 0px 0px 0px 0px;} #siteContainer #pageContainer #footerLinks a {text-decoration: none; color: #787878; font-weight: bold;} #siteContainer #pageContainer #footerLinks a:hover {color: #178c9e;}