/* CSS Document online feb 5 now being edited for font size, centering and redundancy */ /*this can be used for 3 column pages*/ body, td{ background: #fff; color: #000000; font-family: calibri,verdana, arial, helvetica, sans-serif; font-size: 100.1%; padding: 0px; text-align: center; } /* ################ Position ################ */a:hover, a:active{text-decoration: underline;} a:link {color:#2A3FAA;} a:visited {color:#000066} a:hover {color:#336699; text-decoration: underline} a:active {color:#F30; text-decoration: underline;} li, dl, dd, dt {line-height: 140%;} #all { background: #ffffff; color: #000000; font-size: 0.8em; margin: 0 auto; max-width: 1200px; padding: 0; text-align: left; border-top: medium solid #999999; border-right: medium solid; border-bottom: medium solid; border-left: medium solid; } #logo { font-size: 1em !important; font-weight: bold !important; position: relative; text-align: left; text-transform: none !important; z-index: 0; margin-top: 0px; } #logo img { display: block; } #logo span { display: block; margin: 0px 0 0 10px !important; border-bottom: solid 1px #666; } #toputil { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: 400; float: right; clear: none; padding-left: 0px !important; border-top: medium none #99ccff !important; border-right: medium none #99ccff !important; border-bottom: medium solid #99ccff !important; border-left: medium none #99ccff !important; padding-top: 5px !important; padding-right: 15px !important; padding-bottom: 0px !important; } #page { } #header { background: #fff; color: #000000; margin: 0; position: relative; text-align: right; border-bottom: solid 4px #ccc; } .invisible , .unseen { display: inline; height: 0px; left: -3000px; position: absolute; top: -2000px; width: 0px; z-index: 200; } /* ################# breadcrumbs ################ */ #breadcrumbs { background: #dadada; min-height:2em; padding-top:0; text-align:left; color:#000; border-bottom-style: solid; border-bottom-color: #3399cc; } #breadcrumbs p { padding:5px; display:inline; } * html #breadcrumbs { height: 65px; } #breadcrumbs a { text-transform:none; } #breadcrumbs a:link,#breadcrumbs a:visited { background: #dadada; color:#191970; } #breadcrumbs span { color:#CC0000; font-size: 1em; } #breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus { background:#000; color:#fff; text-decoration:none; } .wrap { border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden; } #masthead { padding: 0.5em; background-color: #ffffff; color: #333333; display: block; font-family: corbel, Arial, Helvetica, sans-serif; font-size: small; text-align: center; font-style: italic; font-weight: normal; } #input { background-color: #ffffcc; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; } /*core page layout*/ #pageWrapper { margin-top: 0px; min-width: 30em; line-height : 1.25em; text-align: left; width: auto; } * html #pageWrapper { /* \*/ word-wrap:break-word; /* invalid CSS but keeps IE from breaking horribly under narrow viewports */ } p { margin-top: 0; font-weight: normal; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; line-height: 130%; padding-bottom: 0.25em !important; font-size: 1.30em; } .clear {clear: both; } .hide { display: none; } .inside { padding: 0 1em; } html[xmlns] .mozclear { border-bottom: 1px solid #fff !important; margin-bottom: -1px; } ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { margin-top: 1.25em; margin-bottom: 1.25em; } li { font-family: Geneva, Arial, Helvetica, sans-serif; padding-bottom: 0.25em !important; } h1,h2,h3,h4,h5,h6 { color: #333; font-family: Geneva, Arial, Helvetica, sans-serif} h1 { margin-top:3px; line-height:105%; font-size:190%; padding: 10px 10px 10px 0px;} h2 {font-size:165%;line-height:105%} h3 {font-size:140%} h4 {font-size:125%} h5 {font-size:115%} h6 {font-size:105%;font-variant: small-caps} /* alter some HTML elements' default style */ a, a:link, a:visited { text-decoration: none; font-weight:bold; line-height: 130%; font-size: 100.1%; } a:link {color:#2A3FAA;} a:visited {color:#000080;} a:hover {color:#336699; text-decoration: underline;} a:active {color:#F30; text-decoration: underline;} table {font-weight:normal;} td, th {vertical-align: top;} #input { background-color: #ffffcc; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; } #outerColumnContainer { border-left: 14em solid #fff !important; border-right: 14em solid #fff !important; border-top-color: #fff !important; border-bottom-color: #fff !important; } #innerColumnContainer { margin: 0 -1px; width: 100%; z-index: 1; border-top: 0 solid #eee !important; border-right: 1px solid #eee !important; border-bottom: 0 solid #eee !important; border-left: 1px solid #eee !important; text-align: left; /*needed to compensate for body centering*/ } #leftColumn, #middleColumn, #rightColumn, * html #SOWrap { overflow: visible; /* fix for IE italics bug */ position: relative; /* fix some rendering issues */ } #SOWrap { float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; } #middleColumn { float: right; margin: 0 0 0 -1px; width: 100%; z-index: 5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight:normal; } #articleBody { font-family: Calibri, Verdana, Helvetica, Arial, sans-serif; } #leftColumn { float: left; margin: 0 1px 0 -14em; width: 13em; z-index: 4; } #rightColumn { float: right; width: 14em; margin: 0 -14em 0 1px; z-index: 2; } #footer { border: solid 1px #ccc !important; border-width: 1px 0 !important; padding: 0.5em; } .vnav { margin: 1em 0; } .vnav ul, .vnav ul li { margin: 0; padding: 0; list-style-type: none; display: block; } .vnav ul { border-top: 1px solid !important; border-right: 1px solid !important; border-bottom: 0 solid !important; border-left: 1px solid !important; } .vnav ul li { border-bottom: 1px solid !important; } .vnav ul li, .vnav ul li a { margin: 0; display: block; padding: 0; line-height: normal; } .vnav ul li a { display: block; padding: 2px 5px 3px 5px; } .vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover { text-decoration: none; } .vnav h3 { margin-bottom: 0; font-size: 126%; }*/ * html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ { height: 0.01%; } * html .vnav ul { position: relative; /* IE needs this to fix a rendering problem */ } /* horizontal navigation*/ .hnav { background-color: #E1EFFD; font-size: medium; color: #000; font-weight: normal; text-decoration: none; white-space: nowrap !important; margin: 0 -1px 0 0; padding: 3px 10px 4px 10px; text-align: center; } .hnav ul span.divider { display: none; } * html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */ { height: 0.01%; /* holly hack to fix a render bug in IE6/Win */ } * html .HNAV { height: auto; /* above IE6/Win holly hack breaks IE5/Win when page length get beyond the point that 1% height is taller than the text height. IE5/Win does not need this holly hack so we remove it here */ padding: 0; /* IE5/Win will resize #hnav to fit the heights of its inline children that have vertical padding. So this incorrect case selector will remove that padding */ } .hnav ul { text-align: center; list-style-type: none; line-height: normal; margin: 0; padding: 0; } .hnav ul li { display: inline !important; white-space: nowrap !important; margin: 0; border-top-width: 4px !important; border-bottom-width: 3px !important; border-top-style: groove !important; border-bottom-style: groove !important; border-top-color: #99CCFF !important; border-bottom-color: #003399 !important; } .hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active { text-decoration: none; margin: 0 -1px 0 0; padding: 3px 10px 4px 10px; border-left: 3px solid #000066 !important; border-right: 3px solid #003399 !important; font-size: medium; } * html .HNAV ul li a { /* \*/ width: 1%; /* holly hack for IE5/Win inline padding. this hack fixes different * rendering bugs in 5.0 and 5.5. Width is used instead of height * because if the document is too long, these elements become very tall * and disrupt the look of the document. too wide an element is better, * visually, than too tall. */ } .hnav ul li a:hover { text-decoration: none; } /* below selectors for consistent font size across * platforms. use #pageWrapper to set the base font-size for the layout.*/ html>body { /* Opera's default font size is typically 10% smaller than IE or Mozilla * so we correct for this here, since we're using percentages * everywhere. And we do this because pixel-based fonts don't resize * under IE/Win and percentages/ems are essentially the same, and I like * percentages for fonts. */ font-size: 100%; line-height: 140% } body:last-child, * html body { /* the previous selector for Opera's fix is caught by more * than a few other browsers, so we reset that value here. */ font-size: 100.1%; line-height: 140%; font-weight:normal; } /* everything below is related to the page's "theme"*/ #pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a { border: #ccc !important; } #pageWrapper { font-size: small; /* set your default font size here. */ font-weight:normal; } #masthead { color: #fff; } .hnav { background-color: #DADADA;/*changed from psar06*/ font-size: large; color: #000; font-weight: normal; text-decoration: none; } #outerColumnContainer { border-left-color: #fefefe !important; /* left column background color */ border-right-color: #fefefe !important; /* right column background color */ background-color: #fefefe; /* set the background color for the middle column here */ } .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active { text-decoration: none; background-color: #B0C9E1; color: #000; font-weight: normal; border: 1px solid #fff !important; font-family: Candara, Geneva, Arial, Helvetica, sans-serif; font-size: medium; } #rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active { background-color: #8EBAFF; color: #000099; } .vnav ul li a:hover, #rightColumn .vnav ul li a:hover { background-color: #003399; color: #0000CC; text-decoration: none; background-color: #003399; color: #fff; border: 2px solid #1958b7 !important; } .hnav ul li a:link, .hnav ul li a:visited { background-color: #3A75C4; /*changed from psar06*/ color: #FFFFCC; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; } .hnav ul li a:hover { background-color: #FF9933; color: #000; } #rightColumn .inside .vnav { font-size: 90%; } #footer { font-size: 85%; color: #333; text-align: center; /*border: 1px solid #ccc;*/ } .sibmb .sih .sih .sibf .sibmg .sibmgb .sibmgbdot .sibmj .sibmv .sibmw {margin-left:5px; padding:5px; font-family: Calibri, verdana, arial, helvetica,sans-serif; color:#000; } .sibmb { background:#DFEFFF; margin: 4px; padding: 4px; } .sih {font-size: 90%;font-weight:bold;background:#EFE4DA} .sibf {background:#ffc} .sibmg { font-size:100%; background:#FFEECA; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 15px !important; padding-left: 20px !important; } .sibmgb {font-size:100%;font-weight:bold;background:#ffde9c} .sibmgbdot {font-size:100%;font-weight:bold;background:#ffde9c; border: 1px dashed #999999 !important} .sibmj {font-size:100%;background:#FEF7E0} .sibmv {background-color: #DCEDED;font-size:90%;border: 1px dashed #999999 !important} .sibmw {font-size:90%;background:#fff} .headlineLargeRed{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 170%;color: #CC0000;line-height: 120%} .headlineList2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #000000;line-height: 140%} .headlineList1{font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;font-size: 80%;color: #000000;line-height: 150%} .headlineSection {font-family: "Lucida Sans";font-size: 160%;line-height: 110%;font-weight: bold;color: #3399CC;} .headlineUpfront{font-family: "Lucida Sans",Arial, Helvetica, sans-serif;font-weight: bold;font-size: 170%;color: #990000;line-height: 120%} .headlineStory{font-family: Cambria, Georgia, "Times New Roman", Times, serif;color: #CC0000;line-height: 120%;font-size: 180%;} .shoutbox1 { font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-size: medium; font-style: italic; color: #000000; } .shoutquote {width : 40%; font-size : 120%; float : right; border-left : 2px solid #006699; margin-left : 1em; padding : 1ex 1em;} .shoutquote-txt { font-style : italic; color : #006699; font-family: Constantia, "Palatino Linotype", "Times New Roman"; font-size: medium; } .shoutquotee { font-weight: bold; color: #000000; font-size: 70%; margin-top : 8px; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; } .serif { font-family: Constantia, Georgia, "Times New Roman", Times, serif; font-size: 123%; line-height: 135%; line-height: 1.5em !important; color: #000000; } .cap { font-family: Segoi UI, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; font-weight: 400; font-style: italic; } #boxright300 { float: right; width: 300px; margin: 0 0 5px 5px; } .thinborderfloat { float:left; border:solid 1px silver; padding:5px; margin-right:10px; } #boxleft300 { float: left; width: 300px; margin: 0 5px 5px 0px; } #imgleft { float: left; margin-top:5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; } #imgright { float: right; margin-top:5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; } #imgleft200 {float: left} #imgleft299 {float: left} #imgright200 {float: right} #imgright299 {float: right} #imgcenter200 {text-align:center} #imgcenter299 {text-align:center} #imgleft200, #imgright200, #imgcenter200 { width: 200px; border: thin silver solid !important; margin: 0.5em; padding: 0.5em; } #imgleft251, #imgright251, #imgcenter251 { width: 251px; border: thin silver solid !important; margin: 0.5em; padding: 0.5em; } #imgleft200, #imgright200, imgcenter200, #imgleft299, #imgright299, #imgcenter299 p { font-family: corbel, arial, helvetica, sans-serif; color:#333; font-size: small; text-indent: 10px; line-height: 105%; font-weight:normal; } #imgleft200, #imgright200, imgcenter200, #imgleft299, #imgright299, #imgcenter299 h4 {font-size: medium; text-indent: 10px; line-height: 105%; font-weight: normal; } #imgleft200, #imgright200, #imgcenter200, #imgleft299, #imgright299, #imgcenter299 {font-family: calibri, Arial, Helvetica, sans-serif; color:#333} .caption {font-size:100%; font-family: Corbel, Arial,Helevtica,sans-serif} .credit{font-size:85%;font-family:arial,helvetica,sans-serif ;color:#808080} .apmore{color:#003366 ;background-color:#F1F6F8} .aptime{font-size:95% ;color:#CC0000;background-color:#F1F6F8} .leftbg{background-color:#F1F1F5} .leftbg2{background-color:#E6F2FF} .leftbg3{background-color:#E2F3ED} .rightbg{background-color:#F6F4EE} .advsrchlink{font-size:80%;color:#003366} .footer{font-size:90%;color:#003366} a.whiteGlobal:link{color:#fff;background:#000;font-size:small;text-align:right} .cap{font-size:80%;font-family: calibri, verdana,arial,sans-serif;color:#666} .bys{font-weight:bold;font-family:calibri, verdana,arial,sans-serif;font-size:85%} .byl{font-weight:bold;font-size:85%;font-family:calibri, verdana,arial,sans-serif;color:#666} .aptitle{font-size:120%;font-family:Calibri, Arial, Helvetica, sans-serif;color:#000000;background:#D5EAFF;padding:5px;font-weight: normal;} .pdecos{font-size:110%;font-family: Candara, tahoma,sans-serif} /*buttonfront style sheet modified and added here*/ #button { width: auto; border-right: 1px solid #000!important; padding: 0 0 1em 0; margin-bottom: .5em; font-family: calibri, arial, tahoma, sans-serif; font-size: small; background-color: #eee; color: #333; text-align: left; } html>body #button li a { width: auto; } #button ul { list-style: none; margin: 0; padding: 0; border: none !important; text-align: left; } #button li { border-bottom: 1px solid #eeeeee !important; border-left: 5px solid #ccc !important; border-right: 5px solid #999 !important; margin: 0; text-align: left; background-color: #8EBAFF; font-size: small; font-weight: 600; } #button li a { display: block; padding: 5px 5px 5px 0.5em; background-color: #B0C9E1; color: #000099; text-decoration: none; width: auto; } #button li a:visited { display: block; padding: 5px 5px 5px 0.5em; background-color: #B0C9E1; color: #000066; text-decoration: none; width: auto; } #button li a:hover { border-left: 5px solid #003399 !important; border-right: 5px solid #5ba3e0!important; background-color: #2586d7; color: #FFFFCC; text-decoration: underline; } #button li a:active { border-left: 5px solid #1c64d1 !important; border-right: 5px solid #5ba3e0 !important; background-color: #2586d7; color: #FFFFCC; text-decoration: underline; }