/* ------------------------------------------------------------------ */ /* Common elements */ /* ------------------------------------------------------------------ */ body { margin: 0; padding: 0; /* 03-29-2008 Setting the min-width here for the to a fixed value and then setting the #Masthead id width selector to a percentage achieves the appropriate effect of a liquid layout with a minimum size. Be careful with the value min-width selector as it could result in a layout that does funky things. The font face and font size may also cause funky layout things to happen as well.*/ min-width: 890px; max-width: 900px; } p { margin: 2px 2px 2px 2px; padding: 2px 2px 5px 2px; } #page { min-width: 99%; /* 07-04-2009 by placing the background image here, it will cover the entire page */ /*background-image: url("../images/background.png"); */ background-image: url("/images/background.png"); /* relative to the root of the web site */ /*background-image: url("http://www.ralongalumni.info/images/background.png"); /* absolute path */ background-repeat: repeat-y; /* repeat only vertically */ background-position: right; /* force to the right side of the page */ } #header { clear: both; width: 100%; /* height: 88px; /* remove height to allow other things to work correctly */ } #header h1 { color: white; } #header #masthead { text-align: right; } .badge { border: 0; } /* navbar */ #page .navbar { clear: both; height: 30px; width: 100%; border-top: solid #000 1px; border-bottom: solid #000 1px; /* this adjustment isn't necessary if #Page #masthead has the margin-bottm set appropriately */ /*margin-top: -10px; /* move the bar up so that it meets the masthead */ margin-bottom: 2px; /* give a little breathing room for other content */ } #page .navbar ul { margin: 0px; /*removes indent IE and Opera*/ padding: 0px; /*removes indent Mozilla and NN7*/ line-height: 30px; white-space: nowrap; } #page .navbar li { list-style-type: none; display: inline; } #page .navbar li a { padding: 7px 10px; } .imgbullet { height: 16px; width: 16px; border: 0px; /* anything other than middle looks like crap */ vertical-align: middle; } #article { float: left; width: 97%; margin-left: 3%; display: inline; } /* ------------------------------------------------------------------ */ /* Main page elements */ /* ------------------------------------------------------------------ */ #welcomemessage { padding: 5px 5px 5px 5px; margin-left: 5px; } #left { width: 32%; float: left; padding: 5px 5px 5px 5px; margin-left: 5px; min-height: 350px; } #center { width: 32%; float: left; padding: 5px 5px 5px 5px; min-height: 350px; } #right { width: 32%; float: left; padding: 5px 5px 5px 5px; min-height: 350px; } .columnlabel { margin-top: 5px; margin-bottom: 5px; } .column h3 { margin-top: 5px; margin-bottom: 5px; } .mainpagedivider{ margin-top: 1px; margin-bottom: 1px; } #footer { clear: both; width: 100%; vertical-align: bottom; height: 150px; /* color and typograpy isn't to be in the final version of this file */ } /* ------------------------------------------------------------------ */ /* Mission page elements */ /* ------------------------------------------------------------------ */ #missionstatement { margin: 5px; } #missionstatementschool { float: right; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; margin-right: 5px; } /* ------------------------------------------------------------------ */ /* Reunion page elements */ /* ------------------------------------------------------------------ */ /* reunion table needs to stay syncrhonized with .improved table --- the difference is that we are specifying the font size here.*/ #reuniontable { /* border-collapse: collapse is enough to improve the table borders in FF/Safari. In IE they still look like crap. Of course, if I take away some of the stuff traditionally in the element all borders disappear.*/ border-collapse: collapse; border-width: 1px; border-style: solid; } #reuniontable th { border-width: 1px; border-style: solid; } #reuniontable td { border-width: 1px; border-style: solid; padding: 1px 1px 1px 1px; } /* ------------------------------------------------------------------ */ /* Projects page elements */ /* ------------------------------------------------------------------ */ .improvedtable { /* border-collapse: collapse is enough to improve the table borders in FF/Safari. In IE they still look like crap. Of course, if I take away some of the stuff traditionally in the

element all borders disappear.*/ border-collapse: collapse; border-width: 1px; border-style: solid; } .improvedtable th { border-width: 1px; border-style: solid; } .improvedtable td { border-width: 1px; border-style: solid; padding: 1px 1px 1px 1px; }