/* ** IUPUI CSS Document ** Created by Steve Hodges ** Heirarchy of styles: clear,display,float,position [top/left],width,height,overflow,margin,padding,border,background,color,font,[text attributes],line-height,other. **---KNOWN ISSUES---** ** No known issues in non-IE browsers at this time. */ /*---Basic HTML Styles---*/ /*body { margin: 0; padding: 0; font-size: 11px; text-align: center; background: #363636 url("bg_field.jpg") repeat-x; }*/ body { margin: 0; padding: 0; font-size: 11px; text-align: center; background: #363636 url("bgFull.jpg") center top no-repeat; } h1, h2, h3, h4, h5 { margin: 9px 5px 2px 5px; color: #222; font-family: verdana, Helvetica, sans-serif; } h1 { color: #000; font-size: 24px; line-height: 28px;} h2 { margin-bottom: 8px; font-size: 20px; color: #700; line-height: 24px;} h3 { font-size: 16px; line-height: 20px;} h4 { font-size: 14px; color: #555; line-height:18px;} h5 { margin-left: 12px; font-size: 12px; color: #900; } h6 { margin: 10px 0 2px 12px; font-size: 11px; color: #777; } a { color: #DDD; } ul { list-style: none; } ol { padding: 5px 5px 5px 40px; margin: 5px; line-height: 13px; } ol li { padding-bottom: 10px; } ol li ol { list-style: upper-alpha; padding: 10px 10px 0 0; margin: 0 25px; } ol li ol li ol { list-style: lower-alpha; } hr { margin: 4px 8px; color: #999; background-color: #999; height: 1px; border: 0; } table { padding: 5px; font-size: 10px; } acronym { border-bottom: 1px dotted #666; cursor: help; } q { margin: 10px 20px; font-size: 12px; font-weight: bold; color: #454545; line-height: 18px; display: block; } /*---General Styles---*/ #skipNav, .handheld { display: none; } p.more { height: 15px; margin: 0; padding: 3px 0 2px 7px; background: #333; } p.more a:link, p.more a:visited { color: #CCC !important; text-decoration: none; } p.more a:hover { text-decoration: underline; } span.more { height: 15px; margin: 0; padding: 3px 0 2px 0px; } span.more a:link, span.more a:visited, span.more { color: #666 !important; text-decoration: none; } span.more a:hover { text-decoration: underline; } h2.title { padding: 8px 12px; margin: 0; background-color: #262626;; color: white; font-size: 12px; } h2.title a:link, h2.title a:visited {text-decoration: none;} h2.title a:hover {text-decoration:underline;} span.date { display: block; padding: 1px 0; color: #999; font-size: 9px; } img.left { float: left; margin: 3px 5px 1px 10px#important; } /*--- Float images left ---*/ img.right { float: right; margin: 3px 10px 1px 5px!important; } /*--- Float images right ---*/ img.wide { float: left; border-bottom: 2px solid #333; } /*--- For images shown above #wide & #rightNav ---*/ .captionedImage { float: right; margin-left: 10px; border-bottom: dashed #AAA 1px; padding-bottom: 4px; } .captionedImage a img { border:0; } .captionedImage a { text-decoration:none; } .rightBox { float: right; width: 190px; padding: 5px; margin: 5px; border: 1px solid #CCC; background: #EFE; } .rightBox ul { margin: 0 !important; padding: 0 !important; } .rightBox ul li { margin: 5px 0 !important; padding: 0 !important; list-style: none; } #templateSlim { height:10px;} /*---BEGIN OL CHECKLIST STYLE---*/ ol.checklist { float: left; width: 150px; border: 1px solid #DDD; border-left: 10px solid #DDD; background: #FFF; } /*---end OL checklist styles---*/ /*---BEGIN FEEDBACK FORM STYLES---*/ .form { padding: 5px 10px; } .form label { display: block; width: 450px; padding: 8px 0; color: #222; } .form label input { width: 175px; } .form label input, .form label select { position: relative; top: -15px; float: right; margin: 0; padding: 0; } .form ul li { list-style: none !important; } /*---end feedback form styles---*/ /*---BEGIN hCARD MICROFORMAT STYLES---*/ .vcard { float: left; padding: 20px; } /*--- For Vcard info using the hCard microformat ---*/ .fn { display: block; font-weight: bold; } .title {} .org { display: block; } .adr { display: block; } .street-address {display: block; } .locality {} .postal-code {} .tel { display: block; } a.email { display: block; } /*---end hCard Microformat styles---*/ /*---BEGIN ACCORDION STYLES---*/ .accordion-box { width: 565px; margin: 5px auto; padding: 5px; border: 1px solid #AAA; background: #EFFFEF; } fieldset.accordion-box { background: #EEE; } fieldset.accordion-box p { padding: 0 5px !important; margin: 0 0 10px 0 !important; } fieldset.accordion-box ul { margin-left: 5px; padding: 0; } fieldset.accordion-box ul li { margin-left: 5px !important; padding: 0 0 0 0 !important; list-style: none; } fieldset.accordion-box legend { font: bold 14px Helvetica, sans-serif; color: #555; } fieldset.accordion-box label { clear: both; display: block !important; width: 320px; padding: 0 5px; } fieldset.accordion-box label input { float: right; position: relative; top: -15px; } fieldset.accordion-box label input.radio { float: none; position: inherit; top: inherit; } .accordion-box h4 { display: inline; padding-left: 0; margin: 0 5px 15px 0; } .accordion-box label { padding-right: 10px; } .accordion-box input { position: relative; top: 2px; } .accordion-box small { color: #900; cursor: pointer; } .accordion-box table { border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; background: #E2F1BC; } .accordion-box table tr th { background: #C2D399; padding: 5px 5px 2px 5px; vertical-align: top; } .accordion-box table tr td { padding: 5px 2px; vertical-align: top; } .accordion-box table tr td p { padding: 3px 0 3px 0 !important; margin: 0; } .accordion-box table tr td ol { margin-left: 0; padding-left: 10px; } .accordion-box table tr td ol li { margin-left: 13px; } .accordion-box .cat-options { padding: 5px 0; } /*---end Accordion styles---*/ .hidden { display: none; } /*--- Hide list elements, etc. with change(IDNameHere, 'hidden') JS function ---*/ .visible { display: block; } /*--- Show list elements, etc. with change(IDNameHere, 'visible') JS function ---*/ /*---Universal Page Layout Styles---*/ #pageWrap { clear:both; padding-top:3px;} #page { overflow: hidden; margin: 10px auto; padding: 0; width: 800px; color: #DDD; text-align: left; font: 11px Verdana, Arial, Helvetica, sans-serif; background-color: white; clear: left; border: 5px solid white; margin-top:0px;} #brandingHead { width: 100%; height: 19px; background: url("impact_grad_bg.gif") #770000 repeat-x; text-align: center; margin: 6px 0; border:1px solid white; border-left: none; border-right: none;} #brandingHead a { display: block; width: 100%; } #brandingHead img { border: 0; margin: 0 auto; } #headSpan { width: 100%; background: url("bgFull.jpg") center top no-repeat; } #head { display: block; width: 810px; height:82px; overflow: hidden; margin: 0 auto; text-align: left;} #head span { position: relative; top: 20px; left: 10px; } #head .logo img { float: left; position: relative; top: 25px; left: 0px; margin: 0; width: 340px; border:none;} #head a.logo { display: block; float: left; width: 340px;} #head h1, #head p { display: none; } #head .forty { display: block; float: left; margin: 14px 0 0 200px; } #head .forty img { border: none; } #nav_search { float: right; position:relative; top: 40px!important; margin: 0; padding: 0; width:220px; display:block;} input#headerSearchText { width: 175px; margin: 0; padding: .25em .3em .3em 10px; font-size: 12px; color: #333; border:0; font-weight:bold; float:left; background:url("search_bg.gif") no-repeat; height:18px; } input#headerSearchSubmit { float:left; margin: 0; width:26px; height:23px; background:url("search_icon.png") no-repeat 0 0; border:0; padding:0; _margin-top:1px;} input#headerSearchSubmit:hover { cursor: pointer; background-position: -26px 0; } input#headerSearchText { _border:1px solid #850001; } input#headerSearchSubmit {_width:24px!important;} #headerSearchSubmit { overflow:hidden;} #localTopNav { background-color:#555; margin:0 0 4px; padding:0; float:left; width: 800px; } #localTopNav li { float: left; padding:3px; } #localTopNav a { color:white!important; text-decoration:none; display: block; width:auto; padding: 6px 10px; background-color:#777;} #localTopNav a:hover{ background-color:#707070;} #localTopNav .home a { background-color:#666; font-weight:bold; width:176px;} #localTopNav .home a:hover { background-color:#636363;} #leftNav { float: left; width: 200px; overflow: hidden; background: #333; font-size: 10px; } #leftNav img.title { border-bottom: 1px solid #DDD; } #leftNav a { text-decoration: none; } #leftNav a.no_point { cursor:text; } #leftNav h2 { width: 200px; height: 65px; overflow: hidden; margin: 0; padding: 35px 0 0 0; background: #000; color: #CCC; text-align: center; } #leftNav h2 a:link, #leftNav h2 a:visited { display: block; position: relative; top: -35px; width: 200px; height: 65px; margin: 0; padding-top: 35px; background: #000; color: #CCC; text-align: center; } #leftNav h2 a:hover { background: #222; text-decoration: none; } #leftNav h2.multiline a { position: relative; top: -35px; height: 75px; padding-top: 25px; } #leftNav h3 { margin: 5px 15px; color: #FFF; } #leftNav p { padding: 10px 20px; } #leftNav ul { margin: 2px 0; padding: 0; } #leftNav ul li { } #leftNav ul li a { display: block; width: 100%; } #leftNav ul li a:hover { background: #666; } #leftNav ul li.break { border-bottom: 1px solid #777; } /*-- Tier One Nav --*/ #leftNav ul li.subhead, #leftNav ul li.highlight { margin-bottom: 2px; font: bold 12px verdana; color: #FFCC00; } #leftNav ul li.subhead a, #leftNav ul li.highlight a, #leftNav ul li.subhead span { color: #FFCC00; display: block; padding: 12px; margin: 0; background-color: #262626; } #leftNav ul li.subhead a:hover, #leftNav ul li.highlight a:hover { background-color: #333; } #leftNav ul li.subhead a.no_point:hover, #leftNav ul li.highlight a.no_point:hover { background-color: #262626; } /*-- Tier Two Nav --*/ #leftNav ul li.subhead ol, #leftNav ul li.subhead ul { margin: 0; padding: 0 15px 0 0; border-bottom: 12px solid #444; } #leftNav ul.visible li a, #leftNav ul.visible li ul li, #leftNav ul li.subhead ul li, #leftNav ul li.subhead ol li { padding: 0; font-weight: normal; font-size: 10px; margin: 0 0 1px; } #leftNav ul.visible li a, #leftNav ul li.subhead ul li a, #leftNav ul li.subhead ol li a { color: #DDD; padding: 6px 12px; background-color: #444; } #leftNav ul li.subhead ul li a:hover, #leftNav ul li.subhead ol li a:hover { background-color: #555; } #leftNav ul.visible li a:hover { background-color: #555; } /*-- Tier Three Nav --*/ #leftNav ul.visible li.current a, #leftNav ul.visible li a { font-size: 10px; font-weight: normal; } #leftNav ul.visible { border-bottom: 12px solid #444; } #leftNav ul.visible li.current ul { border-bottom: 12px solid #555; } #leftNav ul.visible li.current ul li a { padding-left: 30px; background-color: #555; } #leftNav ul.visible li.current ul li a:hover { background: #666; color: #FFCC00;} /*-- Highlight --*/ #leftNav ul#featuredMenu li a { display: block; padding: 4px; width: 175px; margin: 0 0 6px 6px; height: 75px; background: #DDD !important; text-decoration: none; color:#333;border: 1px solid #999;} #leftNav ul#featuredMenu li a img { float: left; padding-right: 4px; width: 56px; border: none;} #leftNav ul#featuredMenu li a:hover { background-color: #F0F0F0 !important; border-color:#333; } #main { float: left; width: 399px; overflow: hidden; color: #222; line-height: 14px; overflow: hidden; background-color: white; } #main h1 { margin-bottom: 8px; font-size: 20px; } #main img { border: none; } #main a { color: #990000; } #main a img { border: none; } #main p, #main ul { margin: 0; padding: 5px 8px; } #main p { line-height: 1.5em; } #main address { display: block; line-height: 16px; font-weight:bold; margin: 10px; } #main pre { margin: 5px 13px; padding: 1em; border: 1px solid #DDD; background-color: #F0F0F0; } #main h2:first-child { margin-top: 13px; line-height: 20px; } #main h2 { line-height: 20px; } #amain img:first-child { border-bottom: 2px solid #333; } #main hr { clear: both; } #main ul { clear: both; margin: 5px 20px; list-style: disc; } #main ul li { margin: 0 10px 5px 10px; line-height: 15px; } #main.wide { width: 599px; } /*---Use the "wide" class if you don't have anything for the rightNav---*/ #main.superwide { width: 799px; padding: 0 0 15px 15px; background: #FFF !important; } /*---Use "superwide" if you have neither a rightNav nor a leftNav---*/ #main p, #main hr { padding-left: 12px; } #main p.first { line-height: 1.8em; } #main h1, #main h2, #main h3, #main h4 { padding-left: 5px; } #main .rotator { float: right !important;} #main ul#gridMenu, #main ul.gridMenu { list-style: none; margin: 0; padding: 0 0 0 8px; } #main ul#gridMenu li, #main ul.gridMenu li { display: inline; margin: 0; padding: 0; list-style: none; font-size: 90%; } #main ul#gridMenu li a, #main ul.gridMenu li a { display: block; float: left; width: 180px; min-height: 80px; height: auto !important; height: 80px; padding: 4px; margin: 2px; background: #DDD url("gridmenu_bg.jpg") repeat-x top; text-decoration: none; color: #000; } #main ul#gridMenu li a img, #main ul.gridMenu li a img { float: left; margin-right: 4px; border: none; } #main ul#gridMenu li a span.title, #main ul.gridMenu li a span.title { display: block; color: #900; font-size: 120%; font-weight: bold; } #main ul#gridMenu li a:hover, #main ul.gridMenu li a:hover { background: #CCC url("gridmenu_bg_highlight.jpg") repeat-x top; overflow: hidden; } #main ul#gridMenu2, #main ul.gridMenu2 { list-style: none; margin: 0; padding: 0 0 0 8px; } #main ul#gridMenu2 li, #main ul.gridMenu2 li { display: block; float: left; width: 180px; min-height: 80px; height:auto !important; height: 80px; padding: 4px; margin: 2px; list-style: none; font-size: 90%; background: #DDD url("gridmenu_bg.jpg") repeat-x top; } #main ul.gridMenu2 li h4 { margin: 0; padding: 0; } #main ul.gridMenu2 li ul { padding: 0; margin: 0 0 1em; } #main ul.gridMenu2 li ul li { min-height: 0px; height: auto; background: none; float: none; width: 100%; margin:2px 0 0 0; padding: 0; background-color:#DDD;} #main ul#gridMenu2 li a, #main ul.gridMenu2 li a { text-decoration: none; color: #000; } #main ul#gridMenu2 li a img, #main ul.gridMenu2 li a img { float: left; margin-right: 4px; border: none; } #main ul.gridMenu2 li ul li a { padding: 4px 2px; float: none; display: block; margin:0; background-color: #DDD;} #main ul#gridMenu2 li a span.title, #main ul.gridMenu2 li a span.title { display: block; color: #900; font-size: 120%; font-weight: bold; } #main ul#gridMenu2 li a:hover, #main ul.gridMenu2 li a:hover { background: #CCC url("gridmenu_bg_highlight.jpg") repeat-x top; overflow: hidden; } #main .photoBlock { float: right; width: 180px; margin: 0 0 15px 15px; border-bottom: #999 dashed 1px; color: #666; font-size: 9px; background-color: white;} .imgBar { float: left; width: 600px; background: #333 url("amazing_img_bg.jpg") right no-repeat; line-height:1em; } #main.wide .imgBar { margin-bottom: 5px; } #main .videoplayer { float: right; margin: 0 0 8px 8px; } #main table.tabular { width: 380px; } #main.wide table.tabular { width: 580px; } #main table.tabular caption { text-align: left; margin-left: 6px; padding: 5px 0 0 0; font: bold 12px helvetica; color: #900; } #main table.tabular tr th { text-align: left; vertical-align: top; } #main table.tabular tr td { padding: 5px; margin: 3px; vertical-align: top; } #main table.tabular tr td table { width: 350px; } #main table tr.odd { background-color: #ddd; } #main table.animate tr:hover { background: #DDD; } /* <---- Table animations for interactive tables */ #main table.mapsTable { float: left; width: 540px; margin: 5px 25px; } #main table.mapsTable tr:hover { background: none; } #main table.mapsTable tr td { width: 252px; vertical-align: top; } #main table.mapsTable tr td img { padding: 8px; } #main table.mapsTable tr td strong { display: block; padding-top: 10px; } #rightNav { float: left; width: 201px; background: #666 url("amazing_img_bg.jpg") repeat-x; overflow: hidden; } #rightNav .flash { height: 216px; overflow: hidden; } #rightNav ul { margin: 0; padding: 0; background: #333; } #rightNav hr { margin: 0px; height: 0px; border-top: 1px solid #999; } #rightNav ul li { margin: 0 5px; padding: 5px 2px; line-height: 12px; color: #AAA; } #rightNav .tinylist li a { text-decoration: none;} #rightNav .tinylist li { font-size: 10px; padding: 2px 4px 2px 9px;} #rightNav .tinylist li a:hover { display:block; background-color:#bbb; color:#222; } #rightNav ul.tinylist { padding-bottom: 9px;} #rightNav ul.tinylist li ul { border-left: none; margin-top: 2px; } #rightNav .item { padding: 3px; font-size: 90%; color: #AAA; } #rightNav .itemtitle { font-size: 110%; } #rightNav .flash, #rightNav h2, #rightNav ul, #rightNav p, #rightNav table { border-left: 1px solid #333; } #rightNav .content { background: #444; padding: 8px; } #rightNav .content p { border: 0; } #rightNav .content h3 { color: white; margin: 0;} #rightNav table { border: 0; padding: 0; background: #333; width: 100%;} #rightNav table tr { vertical-align: top; } #rightNav table th { font-weight: bold; padding-bottom: .5em; } #rightNav table td { padding-bottom: .5em; } #rightNav p { padding: 3px 5px 10px 5px; display: block; background: #333; color: #DDD !important; margin: 0; } #rightNav a { color: #CCC !important; text-decoration: none; } #rightNav p a img, #rightNav a img { border: none; } #rightNav p.caption { padding: 5px; margin: 0; font-size: 10px;} #rightNav p.caption a { color: #ccc; } #rightNav p.break { border-top: 1px solid #666; padding-top: .5em; } #rightNav .caption img {clear: both; } #rightNav h2, #rightNav h3 { color: #EEE; } address.footer { clear: both; margin: 0 auto; padding: 0 0 10px; color: #CCC; font: 9px Verdana, Arial, helvetica, sans-serif; line-height: 15px; } address img { border: 0; } #main p.callout { font-style: italic; border: 3px solid #CCC; background: #F0F0F0; padding: 10px; width: 20em; float: right; line-height: 1.4em; margin-left: 1em; } /*------------------*/ /*---Skin Options---*/ /*------------------*/ #apage #main h3, #apage #main h4, #apage #main h5 { background-color: #F0F0F0; } #siteHeader { width: 800px; height: 100px; display: block; margin:0; } #siteHeader h1 { margin: 0; padding: 0; } #siteHeader h1 a { width: 432px; margin:0; padding:0; float: left; display: block; float: left; height: 100px; } #siteHeader h1 a i, #siteHeader h1 a em { display: none; } #siteHeader ul { list-style: none; margin: 0; padding: 0; } #siteHeader ul li { float: left; margin: 9px 0 0 16px; padding: 0; } .sh_bcteam { background: url('bcteam_header.jpg') no-repeat top left #AF906A; } /*-----------------*/ /*-Light Gray Skin-*/ /*-----------------*/ #page.lightGray #leftNav { background-color: #eFefEF; } /*-- Tier One Nav --*/ #page.lightGray #leftNav ul li.subhead, #page.lightGray #leftNav ul li.highlight { color: #FFCC00; } #page.lightGray #leftNav ul li.subhead a, #page.lightGray #leftNav ul li.highlight a, #leftNav.lightGray ul li.subhead span { color: #333; background-color: #e0e0e0; } #page.lightGray #leftNav ul li.subhead a:hover, #page.lightGray #leftNav ul li.highlight a:hover { background-color: #ccc; color: black; } #page.lightGray #leftNav ul li.subhead a.no_point:hover, #leftNav.lightGray ul li.highlight a.no_point:hover { background-color: #ccc; } /*-- Tier Two Nav --*/ #page.lightGray #leftNav ul li.subhead ol, #page.lightGray #leftNav ul li.subhead ul { border-bottom-color: #ebebeb; } #page.lightGray #leftNav ul.visible li a, #page.lightGray #leftNav ul li.subhead ul li a, #leftNav.lightGray ul li.subhead ol li a { background-color: #ebebeb; } #page.lightGray #leftNav ul li.subhead ul li a:hover, #page.lightGray #leftNav ul li.subhead ol li a:hover { background-color: #ccc; } #page.lightGray #leftNav ul.visible li a:hover { background-color: #ccc; } /*-- Tier Three Nav --*/ #page.lightGray #leftNav ul.visible { border-bottom-color: #DDD; } #page.lightGray #leftNav ul.visible li.current ul { border-bottom-color: #F0F0F0; } #page.lightGray #leftNav ul.visible li.current ul li a { background-color: #F0F0F0; } #page.lightGray #leftNav ul.visible li.current ul li a:hover { background: #DDD; color: black;} #page.lightGray #leftNav ul#featuredMenu li a { background: #EEE; } #page.lightGray #leftNav ul#featuredMenu li a:hover { background: #DDD; } /*--Main Content Styles--*/ #page.lightGray #main h2 { color: #990000; } #page.lightGray #main h3, #page.lightGray #main h4, #page.lightGray #main h5 { color: #333; padding: .5em .3em .5em 0; margin-left: 12px; margin-right: 12px; margin-top: 1.25em; } /*-- RightNav Styles --*/ #page.lightGray #rightNav { background-color: #F5F5F5; } #page.lightGray #rightNav ul li, #page.lightGray #rightNav .item, #page.lightGray #rightNav p, #page.lightGray #rightNav .content h3, #page.lightGray #rightNav p.caption a { color: #333; } #page.lightGray #rightNav ul, #page.lightGray #rightNav p, #page.lightGray #rightNav table, #page.lightGray #rightNav .content { background-color: #ebebeb; } #page.lightGray #rightNav hr, #page.lightGray #rightNav p.break { border-top-color: #; } #page.lightGray #rightNav a { color: #222 !important; } #page.lightGray #rightNav h2, #page.lightGray #rightNav h3, #page.lightGray #rightNav h2 a, #page.lightGray #rightNav h3 a { color: #333; background-color: #ddd; } #page.lightGray #rightNav p { color: #444 !important; } #page.lightGray #rightNav .tinylist li a:hover { background-color:#bbb; color:#222; } #page.lightGray #rightNav .flash, #page.lightGray #rightNav h2, #page.lightGray #rightNav ul, #page.lightGray #rightNav p, #page.lightGray #rightNav table { border-left-color: #e5dfd3; } #page.lightGray #rightNav .iupuiPodcast li a { border-color: #ddd; background-color: #F3F3F3; } #page.lightGray #rightNav .iupuiPodcast li a:hover { background-color: white; } /*------------*/ /*-Olive Skin-*/ /*------------*/ #page.olive #leftNav { background-color: #b5b99e; } /*-- Tier One Nav --*/ #page.olive #leftNav ul li.subhead, #page.olive #leftNav ul li.highlight { color: #FFCC00; } #page.olive #leftNav ul li.subhead a, #page.olive #leftNav ul li.highlight a, #leftNav.olive ul li.subhead span { color: #333; background-color: #b3b98a; } #page.olive #leftNav ul li.subhead a:hover, #page.olive #leftNav ul li.highlight a:hover { background-color: #9ba461; color: white; } #page.olive #leftNav ul li.subhead a.no_point:hover, #leftNav.olive ul li.highlight a.no_point:hover { background-color: #ccc; } /*-- Tier Two Nav --*/ #page.olive #leftNav ul li.subhead ol, #page.olive #leftNav ul li.subhead ul { border-bottom-color: #ced2b4; } #page.olive #leftNav ul.visible li a, #page.olive #leftNav ul li.subhead ul li a, #leftNav.olive ul li.subhead ol li a { background-color: #ced2b4; } #page.olive #leftNav ul li.subhead ul li a:hover, #page.olive #leftNav ul li.subhead ol li a:hover { background-color: #c5caa5; color: black; } #page.olive #leftNav ul.visible li a:hover { background-color: #ccc; color: black; } /*-- Tier Three Nav --*/ #page.olive #leftNav ul.visible { border-bottom-color: #f2f7d4; } #page.olive #leftNav ul.visible li.current ul { border-bottom-color: #f2f7d4; } #page.olive #leftNav ul.visible li.current ul li a { background-color: #f2f7d4; } #page.olive #leftNav ul.visible li.current ul li a:hover { background: #e3e7c6; color: black;} #page.olive #leftNav ul#featuredMenu li a { background: #333; } #page.olive #leftNav ul#featuredMenu li a:hover { background: #555; } /*--Main Content Styles--*/ #page.olive #main h2 { color: #333; } #page.olive #main h3, #page.olive #main h4, #page.olive #main h5 { background-color: #f0f3d7; padding: .5em .3em; margin-left: 12px; margin-right: 12px; margin-top: 1.25em; } /*-- RightNav Styles --*/ #page.olive #rightNav { background-color: #dee1c7; } #page.olive #rightNav ul li, #page.olive #rightNav .item, #page.olive #rightNav p, #page.olive #rightNav .content h3, #page.olive #rightNav p.caption a { color: #333; } #page.olive #rightNav ul, #page.olive #rightNav p, #page.olive #rightNav table, #page.olive #rightNav .content { background-color: #ced2b4; } #page.olive #rightNav hr, #page.olive #rightNav p.break { border-top-color: #; } #page.olive #rightNav a { color: #222 !important; } #page.olive #rightNav p { color: #444 !important; } #page.olive #rightNav h2, #page.olive #rightNav h3, #page.olive #rightNav h2 a, #page.olive #rightNav h3 a { color: white; background-color: #aab275; } #page.olive #rightNav .tinylist li a:hover { background-color:#bbb; color:#222; } #page.olive #rightNav .flash, #page.olive #rightNav h2, #page.olive #rightNav ul, #page.olive #rightNav p, #page.olive #rightNav table { border-left-color: #e5dfd3; } /*-------------------*/ /*-- MIDNIGHT SKIN --*/ /*-------------------*/ #page.midnight #leftNav { background-color: #e2eaed; } /*-- Tier One Nav --*/ #page.midnight #leftNav ul li.subhead, #page.midnight #leftNav ul li.highlight { color: #FFCC00; } #page.midnight #leftNav ul li.subhead a, #page.midnight #leftNav ul li.highlight a, #page.midnight #leftNav ul li.subhead span { background-color: #62747c; color: white; } #page.midnight #leftNav ul li.subhead a:hover, #page.midnight #leftNav ul li.highlight a:hover { background-color: #416a7c; } #page.midnight #leftNav ul li.subhead a.no_point:hover, #page.midnight #leftNav ul li.highlight a.no_point:hover { background-color: #ccc; } /*-- Tier Two Nav --*/ #page.midnight #leftNav ul li.subhead ol, #page.midnight #leftNav ul li.subhead ul { border-bottom-color: #d2d9dc; } #page.midnight #leftNav ul.visible li a, #page.midnight #leftNav ul li.subhead ul li a, #page.midnight #leftNav ul li.subhead ol li a { color: #333; background-color: #d2d9dc; } #page.midnight #leftNav ul li.subhead ul li a:hover, #page.midnight #leftNav ul li.subhead ol li a:hover { background-color: #aeb9be; } #page.midnight #leftNav ul.visible li a:hover { background-color: #aeb9be; } /*-- Tier Three Nav --*/ #page.midnight #leftNav ul.visible { border-bottom-color: #e8f0f3; } #page.midnight #leftNav ul.visible li.current ul { border-bottom-color: #e8f0f3; } #page.midnight #leftNav ul.visible li.current ul li a { background-color: #e8f0f3; } #page.midnight #leftNav ul.visible li.current ul li a:hover { background: #d2d9dc; color: #000;} #page.midnight #leftNav ul#featuredMenu li a { background: #e8f0f3; } #page.midnight #leftNav ul#featuredMenu li a:hover { background: #d2d9dc; } #page.midnight #leftNav p, #page.midnight #leftNav p a { color: black; } #page.midnight #leftNav p a { text-decoration: underline; } /*-- Main Content Styles --*/ #page.midnight #main h2 { color: #333; } #page.midnight #main h3, #page.midnight #main h4, #page.midnight #main h5 { background-color: #f1f2f3; color: #333; padding: .5em .3em; margin-left: 12px; margin-right: 12px; margin-top: 1.25em; } /*-- RightNav Styles --*/ #page.midnight #rightNav { background-color: #ebeced; } #page.midnight #rightNav ul li, #page.midnight #rightNav .item, #page.midnight #rightNav p, #page.midnight #rightNav .content h3, #page.midnight #rightNav p.caption a { color: #333 } #page.midnight #rightNav ul, #page.midnight #rightNav p, #page.midnight #rightNav table, #page.midnight #rightNav .content { background-color: #dbdcdc; } #page.midnight #rightNav a { color: #222 !important; } #page.midnight #rightNav p { color: #444 !important; } #page.midnight #rightNav h2, #page.midnight #rightNav h3, #page.midnight #rightNav h2 a, #page.midnight #rightNav h3 a { color: white; background-color: #62747c; } #page.midnight #rightNav .tinylist li a:hover { background-color:#bbb; color:#222; } #page.midnight #rightNav .flash, #page.midnight #rightNav h2, #page.midnight #rightNav ul, #page.midnight #rightNav p, #page.midnight #rightNav table { border-left-color: #dbdcdc; } #page.midnight.no_bg #main h3, #page.midnight.no_bg #main h4, #page.midnight.no_bg #main h5, #page.gold.no_bg #main h3, #page.gold.no_bg #main h4, #page.gold.no_bg #main h5, #page.olive.no_bg #main h3, #page.olive.no_bg #main h4, #page.olive.no_bg #main h5, #page.lightGray.no_bg #main h3, #page.lightGray.no_bg #main h4, #page.lightGray.no_bg #main h5 { background: none; } /*---------------*/ /*-- GOLD SKIN --*/ /*---------------*/ #page.gold #leftNav { background-color: #e5e3e0; } #page.gold #leftNav ul li.subhead a.no_point:hover, #page.gold #leftNav ul li.highlight a.no_point:hover { background-color: #afa082; } /*-- Tier Two Nav --*/ #page.gold #leftNav ul li.subhead, #page.gold #leftNav ul li.highlight { color: #FFCC00; } #page.gold #leftNav ul li.subhead a, #page.gold #leftNav ul li.highlight a, #page.gold #leftNav ul li.subhead span { color: #333; background-color: #c8bca4; } #page.gold #leftNav ul li.subhead a:hover, #page.gold #leftNav ul li.highlight a:hover { background-color: #afa082; color: black; } #page.gold #leftNav ul li.subhead a.no_point:hover, #page.gold #leftNav ul li.highlight a.no_point:hover { background-color: #afa082; } /*-- Tier Two Nav --*/ #page.gold #leftNav ul li.subhead ol, #page.gold #leftNav ul li.subhead ul { border-bottom-color: #e5dfd3; } #page.gold #leftNav ul.visible li a, #page.gold #leftNav ul li.subhead ul li a, #page.gold #leftNav ul li.subhead ol li a { color: #333; background-color: #e5dfd3; } #page.gold #leftNav ul li.subhead ul li a:hover, #page.gold #leftNav ul li.subhead ol li a:hover { background-color: #e1d6c0; } #page.gold #leftNav ul.visible li a:hover { background-color: #e1d6c0; } /*-- Tier Three Nav --*/ #page.gold #leftNav ul.visible { border-bottom-color: #fff8eb; } #page.gold #leftNav ul.visible li.current ul { border-bottom-color: #fff8eb; } #page.gold #leftNav ul.visible li.current ul li a { background-color: #fff8eb; } #page.gold #leftNav ul.visible li.current ul li a:hover { background: #f5efe2; color: black;} #page.gold #leftNav ul#featuredMenu li a { background: #333; } #page.gold #leftNav ul#featuredMenu li a:hover { background: #555; } /*-- Main Content Styles --*/ #page.gold #main h2 { color: #333; } #page.gold #main h3, #page.gold #main h5 { color: #333; padding: .5em .3em; margin-left: 12px; margin-right: 12px; margin-top: 1.25em; background-color: #f3f1ee; } #page.gold #main h4, #page.gold #main h6 { color: #333; padding: .5em .3em; margin-left: 12px; margin-right: 12px; margin-top: 1.25em; background-color: #EEF0F3; } /*-- RightNav Styles --*/ #page.gold #rightNav { background-color: #f3f1ee; } #page.gold #rightNav .title { color: #222; } #page.gold #rightNav ul li, #page.gold #rightNav .item, #page.gold #rightNav p, #page.gold #rightNav .content h3, #page.gold #rightNav p.caption a { color: #333 } #page.gold #rightNav ul, #page.gold #rightNav p, #page.gold #rightNav table, #page.gold #rightNav .content { background-color: #e5dfd3; } #page.gold #rightNav hr, #page.gold #rightNav p.break { border-top-color: #; } #page.gold #rightNav a { color: #222 !important; } #page.gold #rightNav p { color: #444 !important; } #page.gold #rightNav h2, #page.gold #rightNav h3, #page.gold #rightNav h2 a, #page.gold #rightNav h3 a { color: white; background-color: #c8b184; } #page.gold #rightNav .tinylist li a:hover { background-color:#bbb; color:#222; } #page.gold #rightNav .flash, #page.gold #rightNav h2, #page.gold #rightNav ul, #page.gold #rightNav p, #page.gold #rightNav table { border-left-color: #e5dfd3; } #page.gold #leftNav p, #page.gold #leftNav p a { color: black; } #page.gold #leftNav p a { text-decoration: underline; } div.multigrid { margin: 0 0 10px 12px !important; padding:0px; list-style: none; float: left; border: 3px solid #333; } div.multigrid h3 { text-transform: uppercase; font-size: 14px; text-align: left; padding: .5em; margin: 0 !important; background:none !important;} div.multigrid a h3 { background: none !important;} div.multigrid p { display: block; margin: 0 10px 5px !important;} div.multigrid ul { margin: 0 10px 5px !important; } div.multigrid ul li { margin: 0 !important; padding: 0 0 .7em !important; } div.multigrid p.end { margin: 0 !important; padding: .3em 0 .3em 10px !important; text-align: right; clear: left;} div.multigrid.red { border-color: #990000; } div.multigrid.leather { border-color: #c78036; } div.multigrid.olive { border-color: #808a53; } div.multigrid.midnight { border-color: #2d637f; } div.multigrid.gray { border-color: #555; } div.multigrid.red .reverseBG { background-color:#990000 !important; color: white !important;} div.multigrid.leather .reverseBG { background-color:#c78036 !important; color: white !important;} div.multigrid.olive .reverseBG { background-color: #808a53 !important; color: white !important;} div.multigrid.midnight .reverseBG { background-color: #2d637f !important; color: white !important; } div.multigrid.gray .reverseBG { background-color: #555 !important; color: white !important; } div.multigrid .reverseBG a { color: white !important; } /*---Homepage Layout Styles---*/ ##page.home { background: none; } #homeFlash { float: left; margin:0; } #homeFlash img { border: 0; } #infoNav { width: 100%; height: 19px; margin-bottom: 6px; background: url("audience_grad_bg.gif") repeat-x top #191a1e; float: left; padding: 4px; } #infoNav h2 { float: left; font-size: 11px; font-weight: bold; color: #ffcc00; margin: 0; padding: 0 10px 0 30px; } #infoNav ul { float: left; margin: 0; padding: 0; left: 200px; } #infoNav ul li { display: inline; margin: 0; } #infoNav ul li a:link, #infoNav ul li a:visited, #infoNav ul li a:active { display: block; float: left; padding: 0 18px; margin: 0; font-size: 9px; text-decoration: none; border-right: 1px #666 solid; } #infoNav ul li a:hover { text-decoration: none; color: #FFCC00; } .newsBlock { background: #333 url("news_events_r_bg.jpg") no-repeat top left; } .eventsBlock { background: #333 url("news_events_l_bg.jpg") no-repeat top left; } .newsEvents { float: left; width: 267px; height: 150px; overflow: hidden; border: 1px solid #707070; border-top: none; border-left: none; font-size: 10px; } .newsEvents ul { position: relative; top: -1px; width: 247px; height: 100px; overflow: hidden; margin: 0; padding: 5px 10px; background: 0; } .newsEvents ul li { width: 220px; margin: 5px 5px 10px 5px; font-style: italic; } .newsEvents p { width: 261px; height: 10px; margin: 2px 5px 0 15px; padding: 0; font-size: 9px; } .newsEvents ul li a { text-decoration: none; font-weight: bold; font-style: normal; } .newsEvents a { text-decoration: none; font-style: normal; } .newsEvents a:hover { text-decoration: underline; } #hotSpot { float: left; display: block; width: 262px; height: 159px; overflow: hidden; border: none; background: #222; margin: 0;} ul#audience { list-style: none; background-color: #262626; width: 800px; float: left; margin: 0; padding: 0;} ul#audience a img { border: 0; } ul#audience li { float: left; list-style: none; margin: 0; padding: 0; } ul#audience li.hotspot{ float: right;} ul#audience li.audlinks { width: 320px; padding: 10px 0 0 10px; } ul#audience li.audlinks a { width: 140px; height: 24px; text-decoration: none; text-transform:uppercase; float: left; display: block; margin: 5px; background-color: #333; text-align: center; padding: .8em 0 0; line-height: 1em;} ul#audience li.audlinks a:hover { background-color:#444; } #emerg { font-family: arial; text-align: left; background: #EEE; width: 800px; margin: 4px auto !important; position: relative; } #emerg b { color: #2d637f; font-size: 130%; padding-right: 4px; } #emerg a { display: block; text-decoration: none; line-height: 1.5em; padding: 4px 14px 8px 60px; background: #EEE url("alert_icon.png") no-repeat top left; color: black; margin:8px; margin-top:8px; } #emergS { font-family: arial; text-align: left; background: #EEE; width: 800px; margin: 4px auto !important; position: relative; } #emergS b { color: #2d637f; font-size: 130%; padding-right: 4px; } #emergS a { display: block; text-decoration: none; line-height: 1.5em; padding: 10px; background: #EEE; color: black; margin:8px; margin-top:8px; } /* Forms CSS by Chris Brown */ #form_body { margin: 10px; padding-bottom:30px; } #form_body h3 { font-family:Arial, Helvetica, sans-serif; display: block; font-size: 14px; font-weight: bold; text-align: left; text-transform: uppercase; background-color: #DEDACA; color: #5E5945; letter-spacing: .15em; padding: 6px; border: 1px solid #80795F; border-width: 1px 0; margin-bottom:0px; margin-left:0px; } #form_body h4 { font-family:Arial, Helvetica, sans-serif; display: block; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; background-color: #E6B3B3 !important; color: #6B2E2E; letter-spacing: .07em; padding: 3px 6px; border: 1px solid #6B2E2E; border-width: 1px; margin: 10px 0 -5px 0 !important; text-decoration: none; } /* This was set in the page directly; removed from public.master. #form_body h4 { margin-left:-5px !important; background-color: #E6B3B3 !important; } */ .errors_list { clear:both; margin: 10px; padding: 10px; border: 3px solid #990000; font-size: 12px; background-color: #F0DBDB; } .errors_list span.error_msg { font-size: 16px; text-transform:uppercase; color: red; display: block; margin-bottom: 10px; } .errors_list .errors { font-size: 12px; } .errors_list span.error_fld { font-weight: bold; text-transform:uppercase; color: red; } .field-validation-error { color:#900 !important; text-transform: none !important; font-size: 9px !important; } #form_body label.error { color:#900 !important; text-transform: none !important; font-size: 9px !important; } .form_section { width:100%; clear:both; margin-top: 12px; border-bottom: 1px dashed #ccc; padding-bottom:12px; } div.hidden_section { background-color: #FFF; margin-bottom: 10px; } div.alert { background-color: #F1EDD9; color: #333; font-size: 12px; font-weight: bold; line-height: 18px; margin: 10px; } div.alert h4 { color: #80774D!important; text-transform: uppercase; font-weight: normal; letter-spacing: .3em; text-align: center; } div.alert h6.notice { font-size: 14px; color: #2E4E6B; line-height: 16px; vertical-align: middle; margin-left: 0; } .alert img.warning_icon { vertical-align: middle; margin-right: 6px; } .form_section div.clear { clear: both; } #form_body p { margin: 0; padding: 10px 0px; !important } .form_p { margin: 0; } #form_body label { display: block; text-transform:uppercase; font-size: 12px; font-weight:bold; color: #5E5945; margin-bottom: 4px; } #form_body label.tip { font-weight: normal; color: #888; display:block; } #form_body label.characteristic { display: inline; text-transform:uppercase; font-size: 10px; font-weight:bold; color: #5E5945; margin-bottom: 2px; } .col_1 { width: 300px; float: left; padding-right: 10px; } .col_2 { padding-left: 310px; } .text_fld { border: 1px solid #990000; background: #ECEBED; font-size: 14px; padding: 6px 2px; width: 200px; font-family:Arial, Helvetica, sans-serif; letter-spacing: .04em; color: #333; } .text_fld_long { border: 1px solid #990000; /*background: #ECEBED url(/_Assets/images/field_bkgd.jpg) repeat-x bottom left;*/ font-size: 12px; padding: 6px 2px; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.04em; color: #333; width:90%; } ul.radio_vert { } ul.radio_vert li { list-style-type:none; } .form_section textarea { border: 1px solid #990000; background: #ECEBED; font-size: 12px; line-height: 18px; padding: 6px 2px; width: 90%; height: 100px; font-family:Arial, Helvetica, sans-serif; letter-spacing: .04em; color: #333; } .form_section select { width: 200px; background: #ECEBED; border: 1px solid #990000; color: #333; text-transform: uppercase; padding: 2px 2px; font-size: 12px; } .form_section select.counter { width: 100px; } .form_section select.select_long { width: 400px; font-size: 12px; } .form_section select option, .form_section select_long option { padding: 2px 4px; } .require { color: #FF0000; font-weight:bold; } #form_body #submit, #form_body #reset { padding: 6px; font-size:12px; font-weight:bold; font-variant:small-caps; color:#990000; letter-spacing:.15em; } #form_body fieldset { /*border: 2px #808a53 solid;*/ border: 2px #AF906A solid; background-color: #F6F6F6; margin-bottom: 1em; } #aform_body fieldset label { color: white; } #form_body legend { /*border: 2px #808a53 solid;*/ border: 2px #AF906A solid; /*background-color: #808a53;*/ background-color: #AF906A; font-size: larger; text-transform: uppercase; color: white; font-weight: bold; padding: .25em; margin-left: .25em; /* added by Tony */ } #form_body fieldset fieldset { margin-top: 1em; background-color:#F9F9F9; border: 1px dashed #888; } #form_body fieldset fieldset legend { background-color: #888; border-color:#888; } /* End Forms CSS */ /* Buttons CSS by Chris Brown */ .buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#e8e8e8; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656 !important; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } .buttons #submit, .buttons #reset { font-variant: normal; } /* STANDARD Button */ button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699 !important; } .buttons a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; } /* POSITIVE Button */ button.positive, .buttons a.positive{ color:#529214;!important } .buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;!important } .buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE Button */ .buttons a.negative, button.negative{ color:#d12f19;!important } .buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;!important } .buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff;!important } /* End Buttons CSS */ /*---IUPUI Navigation Mega Drop Downs---*/ .mdd { z-index:1000; text-align: left; position: absolute; z-order: 101; width: 330px; font-family: Verdana, Arial, helvetica, sans-serif; background-color:white; border: 2px solid #333; padding: 10px; display:none; } .mdd ul { list-style:none; margin: 0 10px 0 0; width: 155px; display: block; padding:0; float: left;} .mdd ul li { margin:0; padding:0;} .mdd ul strong { text-transform:uppercase; padding-top: 1em; display:block;} #search_suggest strong { text-transform:none!important; } .mdd ul a { display: block; font-size: 11px; padding: .5em 0; border-bottom: 1px solid #DDD; color:#444; text-decoration:none;} .mdd ul a:hover { background-color:#F3F3F3; } .mdd .content { float: left; width: 150px; border-left: 1px solid #EEE; padding-left: 10px;} .mdd .content p.caption { font-size: smaller; color:#666;} #mdd_search { width:195px; padding-top:5px;} #mdd_search .tip { display:block; margin-left: 16px; color: #666; font-style:italic; } ##mdd_search #search_suggest { float:right; margin-left: 10px; padding-left: 10px; border-left: 1px solid #CCC; display:none;} #mdd_search #search_suggest { clear: both; display:none; border-top: 1px solid #CCC; margin-top:.5em; padding-top:.5em; } #mdd_search ul { width: 195px; _width:200px;} #mdd_search ul strong { display: inline;} #mdd_search ul.options li { padding: 0 0 5px 0; font-size: smaller; float:left; width:120px;} #mdd_search ul.options li.short { width: 70px;} #search_suggest li { padding-left: 0;} #mdd_search input { margin-left: 0; } #mdd_search form { padding:0; width: 120px; float:left; margin:0; } #mdd_search h4 { font-size: 10px; color: #2d637f; margin-top: 0; margin-left:0; padding-top:0; } /*---End IUPUI Navigation Mega Drop Downs---*/ /*---Print Style---*/ @media print { h2.title { padding: 5px 0 0 0; margin-left: 5px; } img.wide { margin: 0 50px 10px 0; } #page, #main, #rightNav { border: none; } #page { display: inline; text-align: left; width: 510px; background: none; border: none; } #page img { padding: 5px 0; } #aheadSpan { height: 43px; margin-bottom: 5px; overflow: hidden; background: none; background: url("null"); border-bottom: 1px solid #DDD; } #head h1 { margin: 2px 10px 0 5px; padding: 0; font-size: 30pt; } #head h1 a { color: #990000; text-decoration: none; } #head p { margin: 8px 10px 0 0; padding: 0; font-size: 10pt; } #head h1, #head p { display: block; float: left; text-align: left; } #main { clear: both!important; display: inline!important; float: none!important; width: 800px; _width: 500px; margin: 0; padding: 0 0 5px 0; border: none; text-align: left; } #main > img:first-child { float: left; margin: 0 100px 20px 0; } #main h2 { display: block; clear: both; } #main h3, #main hr { clear: left; } h1, h2, h3, h4, h5, h6, p { margin-left: 0 !important; padding-left: 0 !important; } #main p { font-size: 12px; width: 640px; _width: 500px; padding-left: 20px; border: none; text-align: justify; } #main ul, #main ol, h1, h2, h3, h4 { text-align: left; } #rightNav { float: none; clear: both; width: 550px; border: none; text-align: left; } #rightNav p.caption { clear: both; background: none; width: 100%; padding: 0; margin: 3px 0; } #rightNav p.caption img { float: left; position: relative; top: -5px; margin-right: 5px; } #rightNav h2, #rightNav ul, #rightNav p { border: none; } #siteHeader h1 a i, #siteHeader h1 a em { display: block !important; text-decoration: none !important; font-style: normal; padding-top: 30px; } /*--- Homepage print style below. ---*/ #homeFlash, #impact #flashcontent, a.hotSpotLink img#hotSpot, ul#bio { float: left; clear: left; margin: 0 0 5px 0; border: none; text-align: left; } .newsEvents { float: right; clear: none; position: relative; left: -100px; border: none; } .newsEvents h2.title { margin: 3px 0; padding: 0; background: none; background: 0; } .newsEvents ul { margin: 0 0 0 0; padding: 0 0 0 0; background: none; background: 0; } .newsEvents ul li { margin: 5px 0 5px 0; padding: 0 0 0 0; text-align: left; } /*---Finally, hide what we don't want people to see and fix our column heights---*/ #infoNav, #footerNav, #head form, #head img, ul#topNav, p#skipNav, .handheld, #leftNav, #rightNav .flash, p.more, .newsEvents p, .headerpng, a.logo, img.logo, .logo, #footerMap, address.footer, .mdd { display: none !important; } .column { overflow: visible; height: auto !important; } .calloutBox { display:block !important; } } /*---Handheld, ScreenReader Styles ---*/ @media aural, braille, embossed, handheld, tty { .screen { display: none; } #skipNav, .handheld { display: block; } }