/* --------------------------begin global styles-------------------------- */ /* default styles */ body { font-family: verdana; font-size: 11px; margin: 5px; color: #000066; } input,select {font-family: verdana; font-size: 11px;} p {margin-left:0px; margin-top:0px; margin-left:0px; margin-bottom:0px; line-height: 14px; padding-bottom: 10px;padding-right:50px;} a:link, a:visited, a:active {color:#000066; font-weight:bold; text-decoration: none; border: 0px;} a:hover {text-decoration: underline;} a:link.light, a:visited.light, a:active.light {font-weight:normal;} a.smallgrey, a:visited.smallgrey, a:active.smallgrey {color: #939393;} hr { color: #939393; background-color: #939393; height: 1px; padding:0px; margin:0px;} /* list styles */ ul {margin-top: 2px; margin-bottom: 5px; list-style-type: disc; margin-right: 50px;} ol {margin-top: 5px; margin-bottom: 5px;} li {margin-left: -1em; padding-bottom: 5px;} img.arrow {margin-top: -5px; padding-bottom:0px;} /* body text headers */ #data_header {width: 400px; font-family: Trebuchet MS; font-size: 24px; color: #666666; padding-bottom: 5px; margin-top:0px;} h1 {font-size: 13px; color: #000066; font-weight: bold; padding-top: 5px; margin: 0px;} h1.tab {font-size: 13px; color: #000066; padding-top:0;font-weight: bold; margin: 0px;} h2 {font-size: 11px; font-weight: bold; padding-top: 5px; margin: 0px;} h3 {font-size: 11px; color: #000066; font-weight: normal; font-style: italic; padding-top: 5px; margin: 0px;} /* misc styles */ .smallgrey {font-size: 9px; line-height: 12px; color: #939393;} p.intropara {font-size: 12px; line-height: 18px; padding-right:10px; } div#contact {text-align: right; padding-top: 9px; padding-right: 9px ; padding-bottom:0px; margin-bottom:-10px; background-color:none;} /*new styles*/ div#orange_callout { background-color: #ffffff; display: inline; position: relative; float: right; width: 185px; color: #e5872b; font-size: 11px; border: 1px solid #e5872b; margin: 10px;} div#orange_callout p {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px; padding-right:0px;} div#orange_callout i {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px; padding-right:0px;} div#orange_callout h3 {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px;} div#orange_title {background-color: #e5872b; display: inline; position: relative; float: right; width: 185px; color: white; font-size: 11px; font-weight: bold; margin-bottom: 5px; } div#orange_title p {padding: 0; margin: 10px; line-height: 1.25em;} a:link.orange_callout, a:visited.orange_callout, a:active.orange_callout {text-decoration: none; border: 0px; color: #e5872b;} a:hover.orange_callout {text-decoration: underline;} ul.callout {list-style-type: disc; margin-right:10px; padding-right:0px;} ul.callout_none {list-style-type: none; margin-right:2px; margin-left:20px; padding-right:0px;} div#callout_wide { background-color: #ffffff; width: 400px; color: #e5872b; font-size: 11px; border: 1px solid #e5872b; margin: 10px;} div#callout_wide p {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px; padding-right:0px;} div#callout_wide h3 {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px;} div#wide_title {background-color: #e5872b; display: inline; position: relative; float: right; width: 400px; color: white; font-size: 11px; font-weight: bold; margin-bottom: 5px; } div#callout_wide p {padding: 0; margin: 10px; line-height: 1.25em;} div#caption_right { text-align: left; font-size: 10px; font-weight: normal; color: #000066; padding: 5px; display: inline; position: relative; float: right; width: 185px;} h2.reverse_center {font-size: 12px; text-align: center; font-weight: bold; color: white; padding-bottom: 5px; padding-top: 0; margin: 0;} p.foot {font-size: 9px; color: #999999;} div.caption { text-align: center; font-size: 10px; font-weight: normal; color: #000066; padding: 0 10% 5px;} div.image_title { text-align: center; font-size: 11px; font-weight: bold; color: #000066; padding-top: 10px; padding-bottom: 0px; } div.caption_narrow { text-align: center; font-size: 10px; font-weight: normal; color: #000066; padding: 0 0 5px; } div.float_right {display: inline; position: relative; float: right; width: 225px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px;} a:link.h1, a:active.h1, a:visited.h1 {font-size: 13px; color: #4d2a86; font-weight: bold; text-decoration: none;} a:hover.h1 {font-size: 13px; color: #4d2a86; font-weight: bold; text-decoration: underline;} /* table styles */ .table_header { background-color: #0397d7; color: #ffffff; border: 1px solid #939393;border-right: 1px solid #939393;border-bottom: 1px solid #939393; } .row0 {background-color: #cdcdcd; border-left: 1px solid #939393;border-right: 1px solid #939393;border-bottom: 1px solid #939393;} .row1 {background-color: #FFFFFF; border-left: 1px solid #939393;border-right: 1px solid #939393;border-bottom: 1px solid #939393;} div#orange {font-family: Verdana, sans-serif;font-size: 10px;line-height: 120%;} div#orange td {vertical-align: top;border-bottom: 1px solid #FFD9A4;border-right: 1px solid #FFD9A4;text-align: left;} div#orange table { border-left: 1px solid #FFD9A4; border-top: 1px solid #FFD9A4; margin-bottom:10px; margin-top:3px;} div#orange tr.table_header {background-color: #E08D18; color: #ffffff; font-weight: bold;} div#orange tr.row1 {bacground-color: #ffffff;} div#orange tr.row0 {background-color: #FFF2E0;} div#orange a:link{ font-weight: normal; color: #000066; text-decoration: none;} div#orange a:hover{font-weight: normal; color: #0397D6; text-decoration: underline; } div#orange a:visited{ font-weight: normal; color: #000066; text-decoration: none;} div#orange a.white:link{ font-weight: bold; color: #FFFFFF; text-decoration: underline;} div#orange a.white:hover{font-weight: bold; color: #0397D6; text-decoration: underline; } div#orange a.white:visited{ font-weight: bold; color: #FFFFFF; text-decoration: underline;} div#purple {font-family: Verdana, sans-serif;font-size: 10px;line-height: 120%;} div#purple td {vertical-align: top;border-bottom: 1px solid #D3CBE8;border-right: 1px solid #D3CBE8;text-align: left;} div#purple table { border-left: 1px solid #D3CBE8; border-top: 1px solid #D3CBE8; margin-bottom:10px; margin-top:3px;} div#purple tr.table_header {background-color: #000066; color: #ffffff; font-weight: bold;} div#purple tr.row1 {bacground-color: #ffffff;} div#purple tr.row0 {background-color: #EFECF6;} div#purple a:link{ font-weight: normal; color: #000066; text-decoration: none;} div#purple a:hover{font-weight: normal; color: #0397D6; text-decoration: underline; } div#purple a:visited{ font-weight: normal; color: #000066; text-decoration: none;} div#purple a.white:link{ font-weight: bold; color: #FFFFFF; text-decoration: underline;} div#purple a.white:hover{font-weight: bold; color: #0397D6; text-decoration: underline; } div#purple a.white:visited{ font-weight: bold; color: #FFFFFF; text-decoration: underline;} div#green {font-family: Verdana, sans-serif;font-size: 10px;line-height: 120%;} div#green td {vertical-align: top;border-bottom: 1px solid #D5DDB2;border-right: 1px solid #D5DDB2;text-align: left;} div#green table { border-left: 1px solid #D5DDB2; border-top: 1px solid #D5DDB2; margin-bottom:10px; margin-top:3px;} div#green tr.table_header {background-color: #93A445; color: #ffffff; font-weight: bold;} div#green tr.row1 {bacground-color: #ffffff;} div#green tr.row0 {background-color: #EFF2E4;} div#green a:link{font-weight: normal; color: #000066; text-decoration: none;} div#green a:hover{font-weight: normal; color: #0397D6; text-decoration: underline;} div#green a:visited{font-weight: normal; color: #000066; text-decoration: none;} div#green a.white:link{font-weight: bold; color: #FFFFFF; text-decoration: underline;} div#green a.white:hover{font-weight: bold; color: #0397D6; text-decoration: underline;} div#green a.white:visited{font-weight: bold; color: #FFFFFF; text-decoration: underline;} /*promotional items*/ div#promobox {float:left;margin:5px;width:8em;height:8em;text-align:center;background-color: #ffffff;color: #e5872b;border: 1px solid #e5872b;font-size: 11px;font-style: normal;text-decoration: none; } div#promobox_callout p {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px;} div#promobox_title {background-color: #e5872b; display: inline; width:8em;float: right; color: white; font-size: 11px; font-weight: bold; margin-bottom: 5px; } div#promobox_title p {padding: 0; margin: 5px; line-height: 1em;} div#promobox a {text-decoration: none; border: 0px; color: #e5872b;} div#promobox a:hover.promobox {text-decoration: underline;} /* main content wrapper */ div#main_container{position: relative; text-align: left; width: 790px; background-color: #cdcdcd; border-bottom: 5px #cdcdcd solid; border-top: 5px #cdcdcd solid;} /* header table */ table#header {position: relative; top: 0px; left: 5px; width: 780px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; background-color: #000066; color: white;} /* top nav styles */ div#topnav {position: relative; top: 20px; left: 0px; width: 790px; clear: left; background-color: #cdcdcd; text-align: center; margin: 0px; height: 29px;} ul#topnav {position: relative; top: 0px; left: 0px; list-style: none; padding: 0px; margin-top: 5px; margin-left: 5px; margin-right: 0px; margin-bottom: 0px; border: 0px;} ul#topnav li {position: relative; top: 0px; left: 0px; display: inline; float: left; width: 85px; height: 29px; margin-right: 5px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #000066; color: white; text-align: center; font-size: 11px; font-weight: bold; padding: 0px;} ul#topnav li.inactive {position: relative; top: 0px; left: 0px; display: inline; float: left; width: 85px; height: 29px; margin-right: 5px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #0397d7; color: white; text-align: center; font-size: 11px; font-weight: bold; padding: 0px;} ul#topnav li.home {position: relative; top: 0px; left: 0px; display: inline; float: left; width: 57px; height: 29px; margin-right: 5px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #3366CC; color: white; text-align: center; font-size: 11px; font-weight: bold; padding: 0px;} ul#topnav li.home_inactive {position: relative; top: 0px; left: 0px; display: inline; float: left; width: 57px; height: 29px; margin-right: 5px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #0397d7; color: white; text-align: center; font-size: 11px; font-weight: bold; padding: 0px;} ul#topnav a:link, ul#topnav a:visited, ul#topnav a:active {position: relative; top: 7px; text-align: center; color: white; padding: 0px; margin: 0px;} ul#topnav a:hover {position: relative; top: 7px; padding: 0px; margin: 0px; text-decoration: none;} /* leftnav styles */ ol.section_head {list-style-image: url(../images/bluebox.gif); list-style-type: circle; padding-left: 34px; vertical-align: middle; padding-bottom: 0px; margin: 0px; padding-top: 20px;} li.section_head {color: #0397d6; font-weight: bold; font-size: 12px; padding-bottom: 20px;} li.section_head a {color: #0397d6; font-weight: bold;} div#blueline {margin-left: 10px; margin-right: 5px; padding-left: 8px; border-left: 1px #0397d6 solid; margin-bottom: 15px; } div#blueline ul {list-style-type:none; margin-left: 2px; padding: 0; margin-right: 5px;} div#blueline li {margin-bottom: 15px; padding: 0; margin-left: 8px;} div#blueline li.noindent {margin-left: 0px;} div#blueline li.rule {color:#999999;width: 140px; border-bottom: 1px solid #999999; margin-left: 0px; margin-bottom: 15px; font-weight:bold;} div#blueline a.leftnav_bold_on {margin-bottom: 15px; color: #0397d6; font-weight: bold;} div#blueline a.sublink {color: #000066; font-weight:normal; } div#blueline .sublink_bold {color: #000066; font-weight: bold;} div#noline {padding-bottom: 15px; margin-left: 20px; margin-right: 5px; } a.leftnav_bold { color: #000066; font-weight: bold;} /* footer styles */ div#footer_container {position: relative; clear: left; width: 790; margin: 0px; padding: 0px;} div#footer {position: relative; top: 0px; left: 5px; clear: left; height: 27px; width: 780px; background-color: #000066; color: #3366CC; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; font-size: 10px; text-align: center; padding-top: 14px;} div#footer a:link, div#footer a:visited, div#footer a:active {color: white;} div#footer a:hover {border-bottom: 1px #ffffff solid; text-decoration: none;} /* --------------------------end global styles-------------------------- */ /* --------------------------begin secondlevel styles---------------------- */ /* columns */ div#main_content {position: relative; clear: left; top: 0px; left: 0px; padding: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; width: 790px; background-color: #cdcdcd;} td#leftcol {position: relative; top: 0px; left: 0px; background-color: #cdcdcd; width: 175px; height: auto; margin-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px;} td#rightcol {position: relative; top: 0px; left: 0px; background-color: #ffffff; width: 600px; height: auto; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;} /* purple subnav */ div#purplebox_topnav {position: relative; text-align: center; margin: 0px; padding: 0px;} ul#purplebox_topnav {position: relative; list-style: none; padding: 0px; margin: 0px;} ul#purplebox_topnav li {position: relative; display: inline; float: left; width: auto; height: 15px; margin-right: 5px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #3366CC; color: white; text-align: center; font-size: 11px; font-weight: bold; padding: 4px; height: 15px;} ul#purplebox_topnav li.on {position: relative; display: inline; float: left; width: auto; height: 15px; margin-right: 5px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #000066; color: white; text-align: center; font-size: 11px; font-weight: bold; padding: 4px; height: 15px;} ul#purplebox_topnav a:link, ul#purplebox_topnav a:visited, ul#purplebox_topnav a:active {font-weight: bold; color: white; text-decoration: none;} ul#purplebox_topnav a:hover {text-decoration: none;} td#tab_content {width:425px; border: 1px #000066 solid; padding:10px;} /*td#tab_content p {padding:0px;}*/ /* --------------------------end secondlevel styles---------------------- */ /* --------------------------begin homepage styles---------------------- */ /* first row of content (main image and orange box*/ div#main_content_row1 {position: relative; top: 0px; left: 0px; clear: left; padding: 0px; border: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; width: 790px; height: 284;} ul.home_main {position: relative; list-style-type: none; margin: 0px; padding: 0px; border: 0px;} li.home_main {position: relative; display: inline; float: left; margin-right: 0px; margin-left: 5px; margin-top: 5px; margin-bottom: 0px; padding: 0px; border: 0px;} /* orange box */ table#contact_box_container {margin: 0px; padding: 0px; border: 0px; float: left; width: 240; height: 281;} table#contact_box_container td.contact_box1 {margin: 0px; padding: 0px; border: 0px; background-color: #cdcdcd; text-align: center; border-collapse: collapse; width: 240px; height: 95px;} table#contact_box_container td.contact_box2 {margin: 0px; padding-left: 55px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #cdcdcd; background: url(../images/arrow_ffffff.gif) no-repeat top left; border-collapse: collapse;} table#contact_box_container td.contact_box3 {margin: 0px; padding-left: 55px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #cdcdcd; background: url(../images/arrow_ffffff.gif) no-repeat top left; border-collapse: collapse;} table#contact_box_container td.contact_box4 {margin: 0px; padding-left: 55px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; border: 0; background: url(../images/arrow_ffffff.gif) no-repeat top left; border-collapse: collapse;} /* link styles and form styles for orange box */ a:link.contact_box, a:active.contact_box, a:visited.contact_box {color: #4d2a86; font-weight: bold;} a:hover.contact_box {text-decoration: underline; border: 0px;} select.home {margin-top: 0px; padding: 1px; background-color: #ffffff; width: 217px; border: 1px #a6a6a6 solid; text-align: left;} /* second row white boxes */ div#main_content_row2 {position: relative; top: 0px; left: 0px; clear: left; padding: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border: 0px; background-color: #cdcdcd; text-align: left;} table.whiteboxes {position: relative; top: 0px; left: 0px; margin-left: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; width: 780px; padding: 0px; text-align: left;} td.space {background-color: #cdcdcd; width: 5px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; border: 0px; padding: 0px; vertical-align: top;} td.whitebox {background-color: #ffffff; margin: 0px; border: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; vertical-align: top;} /* text headers and link styles for whiteboxes */ p.teaser { padding-right: 0px; color: #000066; } h1.teaser {font-size: 13px; font-weight: bold; color: #000066; padding-top: 0px; padding-bottom: 0px; margin: 0px;} h2.teaser {color: #000066; font-weight: bold; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px;} a:link.teaser, a:visited.teaser, a:active.teaser {text-decoration: none; border: 0px; color: #000000; font-weight:normal;} a:hover.teaser {text-decoration: underline;} a:link.teaser_hd, a:visited.teaser_hd, a:active.teaser_hd {color: #4d2a86; font-weight: bold; text-decoration: none; border: 0px; color: #4d2a86; font-weight: bold;} a:hover.teaser_hd {text-decoration: none;} /* --------------------------end homepage styles---------------------- */ div#green_callout {background-color: #ffffff; display: inline; position: relative; float: right; width: 185px; color: #009933; font-size: 11px; border: 1px solid #009933; margin: 10px;} div#green_title {background-color: #009933; display: inline; position: relative; float: right; width: 185px; color: white; font-size: 11px; font-weight: bold; margin-bottom: 5px;} div#green td {vertical-align: top;border-bottom: 1px solid #009933;border-right: 1px solid #009933;text-align: left;} div#green table {border-left: 1px solid #009933; border-top: 1px solid #009933; margin-bottom:10px; margin-top:3px;} div#green_callout p {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px; padding-right:0px;} div#green_callout i {margin-left: 10px; margin-right: 5px; margin-bottom:3px; margin-top: 3px; padding-right:0px;}