/***********************************************/ /* CHRC.css */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ html, body { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 900px; padding-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; } a:link{ text-decoration: none; color: #0000FF; } a:visited{ text-decoration: none; color: #0000FF; } a:hover{ color: #0000FF; text-decoration: underline; } h1{ font-size: 150%; color: #FFFFFF; margin: 0px; padding: 0px; } h2{ font-size: 114%; color: #006699; margin: 0px; padding: 0px; } h3{ font-size: 100%; color: #334d55; margin: 0px; padding: 0px; } h4{ font-size: 85%; font-weight: normal; color: #333333; margin: 0px; padding: 0px; } h5{ font-size: 100%; color: #334d55; margin: 0px; padding: 0px; } label{ font-size: 100%; font-weight: bold; color: #334d55; } /***********************************************/ /* Layout Divs */ /***********************************************/ #siteName{ background-color: #B9B97B; width: 848px; padding-top: 0px; padding-bottom: 0px; } #navBar{ background-color: #CCCC99; height: 85%; float: left; width: 150px; } #content { left: 150px; float: left; overflow: auto; width: 650px; position: absolute; height: 85%; background-color: #F9F8F6; } div.spacer{ clear: both; } #rightNavBar { float: right; width: 250px; margin-top: 40px; margin-right: 10px; background-color: #CCCC99; } #siteInfo { font-weight: bold; font-size: xx-small; padding-bottom: 5px; width: 800px; color: #ffffff; padding-top: 5px; background-color: #CCCC99; text-align: Right; position:static; } /***********************************************/ /* Components */ /***********************************************/ /************** .story styles *****************/ .story{ padding: 10px; font-size: 70%; margin: 0px 50px 7px; float: left; width: 60% } .story p{ padding: 5px; margin-left: 20px; } /************* #siteInfo styles ***************/ /* fix for browsers that don't need the hack */ body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: static; margin: 0px; padding: 10px 0px 0px; font-size: 90%; } #Email{ font-size: 80%; font-weight:bold; } #navBar h3{ padding: 5px; font-weight: bold; color: #FFFF00; text-align: center; font-size: 110%; background-color: #CCCC99; } #sectionLinks a { padding: 5px 0px 5px 10px; /***background-image: url(Images/SideBG.gif);***/ color: #FFFFFF; font-weight: bold; font-size: 85%; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; display: block; vertical-align: text-top; } #closeDates { padding: 5px 0px 5px 10px; background-image: url(Images/SideBG.gif); color: #FFFFFF; font-weight: bold; font-size: 85%; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; vertical-align: text-top; } #sectionLinks h4 { padding: 10px 0px 2px 10px; font-weight: bold; color: black; text-align: center; font-size: 70%; background-color: #CCCC99; } .story h3 { color: #0066cc; font-size: medium; } #contentHeader { background-color: #FDD073; color: #000000; font-size: large; font-weight: bold; padding: 5px 0px 5px 5px; } #navBar img { width: 150px; height: 150px; } #downloadLinks { padding: 5px; float: left; width: 40%; } #downloadLinks h4 { font-style: italic; font-weight: bold; } #downloadLinks a { padding-left: 10px; } #rightSectionLinks { padding: 7px; margin-bottom: 10px; } #rightSectionLinks a { color: #0066CC; font-weight: bold; font-size: 65%; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; vertical-align: top; padding-top: 0px; padding-left: 0px; display: block; } #rightSectionLinks a:hover { font-weight: bold; font-size: 65%; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; vertical-align: top; padding-top: 0px; padding-left: 0px; color: #FFFFFF; background-color: #003399; } #semDateTime { background-color: #CCCC99; font-weight: bold; color: black; padding: 5px; } #semSpeaker { font-weight: bold; font-size: small; margin-left: 15px; color: red; } #semBlackOut { font-size: xx-small; color: red; font-weight: bold; margin-left: 15px; } #semHost { float: left; font-size: xx-small; font-weight: bold; color: #4C8FCD; margin-right: 10px; } #semSubject{ font-size: small; font-weight: bold; color: #0000FF; padding-bottom: 5px; text-align: left; margin-left: 15px; } #semDetail { font-size: xx-small; margin-left: 45px; font-weight: normal; } #semSpeakerTitle { font-size: x-small; margin-left: 100px; font-weight: bold; } #horizontalTopBar { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #990000; margin-left: 15px; font-size: xx-small; padding-bottom: 2px; padding-top: 2px; border-top-width: thin; border-top-style: solid; border-top-color: #990000; background-position: right center; } #topBarMenu { font-size: xx-small; padding-bottom: 3px; padding-top: 3px; background-position: right center; background-color: White; margin-bottom: 5px; font-weight: bold; } #calendarDetail { font-size: xx-small; background-position: right center; margin-bottom: 15px; font-weight: bold; margin-left: 15px; color: black; } #calendarDetail a { color: #FFFFFF; } #horizontalBottomBar { margin-left: 15px; font-size: xx-small; padding-top: 2px; font-style: italic; padding-bottom: 2px; padding-left: 30px; margin-bottom: 15px; } #semSpeaker a { font-weight: bold; color: #FF0000; } #RecordDetail { font-size:xx-small; color:#707070; padding-left: 10px; }