*{ margin: 0; /* ::::: Reset Whitespace for all elements ::::: */ padding: 0; } /* ::::::::::::::::::::::::::::::::::: defaults ::::::::::::::::::::::::::::::::::: */ html, body{ height: 100%; } body{ /*background: #FFFFFF url(bg_body.gif) left top repeat-x; */ background: #FFFFFF; font: small Arial,Helvetica,Verdana,sans-serif; text-align: center; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: 0.9em; } img{ border: none; } p { margin: 15px 18px; font-size: 1em; color: #878787; } h1 { height: 1.5em; padding: 0 0 0 0; font-size: 1.3em; color: #990000; } h2{ height: 1.3em; padding: 0 0 0 0; font-size: 1.0em; color: #666666; } h3{ margin: 8px 12px 0 18px; font-size: 1.2em; color: #555555; border-bottom: 1px solid #000; clear: both; } h4{ margin: 10px 18px 0 34px; font-size: 1em; color:#555555; } h5{ width: 198px; height: 1.4em; margin: 10px 0 0 0; padding: .3em 0 0 6px; font-size: 1em; color: #FFFFFF; background: #666666; } /* ::::::::::::::::::::::::::::::::::: layout ::::::::::::::::::::::::::::::::::: */ #wrapper{ width: 756px; margin: 0 auto; text-align: left; /* background: url(bg_mainbody.gif) left top repeat-y; */ } #logoheader{ padding-top: 15px; width: 756px; background: #FFFFFF; } #logo { display: inline; } #homelink { display: inline; width: 130px; } #nav_top{ padding-bottom: 6px; width: 756px; height: 46px; background: url(bg_navbar.gif) left top no-repeat; background-color: #FFFFFF; } #nav_side{ width: 204px; /*height: 1000px; */ margin: 0 3px 0 0; float: left; background: #666666 url(bg_nav_top.gif) left top no-repeat; } #mainbody{ width: 756px; margin: 0 0 0 3px; float: right; } #topsection{ margin: 0 0 0 0; /*padding-top: 15px; */ padding: 0px; width: 756px; background: #E7E7E7 url(bg_main_top.gif) left top no-repeat; /*border-top: 1px solid #990000; */ } #bodysection { padding: 5px; } .sectionbottom{ width: 756px; height: 11px; background: url(bg_main_bottom.gif) left bottom no-repeat; } #mainsection{ padding: 6px 0 0 0; width: 756px; background: #E7E7E7 url(bg_main_top.gif) left top no-repeat; } .sectionseperator{ width: 756px; height: 6px; background:#666666; } .clear{ height: 1px; clear: both; } /* ::::::::::::::::::::::::::::::::::: nav ::::::::::::::::::::::::::::::::::: */ a{ /* text-decoration: none; */ } a:link{ /* color: #878787; */ color: #333333; } a:visited{ /* color: #878787; */ color: #666666; /*background: #FFF; */ } a:hover{ color: #990000; text-decoration: underline; } ul{ margin: 0 0 0 0; list-style-type: none; } #mainsection ul li{ margin-left: 10px; } li{ margin-top: 5px; margin-bottom: 5px; } ul.navlist li{ margin-top: 0; margin-bottom: 0; width: 204px; } ul.navlist li a{ margin: 0; padding: .2em 6px 0 6px; width: 192px; /*height: 1.3em;*/ /*color: #E0E0E0;*/ color: #3C1107; text-decoration: none; font-weight: bold; display: block; } ul.navlist li a:link{ /*color: #E0E0E0;*/ color: #3C1107; } ul.navlist li a:visited{ background: none; /*color: #E0E0E0;*/ color: #3C1107; } ul.navlist li a:hover{ background: #6688CC; /*color: #FFFFFF;*/ color: #3C1107; text-decoration: none; } ul.navlist ul{ margin-top: 5px; margin-bottom: 3px; } ul.navlist ul li{ margin-top: 0; margin-bottom: 0; } ul.navlist ul li a{ padding: 0 6px 0 20px; width: 178px; font-weight: normal; } ul.navlist ul li a:link{ /*color: E0E0E0;*/ color: #3C1107; } ul.navlist ul li a:hover{ /*color: #FFFFFF;*/ color: #3C1107; background: transparent; } ul.tutlinks{ margin: 25px 18px 10px 34px; } ul.tutlinks li{ margin-top: 4px; } ul.tutlinks li a{ padding-left: 20px; background: url(bullet_arrow.gif) 0 center no-repeat; text-decoration: none; font-weight: bold; } ul.tutlinks li a:link{ color: #878787; background-position: 0 center; } ul.tutlinks li a:visited{ color: #878787; background-position: 0 center; } ul.tutlinks li a:hover{ color: #AAA; background-position: -787px center; text-decoration: underline; } ul.tutlinks li a:active{ color: #878787; background-position: 0 center; } #nav_top ul{ margin: 14px 0 0 10px; padding: 0; float: left; display: inline; } #nav_top ul li{ list-style-type: none; display: inline; padding: 0; margin: 0; float: left; font-size: 0.6em; font-family: arial,verdana,sans-serif; text-align: center; } #nav_top a{ padding: 0 4px; text-decoration: none; font-weight: bold; border-right: 1px solid #FFFFFF; } #nav_top a.lastlink { border: 0; } #nav_top ul li a:link{ color: #FFFFFF; } #nav_top ul li a:visited { color: #FFFFFF; background: none; } #nav_top ul li a:hover { color: #DDDDFF; } #nav_top ul li a:active { color: #FFFFFF; } /* ::::::::::::::::::::::::::::::::::: elements ::::::::::::::::::::::::::::::::::: */ #topsection p{ margin-top: 15px; margin-bottom: 15px; color: #555555; } /* #logo a{ margin: 0; } p.duration{ margin: 0 18px 15px; font-style: italic; } p.tutdescrip{ margin-top: 0; margin-left: 34px; } p.date{ margin-top: 0; margin-bottom: 0; font-size: .7em; } .pod3 p{ margin: 0 8px 8px 8px; } .pod1 h2{ width: 522px; background: url(bg_1colpod_top.gif) left top no-repeat; } .pod2 h2{ margin-bottom: 8px; padding: .2em 8px .2em 8px; height: 1%; width: 248px; font-size: 1.2em; background: url(bg_heading2.gif) left top no-repeat; } .pod2 p{ margin: 0 10px 8px 10px; } .pod2 img{ margin: 0 0 8px 8px; border: 1px solid #AAA; } .pod3 h2{ margin-bottom: 8px; padding: .2em 8px .2em 10px; height: 1%; width: 156px; font-size: 1.2em; background: url(bg_heading3.gif) left top no-repeat; } h3{ margin: 8px 8px 0; font-size: 1em; border: 0; } .pod3 img{ margin-left: 8px; margin-bottom: 8px; border: 1px solid #CECECE; } h2 span{ margin-left: 8px; font-size: .8em; font-weight: normal; } h5#mainmenu{ margin: 0; padding-top: .8em; height: 1.5em; background: url(bg_mainmenuh5.gif) left top no-repeat; } img.tutpreview{ margin: 5px 6px 0 6px; float: right; } p.caption{ margin: 0 12px 20px 6px; width: 240px; float:right; clear: right; font-size: .8em; text-align: center; } /* ::::::::::::::::::::::::::::::::::: forms ::::::::::::::::::::::::::::::::::: */ select{ margin: 0px 0px 0px 0px; font-size: 1em; border: 1px solid #666666; } select.fixed { width: 191px; } textarea{ margin: 0px; padding: 0 4px 0; border: 1px solid #666666; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; } .label{ margin: 6px; color: #FFF; font-size: 1em; float: left; } .labelextra { font-size: 0.8em; color: #666666; } input.submit{ margin-right: 8px; float: right; border: 1px solid #000; font-size: 1em; background: #666666; color: #FFF; } TABLE { font-size: 1em; } TABLE.monthcalendar { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #1A1A1A; } .style4 {font-size: xx-small} .box { border: 1px solid #666666; display: block; background: #f8f8f8; padding: 5px; } .scrollbox { border: 1px solid #666666; width: 450px; height: 200px; overflow: auto; } .monthcheckbox { font-size: 8px; } TABLE.summarytable { font-size: 0.9em; } TABLE.summarytable TR { vertical-align: text-top; border-bottom: 1px solid #666666; } TABLE.summarytable TR TD { padding-right: 3px; } TR.label, TD.label { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; font-weight: bold; } TR.toplabel, TD.toplabel { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666666; font-weight: bold; border-bottom: 1px solid black; } TR.data { font-size: 0.9em; color: #484848; } TR.data TD { padding-left: 5px; padding-right: 5px; } TD.data { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #404040; font-weight: normal; } TD.rightline { border-right: 1px solid black; } TR.alternaterow { background-color: #eeeeee; } ul#menu { color: #666666; padding: 0; margin: 0; font-weight: bold; float: left; background-color: #eeeeee; } ul#menu li { display: block; clear: both; list-style-type: none; text-decoration: none; } ul#menu li a { float: left; display: block; width: 105px; color: #000; padding-right: 0px; padding-left: 3px; text-align: left; text-decoration: none; border-left: 3px solid #000000; border-bottom: 1px solid #666666; line-height: 18px; } ul#menu a:hover { background-color: #B4B3A3; } ul.submenu { } ul.submenu li { border-right: 1px solid #333; display: inline; padding: .2em 2px 0 2px; font-size: 0.7em; color: #990000; } ul.submenu li a { margin: 0; /*height: 1.3em;*/ color: #990000; /*text-decoration: none;*/ } ul.submenu a:hover { color: #990000; } /* H1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #666666; font-weight: normal; } H2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold; } */ .MonthCalCell { border: 1px solid black; } .MonthCalNormal { background-color: #DFD9CE; cursor: default; } .MonthCalShadow { background-color: #D7D7F4; cursor: default; } .MonthCalHasReg { background-color: #F5DCDC; cursor: default; } .MonthCalBlocked { background-color: #CBE4E4; cursor: default; } .MonthCalThisEvent { background-color: #FFFFB7; cursor: default; } P { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: 400; } INPUT { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; scrollbar-base-color: #878787; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #878787; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #878787; } SELECT { font-family: Arial, Helvetica, sans-serif; font-size: 11px; scrollbar-base-color: #878787; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #878787; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #878787; } .EventTime { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align:Left; } .EventInfo { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:Black; text-align:Left; } .MonthCell { background-color:white; } .NonMonthCell { background-color:#990000; } .ResultsHeader { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; color:#666666; text-align:Left; font-weight: bold; } .ResultsBody { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #3C1107; text-align: left; margin-left: 30px; } .ResultsBodyDim { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: italic; color: #666666; text-align: left; } .ResultsBodyDimBold { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; font-style: italic; color: #990000; text-align: left; } .ResultsBodyLocations { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: italic; color: #000000; text-align: left; } .ResultsBodyAbstract { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: left; margin-bottom:10px; } .ResultsBodyDates { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; text-align: left; margin-bottom:10px; } .EventDetailsDescription { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; text-align: left; margin-bottom:10px; margin-left: 20px; } .JumpForm { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; } .selhourbox { font-family: Arial, Helvetica, sans-serif; font-size: 9px; cursor: arrow; border-width: 0px 1px 1px 0px; border-style: solid; border-color: black; } .selbox { cursor: hand; border-style: solid; border-color: black; border-width: 0px 1px 1px 0px; } .selrow { border-style: solid; border-color: black; border-width: 1px 0px 0px 1px; } .seltable { border-style: solid; border-color: black; border-width: 1px 0px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: black; cursor: normal; } .error { color: #990000; font-style: italic; } .alert { color: #990000; font-weight: bold; } .dim { color: gray; } body { scrollbar-base-color: #878787; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #878787; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #878787; } /************* Certificate Style Definitions ********/ .cert { display: block; border: 5px solid black; width: 7in; height: 5in; /* page-break-after: always; */ background-color: #ffffff; } .certmulti { display: block; border: 5px solid black; width: 7in; height: 5in; page-break-after: always; background-color: #ffffff; } .certheader { display: block; text-align: center; font: 24px Times; margin-top: 10px; } .certbody { display: block; margin-top: 20px; text-align: center; font: 18px Times; } .certname { display: block; text-align: center; font: 24px Times; padding: 10px; } .certeventtitle { display: block; text-align: center; font: bold 24px Times; padding-top:10px; padding-bottom: 10px; } .certeventdate { display: block; text-align: center; margin-top: 20px; padding-bottom: 5px; } .certcredit { text-align: center; } .certfooter { position: relative; display: block; padding-top: 100px; } .certsig1 { float: right; } .certnumber { float: left; margin-left: 3%; margin-top: 15px; text-align: center; border: 1px solid black; width: 80px; padding: 3px; font-size: 60%; } .evalresponse { border: 1px solid #888; padding: 3px; } // These are the OLD colors used above: // OLD: body bkgrd ... // OLD: F8F8F8: Very Pale Gray: //OLD: // ----------------------------------------------------------------------------------------------------------------------------------------------------------------- // New colors used above: // optional: