/************************************************** Harvest Hope Food Bank General Screen Styles Created by Cyberwoven http://www.cyberwoven.com **************************************************/ /*------------------------------------------- General Selectors -------------------------------------------*/ /*HOUSECLEANING --------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 18px; font: normal 12px Arial, Verdana, sans-serif; background: #d6d1b4;} strong { font-weight:bold; color:#22430e; } em { font-style:italic; } /*------------------------------------------- Paragraphs -------------------------------------------*/ .content p { margin: 10px 0 20px 0; color: #45503f;} p.launchers { line-height: 18px; margin-bottom: 18px; margin-right: 100px; width: 170px; } p.newsitems { line-height: 18px; } p.frontpage { margin: 0; padding: 0; color: #063310; font-weight: bold; font-size: 10px; text-align: right; line-height: 12px; } p.newslist { font-size: 11px; margin: 20px 0 20px 8px; } p.newscontent { margin: 0 0 20px 0; font-size: 20px; color: #45503f; line-height: 18px; } /*------------------------------------------- Structure -------------------------------------------*/ #home { background: url(../img/homebg.jpg) no-repeat top center; min-width: 980px; height: 650px; } #homeinternal { background: url(../img/internalbg.jpg) no-repeat top center; min-width: 980px; height: 650px; } #leftcol { width:190px; float: left; } #rightcol {width: 674px; float: left; margin: 0 0 0 55px; overflow:visible;} .content a:link, .content a:visited { color:#063310; text-decoration:none; border-bottom:solid 1px #bbb7a0; } .content a:hover { color:#116023; } .content ul { margin: 10px 0 10px 37px; } .content ul li {font-weight: bold; color: #423b11; } .content ol { margin: 10px 0 10px 37px; } .content ol li {font-weight: bold; color: #442c07; } #container { width: 980px; margin: 0 auto; padding: 0; } #topcontainer { height:447px; position:relative;} #flashcontent {position:absolute; left:340px; top:0;} #mainnav { width: 132px; padding: 0; float: left; margin: 15px 0 10px 0; } #mainnav ul#mainnavlist { list-style-type: none; text-align: left; margin: 95px 0 20px 0; padding: 0 25px 0 0; text-align: right; } #mainnav ul#mainnavlist li { line-height: 16px; font-size: 15px; margin-bottom: 15px; font-weight: bold; } #mainnav ul#mainnavlist li a { color: #063310; font: Arial, Helvetica, sans-serif; text-decoration: none; } #mainnav ul#mainnavlist li a:hover { color: #116023; font: Arial, Helvetica, sans-serif; text-decoration: none; } #mainnavinternal { width: 152px; margin: 15px 0 0 0; padding: 0; float: right; display:block;} #mainnavinternal ul#mainnavlist { list-style-type: none; text-align: right; margin: 0; padding: 0 8px 0 0; } #mainnavinternal ul#mainnavlist li { line-height: 16px; font-size: 15px; margin-bottom: 15px; font-weight: bold; } #mainnavinternal ul#mainnavlist li a { color: #063310; font: Arial, Helvetica, sans-serif; text-decoration: none; } #mainnavinternal ul#mainnavlist li a:hover { color: #116023; font: Arial, Helvetica, sans-serif; text-decoration: none; } #mainnavinternal ul#mainnavlist li a:active { color: #116023; font: Arial, Helvetica, sans-serif; text-decoration: none; } #mainnavinternal ul#subnavlist { list-style-type: none; text-align: right; margin: 8px 0 0 0; line-height: 9px; } #mainnavinternal ul#subnavlist li { list-style-type: none; text-align: right; font-size: 15px; color: #9b9e8d; margin: 0 0 10px 0; } #mainnavinternal ul#subnavlist li a { list-style-type: none; text-align: right; font-size: 11px; color: #60685b; line-height: 7px; } #mainnavinternal ul#subnavlist ul { margin:10px 0 20px 0; } #mainnavinternal ul#subnavlist ul li a { font-size:10px; color:#727e6a; } #contentboardmember { background: black; } #rightcol ul#boardmembernav { float: left; padding: 0 0 0 18px; border-left: 1px solid black; list-style-type: none; margin: 0 0 0 60px; } #rightcol ul#boardmembernav { } #rightcol ul#boardmembernav li { font-weight: bold; line-height: 15px; font: Arial, Helvetica, sans-serif; color: #063310; } #rightcol ul#boardmembernav li a { color: #063310; text-decoration: none; list-style-type: none; } #rightcol ul#boardmembernav li a:hover { text-decoration: none; color: #116023 } .boardmember { width: 375px; float: left; } #flashcontent { height: 446px; width: 635px; float: left; } #middlecontainer { height: 200px; margin: 0 0 0px 0; display: block; clear:both; float:none;} h3#mission_statement { float: none; line-height: 3.7em; margin: -1.4em 0 0px 0; font-family: "Myriad Pro", "Myriad", Tahoma, Verdana, Helvetica, Arial; font-weight: normal; color: #353a1c; text-align: center; background: url(../img/mission_statement.jpg) no-repeat bottom center; } #launchpad1 { width: 291px; height: 167px; margin: 2px 0 0 45px; float: left; display: inline; } #launchpad2 { width: 291px; height: 167px; margin: 2px 0 0 30px; float: left; display: inline; } #launchpad3 { width: 291px; margin: 2px 0 0 30px; float: left; display: inline; } #footer { clear:both; margin: 0; padding:0; float: left; width: 100%; } #footerinternal { background: url(../img/footerinternalbackground.jpg) no-repeat top center; clear:both; margin:13px 0 0 0; padding:0; float: left; width: 100%; } #leftfooter { float: left; } #leftfooter img { float: left; margin: 10px 0 0 45px; } #leftfooter a#second_harvest { height: 53px; } #leftfooter a#second_harvest img { margin: 0 0 25px 45px; height: 53px; } #leftfooterinternal img { float: left; margin: 28px 0 0 45px; } #leftfooterinternal a#second_harvest img {margin: 18px 0 7px 45px;} .content img { padding: 5px 5px 5px 5px; border: 1px solid #a2a288; float: left; margin: 3px 24px 4px 0; } .content img.donate { float:none; padding:0; margin:0; border:none; } #rightcol img.internalheadingimage { margin: 0 0 28px 0; } #middlefooter { float: left; } #middlefooter ul#footerlist { background: url(../img/middlefooterbackground.jpg) no-repeat top left; list-style-type:none; float: left; margin: 0px 0 0 71px; padding-left: 7px; } #middlefooter ul#footerlist li { font-weight: bold; line-height: 15px; font-size: 10px; font: Arial, Helvetica, sans-serif; color: #063310; } #middlefooter ul#footerlist li a { color: #063310; text-decoration: none; list-style-type: none; } #middlefooter ul#footerlist li a:hover { text-decoration: none; color: #116023 } #middlefooterinternal ul#footerlist { background: url(../img/middlefooterbackground.jpg) no-repeat top left; list-style-type:none; float: left; margin: 15px 0 0 71px; padding-left: 7px; } #middlefooterinternal ul#footerlist li { font-weight: bold; line-height: 15px; font-size: 10px; font: Arial, Helvetica, sans-serif; color: #063310; } #middlefooterinternal ul#footerlist li a { color: #063310; text-decoration: none; list-style-type: none; } #middlefooterinternal ul#footerlist li a:hover { text-decoration: none; color: #116023 } #rightfooter { margin: 0px 20px 60px 0; float: right; text-align: right; padding: 0; } #rightfooterinternal { margin: 21px 25px 60px 0; float: right; text-align: right; padding: 0; } p.footerinfo { color:#353a2a; font-weight:normal; text-align:center; line-height:1.4; margin:10px 0; padding-bottom:12px; background: transparent url(../img/footerinternalbackground.jpg) no-repeat scroll center bottom; } p.last { float:right; } ul.latestneeds { margin: 0 0 10px 0; list-style: none;} ul.latestneeds li { font-weight: bold; padding: 0 0 2px 10px;; font-weight: normal; line-height: 15px; font-size: 12px; font: Arial, Helvetica, sans-serif; color: #063310; } ul.latestneeds li a { font-weight: bold; padding: 10px 0 0 0; color: #063310; text-decoration: none; } ul.latestneeds li a:hover { text-decoration: none; color: #116023 } .clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clear { display: inline-block;/* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } br { clear:both; } /*------------------------------------------- Navigation -------------------------------------------*/ /*------------------------------------------- Headers -------------------------------------------*/ h1#logo { padding:0; height: 135px; float: left; width: 140px; margin: 81px 20px 0 45px;} h1#logo a { display: block; height: 158px; font-size:1px; text-indent:-9999px;} h1.internal { margin: 70px 0 10px 0; padding:0; display: block; height: 115px;} h1.internal a { display: block; height: 115px; margin: 0 0 0 90px; font-size:1px; text-indent:-999999px;} h2#donatenow { background: url(../img/h2donatenow.png); width: 151px; height: 20px; padding:0; margin:0 0 18px 0; } #donatenow a {display:block; font-size:1px; text-indent: -9999px; height:20px} h2#volunteernow { background: url(../img/h2volunteernow.png); width: 185px; height: 20px; text-indent: -9999px; margin-bottom: 18px; } #volunteernow a {display:block; font-size:1px; text-indent: -9999px; height:20px} h2#shopnow { background: url(../img/h2shopnow.png) top left no-repeat; width: 185px; height: 25px; text-indent: -9999px; margin-bottom: 18px; } #shopnow a {display:block; font-size:1px; text-indent: -9999px; height:25px} h2#newsbutton { background: url(../img/howyoucanhelp.gif); width: 218px; height: 26px; text-indent: -9999px; margin-bottom: 18px; } #newsbutton a {display:block; font-size:1px; text-indent: -9999px; height:20px} h2#feedyourneighbor { background: url(../img/h2feedyourneighbor.png); width: 254px; height: 26px; text-indent: -9999px; margin-bottom: 18px; } #feedyourneighbor a {display:block; font-size:1px; text-indent: -9999px; height:20px} h3#internalheading { margin: 122px 0 3px 0; font-size: 33px; font-color: #442c07; border-bottom: 1px solid #a09278; } h4#internalcontentheading { font-size: 18px; color: #22430e; margin: 0px 0 23px 0; font-weight: bold; } .content h3 { font-size: 15px; color: #22430e; margin: 1px 0 5px 0; font-weight: bold; } .content h4 { font-size: 12px; color: #22430e; margin: 1px 0 5px 0; font-weight: bold; } .content h4 a { font-size: 12px; color: #1E4021; margin: 1px 0 5px 0; font-weight: bold; text-decoration: none; } .content h4 a:hover { color: #116023; font: Arial, Helvetica, sans-serif; text-decoration: none; } .content p a { color: #1E4021; margin: 1px 0 5px 0; font-weight: bold; text-decoration: none; } .content p a:hover { color: black; text-decoration: none; } .content ul li a { color: #1E4021; margin: 1px 0 5px 0; font-weight: bold; text-decoration: none; } .content ul li a:hover { color: black; text-decoration: none; } .content ol li a { color: #1E4021; margin: 1px 0 5px 0; font-weight: bold; text-decoration: none; } .content ol li a:hover { color: black; text-decoration: none; } .newsTable h4 { font-size: 15px; margin: 1px 0 10px 0; font-weight: bold; } .newsTable h4 a { color: #22430e; } .content h5 {font-weight:bold; margin:10px 0 1px 0;} /*------------------------------------------- Anchors -------------------------------------------*/ a.launchers { color: #2a0000; font-size: 14px; font-weight: bold; text-decoration: none; } a.launchers:hover { color: #66594a; text-decoration: none; } p.frontpage a { text-decoration: none; color: #670324; margin: 0; padding: 0; } p.frontpage a:hover { color: #CC6633; margin: 0; padding: 0; } a.newsanchors { color: #2a0000; font-size: 12px; font-weight: bold; text-decoration: none; } a.newsanchors:hover { color: #66594a; text-decoration: none; } a.newsitem { text-decoration: none; margin: 30px 0 0 0; font-size: 13px; } /*------------------------------------------- Miscellaneous -------------------------------------------*/ /*------------------------------------------- Forms - Calendar -------------------------------------------*/ .calendar { background: #cbc6a6; } h4.calendar { background: none; width:150px; } #calendarboxleft { float: left; width: 75px; } #calendarboxright { float: left; margin: 0 0 30px 90px; } #calendarbox { margin-bottom:30px; } .todayDay { font-weight: bold; font-size: 13px; color: #084115; font-family: Arial, sans-serif; background-color: #f6f5ec; text-align: left; height: 60px; vertical-align: top; } .currentMonthday { font-weight: lighter; font-size: 11px; color: #683919; font-family: Aria, sans-serif; background: #cdc8a9; ; text-align: left; height: 60px; vertical-align: top; padding-left: 3px; padding-top: 3px; } .calendareventname { font-weight: normal; font-size: 10px; color: #084115; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .otherMonthDay { font-weight: lighter; font-size: 11px; color: #cec3ae; font-family: Arial, sans-serif; background: #a49e7f; text-align: left; height: 60px; vertical-align: top; padding-left: 3px; padding-top: 3px; } .DaysOfWeek { font-weight: bold; font-size: 12px; color: #084115; font-family: Arial, sans-serif; text-transform:uppercase; background: url(../img/dayofweekbg.png) no-repeat top left; } .Month { color: #4a3323; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; line-height: 36px; background: url(../img/headingbackground.png) no-repeat top center; height: 20px; border: none; width: 60px; } .Calendar { margin: 1px; padding: 3px; border: 1px solid #FFFFFF; } .MonthNavigation { font-weight: bold; font-size: 16px; color: black; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } #calendarbox a { font-size:11px; line-height:12px; display:block; margin:0 0 5px 0; font-weight: normal; text-decoration: none; color:#0e4d1d; } #calendarbox a:visited { color:#698a4e; } #calendarbox a:hover { font-weight: normal; text-decoration:none; color:#084115; } .dropdown { width:150px; } /*------------------------------------------- Forms - Contact Form -------------------------------------------*/ fieldset fieldset { position:relative; overflow:visible; margin:30px 0 20px 0; padding:5px 0 30px 0; border:solid 1px #b0aa84; border-top:none; border-left:none; background:url(../img/fieldset_fieldset-bg.jpg) repeat-y top right; } fieldset fieldset legend { font-weight:bold; display:inline; } .input, fieldset input { margin: 8px 0 15px 0; width:75%; background: #ebe9df; } fieldset input, fieldset select { width:250px; margin-top:4px; margin-bottom:5px; background: #ebe9df; } fieldset input.short { width:100px; } fieldset select { width:150px; margin-bottom:0; } fieldset select.shortest { width:auto; margin-bottom:0; } fieldset div.subsection { margin-left: 10px;} fieldset div.table-row { margin-bottom:3px; clear:both; } fieldset div.table-row div.column { width:33%; float:left; } fieldset span.note { color:black; font-weight:normal; font-family: Arial, sans-serif; width: 170px; color: #084115;} fieldset span.marker1 { color:blue; font-weight:bold; } fieldset span.marker2 { color:red; font-weight:bold; } fieldset span.marker3 { color:green; font-weight:bold; } .input:focus, input:focus { background:#ddecd9; } .label, label { margin: 15px 0 4px 0; font-weight: bold; color: #084115; font-family: Arial, sans-serif; width: 170px; } fieldset label { display:block; margin-top:10px; margin-bottom:0; width:100%; } .checkboxlabel { margin: 0 0 20px 0; font-weight: bold; font-size: 9px; color: #084115; font-family: Arial, sans-serif; } #ctl02_btnSend { margin: 10px 0 10px 0; } .textBox, textarea { width: 80%; margin-bottom: 10px;} textarea { height:100px; } .sendbutton { margin-bottom: 50px; } input[type="submit"] { float:left; margin:25px 15px 25px 0; display:block; background:url(../img/input_button.jpg) repeat top left; padding:8px 12px; border: solid 1px #516c35; border-right:solid 1px #fff; border-bottom:solid 1px #fff; color:#325d30; font-weight:bold; } input[type="submit"]:hover { cursor:pointer; } .contactForm { margin-top:10px; } #btnloginmembers { margin: 10px 0 10px 0; } #txtUsername { margin: 0 0 3px 7px; width:168px; background: #ebe9df; } #txUsername:focus { background:#ddecd9; } #txtPassword { margin: 0 0 0 7px; width:168px;; background: #ebe9df; } #txtUsername:focus { background:#ddecd9; } #txtPassword:focus { background:#ddecd9; } p.membersloginprompt { font-size: 15px; color: #22430e; margin: 1px 0 20px 0; font-weight: bold; } p.loginusername { font-size: 12px; color: #22430e; margin: 1px 0 5px 0; font-weight: bold;} p.loginpassword { font-size: 12px; color: #22430e; margin: 1px 0 5px 0; font-weight: bold; } ul#countiesweserve { float: left; list-style-type: none; text-align: right;} ul#countiesweserve li { line-height: 16px; font-size: 12px;} ul#countiesweserve li a { line-height: 16px; font-size: 11px;} #harvestmap { float: left; margin: 0 0 40px 35px; } a.launcheranchors { position: absolute; top: 610px; float: left; color: #2a0000; font-size: 14px; font-weight: bold; text-decoration: none; } a.launcheranchors:hover { position: absolute; top: 610px; float: left; color: #463829; font-size: 14px; font-weight: bold; text-decoration: none; } a.backtonewsanchor { font-weight: bold; color: #063310; text-decoration: none; list-style-type: none; } a.backtonewsanchor:hover { font-weight: bold; color: #116023; text-decoration: none; list-style-type: none; } a.backtocalendar { font-weight: bold; color: #063310; text-decoration: none; list-style-type: none; } a.backtocalendar:hover { font-weight: bold; color: #116023; text-decoration: none; list-style-type: none; } a.backtoneeds { font-weight: bold; color: #063310; text-decoration: none; list-style-type: none; } a.backtoneeds:hover { font-weight: bold; color: #116023; text-decoration: none; list-style-type: none; } /* volunteer form */ fieldset#volunteer table.radio { margin-top:10px; } fieldset#volunteer table.radio tr td { margin-bottom:10px; } fieldset#volunteer span.checkbox { display:block; margin-top:5px; } fieldset#volunteer table.radio input, fieldset#volunteer span.checkbox input { float:left; margin:0 6px 0 0; width:auto; background:none; border:none; } fieldset#volunteer table.radio input { margin-top:0; } fieldset#volunteer table.radio label, fieldset#volunteer span.checkbox label { display:inline; line-height:17px; vertical-align:baseline; } fieldset#volunteer table.radio td { display:block; width:200px; } fieldset#volunteer select.short { width:120px; margin-right:10px; } fieldset#volunteer span.instructional_text { vertical-align:middle; margin-left:12px; color:#7d7a6c; } /* Kids Pages (set by common.js) ----------------------------------------------- */ div.kidspage .content {font-family:"Comic Sans MS", Arial, sans-serif !important; font-size:12px; line-height:22px; } /* sIFR ----------------------------------------------- */ .sifr .sifrspan {display:none;} /* Photo Gallery ----------------------------------------------- */ .content ul.photogallerylist {display:block; width:650px; margin:30px 0; list-style:none;} .content ul.photogallerylist li {display:block; float:left; width:200px; background:url(../img/photo_gallery_li_bg.png) no-repeat top left; padding:15px 0 15px 20px; margin:0 15px 10px 0;} .content ul.photogallerylist li a {font-size:14px; text-decoration:none; border:none;} .content ul.photogallerylist li strong a { border-bottom:solid 1px #98927a; } .content ul.photogallerylist li strong a:hover { text-decoration:none; } .content ul.photogallerylist li a:hover {text-decoration:underline;} .content ul.photogallerylist li img {width:60px; height:60px; padding:0; margin-right:15px; border:solid 1px #ada18a;} .content ul.photogallerylist li a img:hover { border-color:#716754; } ul.photogallery {margin:10px 0; padding:0; width:650px; background:none; list-style:none;} ul.photogallery li {display:block; float:left; margin:0; padding:0; background:none; width:120px; height:120px;} .content ul.photogallery li a {display:inline; margin:0; padding:0; border:none;} ul.photogallery li a img {float:none; margin:0; padding:0; border-color:#ada18a;} ul.photogallery li a:hover img {border-color:#716754;} /* Agency Monthly Feeding Report ----------------------------------------------- */ #monthlyfeedingreport ul{list-style: none;} #monthlyfeedingreport #reportheader {border: 1px solid #60685B; padding: 20px 10px 0px 10px; margin: 20px 0px;} #monthlyfeedingreport ul.form_listHeader{display: block; width: 620px;} #monthlyfeedingreport ul.form_listHeader li{display: block; float: left; clear: left; margin: 0px 20px 20px 0px; width: 320px; height: 30px;} #monthlyfeedingreport ul.form_listHeader li.right{width: 250px; clear: none; margin-right: 0px;} #monthlyfeedingreport ul.form_listHeader li label{margin: 0px 10px 0px 0px; float: left; width: auto;} #monthlyfeedingreport ul.form_listHeader li input{margin: 0px 20px 0px 0px; width: 120px; float: right;} #monthlyfeedingreport ul.form_listHeader li select{margin: 0px 20px 0px 0px; float: right;} #monthlyfeedingreport ul.form_listHeader li.PhoneNumber{clear: both;} #monthlyfeedingreport ul.form_list {clear: both;} #monthlyfeedingreport ul.county_list li {position: relative; float: left; width: 110px; margin: 0px 25px 0px 0px; padding-right: 60px;} #monthlyfeedingreport ul.county_list li p{float: left; width: 120px; } #monthlyfeedingreport ul.county_list li input{position: absolute; right: 0px; float: right; width: 50px;} * html #monthlyfeedingreport ul.county_list li p{} #monthlyfeedingreport ul.form_listBottom li ul li{margin-bottom: 15px;} #monthlyfeedingreport ul.form_listBottom label{margin: 0px 10px 0px 0px;} #monthlyfeedingreport ul.form_listBottom input {width: 50px;} #monthlyfeedingreport input.button{display: block; background: url(../img/submitbutton.jpg) no-repeat top center; width: 90px; height: 35px; margin: 0; padding: 0; border: 0; text-indent: -1000px; font-size: 0px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; color:#222;} #lightbox a img{border:none; float:none; margin:0; padding:0; border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../img/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../img/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#043b62; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }