/* -------------------------------------------------------------- reset.css - Resets default browser CSS. Source Eric Meyer -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } u {text-decoration: none} /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset, img, a img, abbr, acronym { border: none; text-decoration: none;} input, select, textarea { font-size: 100%; font-family: inherit; } ol, ul { list-style: none; } #logoprint, #logoprint img {display: none} /*()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()() LAYOUT These styles are for the basic structure of typical page interface for the University site. Variations in specific campus imagery and menus are made in the campus specific css files -------------------------------------------------------------------------- */ html, body { height: 100%; } /*Required for footer stick method http://www.cssstickyfooter.com/using-sticky-footer-code.html*/ /*For Opera in Footer Stick method*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } body { background: #fff url(http://css.erau.edu/iface/clouds.jpg) center top no-repeat; text-align: center; } /*nonFooter is the container of content which contains everything in the body except footer. Do not change!!!*/ #nonFooter { min-height: 100%; width: 960px; margin: 0 auto; text-align: left; position: relative;} * html #nonFooter { /*stretch to full height in IE6 - (new footerstick)*/ height: 100%; } /* #content contains the two main divs of each page: contentMain floated right and #nav floated left. Large bottom padding is to allow room for footer positioned with netative margin. Reference: http://www.themaninblue.com/writing/perspective/2005/08/29/*/ #content {position: relative; padding-bottom: 95px; width: 960px; text-align: left; font-size: inherit; } /* repeating background image for faux columns. Contained in #nonfooter and given transparency to allow clouds to show through*/ #columns { position: absolute; top: auto; left: 0; bottom: 0; margin: 0; height: 100%; width: 960px; background: url(/images/fauxcol.gif) center top repeat-y; } #nocolumns { position: absolute; top: auto; left: 0; bottom: 0; margin: 0; height: 100%; width: 960px; background: url(/images/bg.gif) center top repeat-y; } /*FOOTER is positioned at the bottom of the screen window or at the end of content by footer stick method. Footer content styles are in typography section*/ #footer { position: relative; height: 85px; width: 960px; margin: -85px auto 0 auto; background: #e3e9f4 url(http://css.erau.edu/iface/footer-bg.gif) repeat-x top; text-align: center; clear:both; } .clearer { clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; } /* HEADER */ #header_extender { position: absolute; top: 0; left: 0; width: 100%; height: 188px; background: url(http://css.erau.edu/affiliate/iface/header_extender.png) center top repeat-x; /*filter:alpha(opacity=30); -moz-opacity:.30;opacity:.30;*/ } /*Tiles the header banner horizontally to the edge of the window*/ #affilliate-erau-banner { background: #fff url(../images/affiliate-header.jpg) center top no-repeat; height: 56px; width: 960px; margin: 0; padding: 0; position: relative; border-top: 2px solid #f1b228; border-bottom: 2px solid #f1b228; } /* HEADER Logo - Embry-Riddle logo linked to the index page of the University site. The ERAU logo always links to the university home page.*/ #logo-homelink { position: absolute; right: 200px; top: 13px; margin: 0; padding: 0; } #logo-homelink img { border: 0; margin: 0; padding: 0; } #logo-homelink a { display: block; border: 0; text-decoration: none; } #logo-homelink a span { display: block; padding-top: 6px; display: none; } #logo-homelink a:hover span { display: block;} /*Contents of header which follow are absolutely positioned inside this div.*/ #affilliate_header { background: #fff; height: 100px; width: 960px; margin: 0; padding: 0; position: relative;} #site-name { position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; } #site-name img { border: 0; display: block; margin: 0; padding: 0;} #site-name a { display: block; border: 0; text-decoration: none; } #site-name a span { display: block; padding-top: 6px; display: none;} #site-name a:hover span { display: block;} #campus-name { position: absolute; right: 20px; top: 11px; margin: 0; padding: 0; } #campus-name img { border: 0; display: block; margin: 0; padding: 0; } #campus-name a { display: block; border: 0; text-decoration: none; } #campus-name a span { display: block; padding-top: 6px; display: none;} #campus-name a:hover span { display: block;} /*TopNav Horizontal menu in the yellow bar of header. Contains links to major sections of the site. Navigation for each section is in nav section*/ #topNav * { margin: 0; padding: 0;} #topNav { display: block; height: 28px; width: 960px; text-align: center; background: url(http://css.erau.edu/iface/topnav-bg.png) repeat-x ; position: relative; z-index: 2; overflow: hidden; } #topNav ul {list-style-type: none; padding: 0; margin: 0 auto; } #topNav li {list-style-image: none; display: inline; } #topNav a { padding: 9px 20px 7px; text-decoration: none; border:0; font: bold 12px/27px Arial, Helvetica, sans-serif; color: #3a5079; text-align: center;} #topNav a:hover { background: gold url(http://css.erau.edu/iface/topnav_bghover.jpg) repeat-x top; color: #3a5079;} /*All these classes are added dynamically by Rhythmyx depending on the link selected by the user. So all must have the styling for current page.*/ #topNav a.SELF, #topNav a.ANCESTOR, #topNav a.PARENT, #topNav a.current { background: #fbe197 url(http://css.erau.edu/iface/topnav_bghover.jpg) repeat-x top; color: #3a5079; /*background: #FFE799; color: #000;*/ } /*ContentMain contains all content other than #nav using various div configurations #page_copy and columns.*/ #contentMain { float: right; width: 720px; padding: 0 0 0 0; margin: 0 0 0 0; display: inline; overflow: hidden; } #contentMain_nonav { float: right; width: 960px; padding: 0 0 0 0; margin: 0 0 0 0; display: inline; overflow: hidden; } /*#page_copy is contained in #contentMain. It exists to provide consistent left space for negative margins for headings in ie6.*/ #page_copy { width: 648px; float: right; padding-left: 70px; padding-right: 20px; display: inline; } #page_copy_nonav { width: 870px; float: right; padding-left: 70px; padding-right: 20px; display: inline; } #page_copy_aside { width: 418px; padding: 0 20px 0 70px; float: left; display: inline; } #aside { width: 192px; padding: 10px 10px; overflow: hidden; float: right; display: inline; } /*Video is the default div id to contain flowplayer.*/ #video { background: #000; width: 534px; height: 324px; display:block; float: left; margin: 0; padding: 0} /*When video is inline in page copy it needs some margin and a class of add_margin is added.*/ #video.add_margin { margin: 15px 0 } /*Video is the default div id to contain flowplayer. When video is inline in page copy it needs some margin and a class of add_margin is added.*/ #video.nofloat { float: none; } /*Other #nav styles in nav section*/ #u-nav, #nav { width: 240px; float: left; display: inline; background: url(http://css.erau.edu/iface/fauxcol.png) left top repeat-y; } /*END LAYOUT*/ /*()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()() TYPOGRAPHY Basic styles for html elements, text sizing etc. -------------------------------------------------------------------------- */ body { font-size: 100.1%; color: #222; font-family: Georgia, Palatino, Times, serif;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color: #111; font-family: "Book Antiqua", Palatino, "Times New Roman", serif; letter-spacing: -.02em; font-weight: bold; line-height: 1.1; } h1 { font-size: 1.375em; margin: 1em 0 .4em -40px; } h2 { font-size: 1.0625em; margin: 1em 0 .4em -30px; } h3 { font-size: .9375em; margin: 1em 0 .3em -15px; } h4 { font-size: .875em; margin: 1em 0 0 0; } h5 { font-size: .875em; margin: 1em 0 .3em 0; font-weight: bold; } h6 { font-size: .875em; margin: 1em 0 .3em 0; font-weight: bold; } #aside h2, #aside h3, div.col-2 h2, div.col-2 h3, div.col-3 h2, div.col-3 h3 {margin-left: 0} /* HEADING RELATED */ h1 span { font-size: .7em; color: #666; } h2.divider {clear: both; margin-top: 2em; padding-top: .5em; border-top: 1px solid #666;} h1.narrow { width: 440px; } /*class="narrow" is added to h1 headings when the secondary content contains an image with a reverse margin that would overlap a full length heading*/ /*h1.kicker and h1.deck is for extra copy associated with h1 but not a subheading introducing a new section. p.h1-kicker { margin: 0 0 4px -16px; font-weight: bold; font-size: .8em; } p.h1-deck { margin: 3px 0 18px -16px; font-weight: bold; font-size: .9em; }*/ /* TEXT P AND VARIATIONS*/ p { font-size: .875em; line-height: 1.4; margin: 0 0 .6em 0; padding: 0; } .footnote { font-size: .6875em; line-height: 1.4; margin: 12px 0 6px 0; padding: 0; clear: both} p.legal_notice { font: bold 70%/1.2 arial; padding: 20px 50px; border: 1px solid #ccc; margin-top: 30px; background: #fafafa;} /*p span { color: red} */ /* LINKS */ a {text-decoration: none; border-bottom: 1px solid #ccc; } a:link { color: #06389e; background-color: transparent; } a:visited { color: #06389e; background-color: transparent; } a:active { color: #06389e; background-color: transparent; border-bottom: 1px solid #666; } a:hover { color: #06389e; background-color: transparent; border-bottom: 1px solid #666;} /*displays a application icons based on the file name extension.*/ a[href$=".ppt"], a[href$=".pps"], a[href$=".pdf"], a[href$=".doc"], a[href$=".wav"], a[href$=".xml"] { display: inline-block; padding-left: 22px; } a[href$=".ppt"] { background: url(http://css.erau.edu//iface/powerpoint.gif) no-repeat left top; } a[href$=".pps"] { background: url(http://css.erau.edu//iface/powerpoint.gif) no-repeat left top; } a[href$=".pdf"] { background: url(http://css.erau.edu/iface/pdf.gif) no-repeat left top; } a[href$=".doc"] { background: url(http://css.erau.edu//iface/word.gif) no-repeat left top; } a[href$=".wav"] { background: url(http://css.erau.edu//iface/audio_icon.gif) no-repeat left top; } a[href$=".xml"] { background: url(http://css.erau.edu//iface/rssfeed.png) no-repeat left top; } /* LISTS */ ul li { list-style: url(http://css.erau.edu/iface/bullet.gif) outside; } ol li { list-style-image: none; list-style-type: decimal;} ul, ol, dl { margin: .8em 0; font-size: .875em; line-height: 1.3} ul ul, ol ol, dl dl { margin: .3em 0; font-size: 100%; line-height: 1.3} dt { margin-top: .6em; font-weight: bold; line-height: 1.3; } dd { margin: 0 0 0 2em; font-weight: normal; padding: 0; line-height: 1.3;} dl dl dl dt {font-style: italic; } dd ol { margin-top: 0; } dd ol li { margin-bottom: 2px; } ol { list-style-type: decimal; list-style-image: none;} ol ol { list-style-type: lower-alpha; list-style-image: none;} ol ol ol { list-style-type: lower-roman; list-style-image: none;} li li, dd ul, dd ol, li p, div li, ul a, li a, table ul, dd address, dd p, dd dl, ul ol {font-size: 100%; } /*List Indents*/ li { margin: .2em 0 .5em 1.5em;} li li { margin: .2em 0 .5em 2.0em;} li li li { margin: .2em 0 .5em 4em;} ul ul li { list-style-type: circle; list-style-image: none; } ul ul ul li { list-style-type: square; list-style-image: none; } /*Footer Content*/ #bottomLinks { text-align: center; list-style: none; margin: 0; padding-top: .5em; } #bottomLinks li { display: inline; padding: 0 10px 0 10px; margin: 0; border-right: 1px solid #142d57; text-align: center; } #bottomLinks li.last { border-right: medium none;} #bottomLinks a {font: normal .8125em/1 Arial, Helvetica, sans-serif; padding: 0 3px 2px 3px; color: #000; border: 0;} #bottomLinks a:hover {border-bottom: 1px solid #a9bbd9;} /*FOOTER Footer is outside div#nonfooter. div#nonfooter is 100% of window with padding on bottom which provides space for footer. Footer is brought into view by the negative top margin.*/ #footer p { text-align: center; font: normal .6875em/1.2 Arial, Helvetica, sans-serif; margin: 0; padding:0; } #footer p.copyright { margin-top: 1.5em;} #footer p.campus { font-weight: bold;} #footer p.address { font: normal .6875em/1.2 Arial, Helvetica, sans-serif; } .clear { clear: both; } /*MISC*/ .floatright {float: right; margin: .5em 0 10px 10px;} .floatleft { float: left; margin: .5em 10px 10px 0; } /*Link from article lead in to the whole article*/ span.morelink a { font: bold .8em Arial, Helvetica, sans-serif; padding: 0 .5em; margin-left: 8px; background: #ccc; color: #000;} pre { font-family: monospace; font-size: .875em; } strong { font-weight: bold; } em { font-style:italic; } hr { display: none; } div.hr { height: 1px; margin: 1.5em 10px; border-bottom: 1px dotted black; } address { margin: .2em 1em; font-style: italic; font-size: .8125em; line-height: 1.2em } pre { padding: 12px; background: #fff; border: 1px solid #ccc; color:blue; font: normal 1em/.9 "Lucida Console","Courier New",Courier,monospace; font-size-adjust:none; font-style:normal; font-variant:normal;} pre span { display: block; color: red; margin: 12px 0 2px 0;} #returnbar div.remove {float: right; width: 150px; text-align: right; } /*()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()()() NAVIGATION Left Nav. #u-nav is the div for non-Rhythmyx markup like university site. #nav is for RX where there is no parent child classes.*/ #nav, #nav * { padding: 0; margin: 0;} #nav { padding-bottom: 200px; background: url(http://css.erau.edu/iface/nav-bottomfade.jpg) center bottom no-repeat; } #nav ul { padding: 0 0 0 0; margin: 0;}/*small space bottem of parent ul*/ #nav ul img { margin: 0 0 0 0} /*small space before fade image*/ #nav h2 { margin: 0 0 0 0;} #nav h2 a {background: #3f61a1; border: 0; display: block; color: #fff; font: bold 1em/1.2 arial, helvetica, sans-serif; padding: 12px 8px 12px 14px;} /* #nav h2 a.SELF, #nav h2 a.ANCESTOR, #nav h2 a.PARENT { border: 0; color: #fff; background: #3f61a1;} */ #nav li { display: inline; /*display:inline removes extra space between list items from ie6*/ } #nav ul li a { color: #222; /*all links set to black*/ display: block; /*needed to make the whole a tag clickable not just the text*/ border: 0; /*deletes the underline border default on ERAU links*/ font: bold .9375em/1 arial, helvetica, sans-serif; /*menus are all sans-serif*/ padding: .5em .5em .5em 1.2em; border-bottom: 1px solid #b0c5e7; } /*space around text in links*/ #nav ul li a:hover { color: #222; background: #b0c5e7; /*hover color for top-level links*/ } /*Nested Menus*/ #nav ul ul { padding: 0 0 .15em 0; /*border-bottom: 1px solid #b0c5e7; Space bottom of nested lists. Negates padding put on parent ul*/ /*background: #b0c5e7;*/ } #nav ul li.thirdlevel a { padding: 0 0 .15em 0; /*border-bottom: 1px solid #b0c5e7; Space bottom of nested lists. Negates padding put on parent ul*/ /*background: #b0c5e7;*/ } #nav ul ul a { padding: .3em .7em .3em 2.5em; font-weight: normal; font-size: .875em; } #nav ul li.thirdlevel a { padding: .3em .7em .3em 2.5em; font-weight: normal; font-size: .875em; } #nav ul li a.SELF { background: #fff; color: #222; } #nav li.secondlevel a.PARENT, #nav li.secondlevel a.ANCESTOR { color: #222; background: #b0c5e7; } #nav li.thirdlevel a { background:transparent url(http://css.erau.edu/iface/bullet.gif) 20px 20% no-repeat} #nav li.thirdlevel a.SELF, #nav li.thirdlevel a.PARENT { background: #fff url(http://css.erau.edu/iface/bullet.gif) 20px 20% no-repeat; color: #222; font-weight: bold; } .btn { display: block; position: relative; font-weight: bold; font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue Condensed Bold", "Helvetica Neue", arial, sans-serif; font-size: 19px; padding: 16px 18px; margin-top:12px; border-bottom: 1px solid #919ca6; background: #bbc6d1; background: -moz-linear-gradient(top, #ccd5e0 0%, #aab6c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd5e0), color-stop(100%,#aab6c3)); background: -webkit-linear-gradient(top, #ccd5e0 0%,#aab6c3 100%); background: -o-linear-gradient(top, #ccd5e0 0%,#aab6c3 100%); background: -ms-linear-gradient(top, #ccd5e0 0%,#aab6c3 100%); background: linear-gradient(to bottom, #ccd5e0 0%,#aab6c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd5e0', endColorstr='#aab6c3',GradientType=0 ); -webkit-font-smoothing:antialiased; text-shadow:0 1px 1px rgba(0,0,0,0.2); } .btn, .btn:link, .btn:visited, .btn:active, .btn:focus { color:#21629a; } .btn strong { font-family: "HelveticaNeue-CondensedBlack", "Helvetica Neue Condensed Black", "Helvetica Neue", arial, sans-serif; color:#3166b1; } .btn.smalltext { font-size:14px; } .btn:hover { border-bottom-color: #adb7c1; background: #d2dae1; background: -moz-linear-gradient(top, #dee4eb 0%, #c8cfd8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee4eb), color-stop(100%,#c8cfd8)); background: -webkit-linear-gradient(top, #dee4eb 0%,#c8cfd8 100%); background: -o-linear-gradient(top, #dee4eb 0%,#c8cfd8 100%); background: -ms-linear-gradient(top, #dee4eb 0%,#c8cfd8 100%); background: linear-gradient(to bottom, #dee4eb 0%,#c8cfd8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee4eb', endColorstr='#c8cfd8',GradientType=0 ); } .btn.nopadding { padding:0; } .btn.blue { color:#f9b726; border-bottom-color: #1b2f5c; background: #446091; background: -moz-linear-gradient(top, #4b6898 0%, #3d5989 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b6898), color-stop(100%,#3d5989)); background: -webkit-linear-gradient(top, #4b6898 0%,#3d5989 100%); background: -o-linear-gradient(top, #4b6898 0%,#3d5989 100%); background: -ms-linear-gradient(top, #4b6898 0%,#3d5989 100%); background: linear-gradient(to bottom, #4b6898 0%,#3d5989 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6898', endColorstr='#3d5989',GradientType=0 ); } .btn.blue strong { color:#ffffff; } .btn.blue:hover { border-bottom-color: #5270A3; background: #8597b6; background: -moz-linear-gradient(top, #8a9dbc 0%, #8193b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a9dbc), color-stop(100%,#8193b2)); background: -webkit-linear-gradient(top, #8a9dbc 0%,#8193b2 100%); background: -o-linear-gradient(top, #8a9dbc 0%,#8193b2 100%); background: -ms-linear-gradient(top, #8a9dbc 0%,#8193b2 100%); background: linear-gradient(to bottom, #8a9dbc 0%,#8193b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9dbc', endColorstr='#8193b2',GradientType=0 ); } .btn.orange { border-bottom-color: #e8870c; background: #fac754; background: -moz-linear-gradient(top, #fcdb88 0%, #f9b525 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdb88), color-stop(100%,#f9b525)); background: -webkit-linear-gradient(top, #fcdb88 0%,#f9b525 100%); background: -o-linear-gradient(top, #fcdb88 0%,#f9b525 100%); background: -ms-linear-gradient(top, #fcdb88 0%,#f9b525 100%); background: linear-gradient(to bottom, #fcdb88 0%,#f9b525 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdb88', endColorstr='#f9b525',GradientType=0 ); } .btn.orange:hover { border-bottom-color: #FFB04C; background: #fcdb90; background: -moz-linear-gradient(top, #fde8b2 0%, #fbcf71 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fde8b2), color-stop(100%,#fbcf71)); background: -webkit-linear-gradient(top, #fde8b2 0%,#fbcf71 100%); background: -o-linear-gradient(top, #fde8b2 0%,#fbcf71 100%); background: -ms-linear-gradient(top, #fde8b2 0%,#fbcf71 100%); background: linear-gradient(to bottom, #fde8b2 0%,#fbcf71 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde8b2', endColorstr='#fbcf71',GradientType=0 ); } .btn .icon { position: relative; display: block; float:right; margin:0 0 0 10px; } #content:after { content: "."; display: block; clear: both; visibility: hidden; } /* HEADER Search Form*/ #erau_search_container * { margin: 0; padding: 0; width: auto; height: auto; background: transparent; border: 0; } #erau_search_container { display: block; position: absolute; top: 20px; left: 25px; width: 250px; margin: 0; padding: 0; background: transparent; overflow: hidden;} form#erausearch span.search_input_container { height: 17px; overflow: hidden; float: left; } form#erausearch input.search_input { width: 170px; height: 17px; overflow: hidden; color: #000; font-weight: normal; font-size: 12px; padding: 0; margin: 0; border: 0; background: #e3e9f4; background-image: none; } form#erausearch span.submit_button_container { display: block; width: 70px; /* _display: inline-block; only for IE6 ;*/ padding: 0; margin: 0; height: 100%; overflow: hidden; position: relative; } form#erausearch input.submit {/* position: absolute;*/ font: bold 11px/17px arial, sans-serif; color: #000; background: #c3cfe6; width: 100%; height: 17px; cursor: pointer; } /*styles from http://css.erau.edu/db/daytona.css */ #topNav ul.tn-dbcoas li a { padding: 9px 18px 7px; } #coas_introduction { float: right; display: block; width: 420px; } #coas_introduction p { margin: 0 20px 10px 20px; font-size: .75em; } #coas_introduction h1 { margin: 20px 20px 10px 20px; font-size: 1.2em; } #departments_container { clear: both; display: block; width: 960px; position: relative; margin: 0; padding-bottom: 1px; padding-top: 8px; background: url(iface/contentCampusbar-bg.gif) repeat-x scroll center top; } #departments_container:after { /* stretch to contain floats */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #departments { display: block; width: 880px; text-align: center; padding: 0; margin: 15px auto; } #departments div { float: left; width: 200px; height: 170px; border: 1px solid #666; text-align: left; margin-right: 20px; padding: 0; display: inline; overflow: hidden; background: #fff; position: relative; } #departments div.last {margin-right: 0} #departments div h2 { font: bold .875em/1.1 arial,sans-serif; color: #fff; background: #4a6ba0; padding: 3px 8px; margin: 0; height: 30px; } #departments div p { margin: 4px 8px; padding: 0; font: normal .8125em/1.3 arial, sans-serif;} #departments div p+p { position: absolute; bottom: 3px; right: 6px; font-size: .75em; } #departments div p+p a { font-size: .75em; border: 0; } #departments div p+p a:hover { border-bottom: 1px solid #666; } /* from shared.css */ //#landing_photoShow {height: 250px; width: 534px; overflow: hidden; } #landing_photoShow { overflow: hidden; } //#landing_photoShow img {margin: 0; padding: 0; height:auto; width:534px; } #landing_photoShow img {margin: 0; padding: 0; align:left;} #landing_photoShow div {position: absolute; z-index:0; } #landing_photoShow div.previous {z-index:1; } #landing_photoShow div.current {z-index:2; } /*Video is the default div id to contain flowplayer.*/ #video { background: #000; width: 534px; height: 324px; display:block; float: left; margin: 0; padding: 0} /*When video is inline in page copy it needs some margin and a class of add_margin is added.*/ #video.add_margin { margin: 15px 0 } /*Video is the default div id to contain flowplayer. When video is inline in page copy it needs some margin and a class of add_margin is added.*/ #video.nofloat { float: none; }