body,td,th { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#111111; } body { background-color:#fff; margin:0px; min-width:780px; } h1,h2,h3,h4,h5,h6,p { margin-top:0px; } a:link { color:#2c3ea5; } a:visited { color:#2c3ea5; } a:hover { color:#038A03; } a:active { color:#038A03; } a img { border:none; /*1px solid #2c3ea5;*/ } hr { color:#ccc; background-color:#ccc; height:1px; border:0; } .hidden { position:absolute; width:0px; height:0px; font-size:0; overflow:hidden; } #mainHeader { background:#fff; width:100%; min-width:780px; margin:0px auto; padding-bottom:30px; position:relative; z-index:200; } #mainHeader #mainLogo { padding:10px; } #mainHeader ul#orgLinks { margin:0px; padding:0px; padding-left:1em; background:#038a03 url(bgnd-org-links.gif) no-repeat; overflow:hidden; position:absolute; right:0px; } #mainHeader ul#orgLinks li { list-style:none; float:left; padding:.7em 5px; } #mainHeader ul#orgLinks li a { color:#fff; text-decoration:none; } #mainHeader ul#orgLinks li a:hover { text-decoration:underline; } #mainHeader address { text-align:right; color:#2c3ea5; font-style:normal; font-weight:bold; font-size:11px; padding-bottom:2px; position:absolute; bottom:35px; right:5px; text-transform:uppercase; } #mainBody { width:100%; min-width:780px; margin:0px auto; min-height:600px; background:#fff; position:relative; z-index:100; padding-bottom:25px; } #mainBody #sideBar { position:absolute; width:28%; background:url(bgnd-sidebar.jpg) repeat-x; min-height:570px; } #mainBody #sideBar #searchForm { padding:12px 15px; border-bottom:1px solid #6587C7; } #mainBody #sideBar #searchForm form { padding:0px; margin:0px; } #mainBody #sideBar #searchForm label { font-weight:bold; text-transform:uppercase; color:#fff; font-size:12px; } #mainBody #sideBar #searchForm input { font-size:11px; } #mainBody #sideBar #searchForm a { color:#fff; } #mainBody #sideBar #quickFacts { margin:12px 15px; color:#fff; height:300px; overflow:auto; } #mainBody #sideBar #quickFacts p { margin:0px; font-size:12px; line-height:18px; font-weight:bold; color:#fff; } #mainBody #sideBar #quickFacts h3 .Head, #mainBody #sideBar #quickFacts .LabelEditTextClass { color:#fff; margin:0px; text-transform:lowercase; font-size:24px; letter-spacing:-1px; } #mainBody #sideBar #missionStatement { margin:12px 15px; color:#2c3ea5; text-align:right; } #mainBody #sideBar #missionStatement p { text-align:right; margin:0px; font-size:12px; line-height:18px; font-weight:bold; color:#0237a0; } #mainBody #sideBar #missionStatement h3 { margin:0px; } #mainBody #sideBar #missionStatement h3 .Head, #mainBody #sideBar #missionStatement .LabelEditTextClass { text-align:right; color:#89a2d3; margin:0px; text-transform:lowercase; font-size:28px; letter-spacing:-1px; } #mainBody #mainContentContainer { position:relative; left:28%; width:72%; } #mainBody #mainContentContainerFull { position:relative; left:0px; } #mainBody #mainContentContainerFull #sideBar { display:none; } #mainBody #mainContentContainerFull #mainContent { padding:0px 25px 50px 25px; } #mainBody #mainContentContainerFull #mainContent h4 { text-align:left; } #mainBody #mainContentContainerFull table { } #mainBody #mainContentContainerFull table.fixedWidth { table-layout:fixed; } #mainBody #mainContentContainerFull table.FileManager { width:100%; } #mainBody #mainContentContainerFull table.FileManager_ToolBar td, #mainBody #mainContentContainerFull table.FileManager_ToolBar option { font-size:80%; } #mainBody #mainContentContainerFull table table { } #mainBody #mainContentContainer ul#healthNews { position:absolute; right:0px; top:160px; margin:0px; padding:0px; list-style:none; z-index:1000; } #mainBody #mainContentContainer ul#healthNews li { list-style:none; } #mainBody #mainContentContainer ul#healthNews a { display:block; width:208px; height:30px; text-indent:-9999px; background:url(btn-news.png); } #mainBody #mainContentContainer #featureImage { width:535px; height:160px; overflow:hidden; } #mainBody #mainContentContainer h3 span.Head, #mainBody #mainContentContainer .LabelEditTextClass { display:block; font-size:1.8em; color:#fff; padding:5px 15px; background:#038a03; margin:0px 0px 20px 0px; font-family:"Times New Roman", Times, serif; position:relative; } #mainBody #mainContentContainerFull h3 span.Head, #mainBody #mainContentContainerFull .LabelEditTextClass { display:block; font-size:1.8em; color:#111; padding:25px 0px 5px 0px; position:relative; margin:0px 0px 20px 0px; border-bottom:1px solid #111; font-family:"Times New Roman", Times, serif; } #mainBody #mainContentContainerFull .Head { color:#930; } #mainBody #mainContentContainer #mainContent { padding:0px; } #mainBody #mainContentContainer #mainContent p { line-height:1.75em; } #mainBody #mainContentContainer #mainContent .defaultContainer, #mainBody #mainContentContainer #mainContent .noPrintContainer, #mainBody #mainContentContainer #mainContent .noTitleContainer { padding-left:25px; padding-right:25px; } #mainBody #mainContentContainer #mainContent table.moduleControls { margin:25px; width:90%; border-top:1px solid #ccc; } #mainBody #mainContentContainer #mainContent table.moduleControls td { padding:5px; } #mainBody #mainContentContainer #mainContent table.moduleControls td a.printButton { text-decoration:none; text-transform:uppercase; color:#111; font-size:10px; padding:6px 5px 8px 30px; background:url(btn-print.jpg) no-repeat; font-weight:bold; height:1%; } #mainBody #mainContentContainer #mainContent table.moduleControls td a.printButton:hover { text-decoration:underline; } #mainBody #mainContentContainer #mainContent table.moduleControls td a.rssButton { text-decoration:none; text-transform:uppercase; color:#111; font-size:10px; padding:6px 5px 8px 30px; background:url(btn-feed.jpg) no-repeat; font-weight:bold; height:1%; } #mainBody #mainContentContainer #mainContent table.moduleControls td a.rssButton:hover { text-decoration:underline; } #mainBody #mainContentContainerFull #mainContent table.moduleControls { clear:both; } #mainFooter { width:100%; min-width:780px; margin:0px auto; padding:10px 0px; font-size:11px; background:#fff; /*border:1px solid #111;*/ border-top:1px solid #ccc; } #mainFooter p { padding-left:10px; margin:0px; } #mainFooter ul#login { float:right; margin:0px; margin-right:10px; padding:0px; list-style:none; } #mainFooter ul#login li { list-style:none; float:left; margin-left:12px; } #mainFooter .SkinObject { color:#111; font-weight:normal; } #mainFooter a.SkinObject { color:#2c3ea5; text-decoration:underline; } #mainFooter a.SkinObject:hover { color:#038A03; } * html #mainBody #mainContentContainer ul#healthNews a { background:none; cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Portals/4/Skins/Asthma/btn-news.png', sizingMethod='scale'); } * html #mainBody { height:600px; } * html #mainBody #sideBar { height:570px; } * html #mainHeader #mainMenu ul li a { width:1%; } * html #mainHeader, * html #mainBody, * html #mainFooter { /*width:expression(document.body.clientWidth < 780? "780px": "auto" );*/ } /* ----------------- Styles for admin skin ----------------------*/ table.Settings td { text-align:left; } /* ----------------- Set default font for modules -------------------- */ .Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox { margin:0px; padding:0px; line-height:1.1em; font:100% Arial, Helvetica, sans-serif; } tr.NormalBold td, td.NormalBold { font-weight:bold; border-bottom:none; /*1px solid #ccc;*/ } /* ================================ style for module titles ================================ */ .Head { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#fff; } /* style of item titles on edit and admin pages */ .SubHead { font-size:85%; } /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ .SubSubHead { font-size:85%; } /* =============== button style for standard HTML buttons ================== */ .StandardButton { font-size:90%; } /* ======================= HTML Tag Styles =========================== */ h1, h2, h3, h4, h5, dt, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size:150%; font-weight:bold; color:#999; } h2 { font-size:150%; font-weight:bold; color:#C00; } h3 { font-size:120%; font-weight:bold; color:#999; } h4 { font-size:120%; font-weight:bold; color:#111; margin:0px; margin-bottom:10px; } h5, dt { font-size:90%; font-weight:normal; color:#999; margin:0px; } h6 { font-size:80%; font-weight:normal; color:#999; margin:0px; } /* ===================================== CSS STYLES FOR HouseMenu SkinObject blue=2c3ea5 green=038A03 ===================================== */ #HouseMenuNavItemHome { display:none !important; } /* Horizontal Menu */ #HouseMenuNav { /* menu wrapper div */ padding:0px; margin:0px; border-top:solid 1px #111; border-bottom:solid 1px #111; list-style-type:none; white-space:nowrap; width:100%; height:30px; background-color:#0237a0; position:absolute; bottom:-1px; } * html #HouseMenuNav { } #HouseMenuNav ul { /* all submenu lists */ padding:0; border:0; margin:0; list-style-type:none; line-height:12px; white-space:nowrap; background-color:#0237a0; height:30px; z-index:8888; } #HouseMenuNav li { /* all list items */ position:relative; display:inline; list-style-type:none; float:left; margin:0; border:0; padding:0; width:144px; height:30px; background:url(angle-right.png) no-repeat 100% 0px; /* hack for MacIE5 to ignore, while other browsers use \*/ width:auto; _width:1px; /* end hack */ /*margin-left:-25px;*/ margin-left:-20px; z-index:100; } #HouseMenuNav li#firstItem { margin-left:0px; } #HouseMenuNav li#firstItem a { padding-left:8px; } #HouseMenuNav li#firstItem ul { margin-left:0px; } #HouseMenuNav li .ieFixMenuItemOuter { position:absolute; right:auto; top:0px; overflow:hidden; z-index:7777; } #HouseMenuNav li .ieFixMenuItemInner { position:absolute; right:0px; top:0px; z-index:8888; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wvdhhr/Portals/4/Skins/Asthma/angle-right.png', sizingMethod='image'); } #HouseMenuNav li.sfhover .ieFixMenuItemInner { top:-30px; } /* Begin IE6 Hack */ * html #HouseMenuNav a { width:1%; z-index:9999; position:relative; } /* End IE6 Hack */ #HouseMenuNav a { /* all links within the menu wrapper */ display:block; color:#fff; font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold; white-space:nowrap; text-decoration:none; text-transform:uppercase; letter-spacing:0px; padding:8px 25px 0px 18px; width:auto; height:22px; /* hack for MacIE5 to ignore, while other browsers use \*/ _width: 100%; /*height: 12px;*/ /* end hack */ margin:0; border:0; } #HouseMenuNav li:hover, #HouseMenuNav li.sfhover { z-index:1000; background-position:100% -30px; } #HouseMenuNav li a:hover { background:url(angle-left.gif) no-repeat 0% -180px; } #HouseMenuNav li ul { /* second-level lists */ position:absolute; height:auto; width:150px; /* width of submenu, must be set so third-level list can get shifted over properly */ left:-9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */ border:solid 1px #333; padding:0; margin:-2px 0 0 0; /* hack for MacIE5 to ignore, while other browsers use \*/ margin:0 0 0 0; /* end hack */ /*white-space:nowrap; z-index:7777; line-height:12px;*/ } #HouseMenuNav li ul ul { /* third-and-above-level lists */ /*margin:-31px 0 0 144px; _margin:-30px 0 0 144px; border:solid 1px #333; white-space:nowrap; line-height:12px;*/ } #HouseMenuNav li:hover ul ul, #HouseMenuNav li:hover ul ul ul, #HouseMenuNav li.sfhover ul ul, #HouseMenuNav li.sfhover ul ul ul { left:-9999px; } #HouseMenuNav li:hover ul, #HouseMenuNav li li:hover ul, #HouseMenuNav li li li:hover ul, #HouseMenuNav li.sfhover ul, #HouseMenuNav li li.sfhover ul, #HouseMenuNav li li li.sfhover ul { /* lists nested under hovered list items */ left:auto; margin-left:15px; } #HouseMenuNav li li { /* all items under the top level */ list-style-type:none; border:none; height:auto; width:148px; background:none; float:none; /* hack for MacIE5 to ignore, while other browsers use \*/ width: 134px; _width: 144px; /* end hack */ } #HouseMenuNav li li a { /* all item links under the top level */ white-space:normal; height:auto; background:none; width:148px; border-right:none; padding:8px 5px; margin:0px; /* hack for MacIE5 to ignore, while other browsers use \*/ width: 134px; _width: 144px; /* end hack */ } #HouseMenuNav li li a:hover { background:none; color:#038A03; } #HouseMenuNav iframe { position: absolute; left: 0; top: 0; z-index: 0; display:block; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } /* Applied to the parent item, if displayed, in either vertical or horizontal orientation. Must follow other styles. */ #HouseMenuNav #houseMenuParentItem a { /* all links under the parent item (li) */ color: #333; background-color: transparent; text-decoration: none; } #HouseMenuNav a#houseMenuParentLink { /* parent link itself */ color: #333; background-color: transparent; text-decoration: none; } #HouseMenuNav a#houseMenuCurrentLink { /* current link itself */ margin: 0; border: 0; padding: 8px 5px 10px 5px; color: #eee; background-color: transparent; text-decoration: none; } .ArrowPointer { cursor: default; } /* ================================ CSS STYLES FOR Module Event ================================ */ /* Note use of "!important" to override Inline Style */ .Eventtooltip { border-right: #000 1px solid; padding-right: 5px; border-top: #000 1px solid; padding-left: 5px; font-size: 10px; filter: alpha(opacity=80); padding-bottom: 5px; border-left: #000 1px solid; width: 200px; color: #000; padding-top: 5px; border-bottom: #000 1px solid; background-color: #ffd; text-align: left; moz-opacity: 0.8; } .Event { border:1px solid #c0c0c0; table-layout: auto; padding:0px; font-size: 12px; margin: 0px; margin-bottom: 25px; color: black; border-collapse: collapse; text-align: center; width: 250px; height: 250px; background:#eeeeee; } .Event td { border:none !important; padding:0px; border:1px solid #c0c0c0 !important; } .Event a:link, .Event a:visited { color:#0f3557 !important; text-decoration:none; font-weight:normal !important; } .Event a:hover, .Event a:active { color:#000000 !important; text-decoration:underline; font-weight:normal !important; } .EventTitle { background-color:#0f3457; border:none !important; width:100%; } .EventTitle td { background-image: none; color: #fff; background-color: #0237A0; text-align: center; padding:7px 3px; border:none !important; } #EventCalendar .EventTitle a:link, #EventCalendar .EventTitle a:visited { color:#fff !important; text-decoration:underline; } #EventCalendar .EventTitle a:hover, #EventCalendar .EventTitle a:active { color:#fff !important; text-decoration:underline; } .EventDayHeader { background:#e4efdf !important; padding:6px 3px !important; } .EventDay, .EventDay td, .EventDay a, .EventDay a:visited, .EventDay a:hover { font-size: 12px; } .EventDay { padding:3px; width:14%; padding-top:7px !important; } .EventOtherMonthDay { padding:3px; color: #808080; background-color:#999; padding-top:7px !important; } .EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover { color: #8080c0; background-color:#999; } .EventWeekendDay { background-color: whitesmoke; padding:3px; padding-top:7px !important; } .EventTodayDay { /*background:#afc367;*/ padding:3px; padding-top:7px !important; } .EventSelectedDay { font-weight:bold; background-color:darkgray; padding:3px; padding-top:7px !important; } .EventSelectedDay a, .EventSelectedDay a:visited, .EventSelectedDay a:hover { font-weight: bold; } .EventSelector { background-color: #c0c0e0; } .EventSelector a, .EventSelector a:visited, .EventSelector a:hover { text-decoration: none; } #Table1 p { margin:8px 0px; } .searchSeparator { display:block; background:#038A03; color:#fff; padding:5px; margin:12px 0px; font-weight:bold; font-size:125%; }