/* * Lawrence University Stylesheet * Skin: JUN2009_001 * Level: site * Type: Site Base Style * * 6-29-2009 */ /* Typical structure of documents:

(SSI)

*/ /* * TAGS ***************************************************/ body { margin: 0px; padding: 0px; /*background: #414b6c url(../images/body-background.jpg) repeat-x scroll top left;*/ text-align: left; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; } body { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #525f7f url(/ssi/skins/2009-01/images/bg_mainHall.jpg) no-repeat scroll center top !important; } p { margin: 0 0 10px 0; } ul, ol { margin-top: 10px; margin-bottom: 10px; } h1 { margin: 0 0 10px 0; padding: 0px; font-weight: bold; font-size: 16px; } h2 { margin: 15px 0 10px 0; padding: 0px; font-weight: bold; font-size: 15.36px; } h3 { margin: 15px 0 10px 0; padding: 0px; font-weight: bold; font-size: 14.08px; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } a, a:active { color: #336699; text-decoration: underline; } a:visited { color: #999999; } a:hover { color: #7D7EBD; } th { text-align: center; } /***************************************************/ /* * BODY CONTENT AREA ***************************************************/ #body-content /* This holds the main "frame" of the page */ { width: 800px; margin: 0 auto; padding: 0px; background-color: #ffffff; text-align: left; border: none; position: relative; } /***************************************************/ /* * HEADER ***************************************************/ #header { height: 210px; position: relative; margin: 0px; padding: 0px; } #header a, #header a:visited, #header a:active { text-decoration: none; color: #a0a0a0; } #header a:hover { color: #336699; } #smile-top { height: 105px; background: #ffffff url(../images/header-smiletop.jpg) no-repeat scroll top left; } #header-controls { position: absolute; top: 15px; right: 35px; color: #ffffff; text-align: right; text-shadow:1px 1px 0 #222; } #header-controls div a, #header-controls div a:visited, #header-controls div a:active { color: #ffffff; } #header-controls div a:hover { text-decoration:underline; color: #ffffff; } #smile-mid { height: 25px; background: #ffffff url(../images/header-smilemid.jpg) no-repeat scroll top left; padding: 7px 20px 0 180px; /* overrides padding in smile-assemblage */ text-align: right; font-size: 14px; font-weight: bold; color: #33428d; } #smile-mid a, #smile-mid a:visited, #smile-mid a:active{ color: #33428d; text-decoration: none; } #smile-mid a:hover { color: #33428d; text-decoration: underline; } #smile-bottom { height: 52px; /* plus 21px padding */ background: #ffffff url(../images/smilebottom/bed600.jpg) no-repeat scroll top left; padding-left: 80px; /* overrides padding in smile-assemblage */ padding-top: 21px;/* overrides padding in smile-assemblage */ padding-right: 15px;/* overrides padding in smile-assemblage */ margin-bottom: 3px; /* overrides margin in smile-assemblage */ text-align: right; font-size: 24px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 0 #005595; border-bottom: 3px solid #ffffff; z-index: 100; /* this brings the smile-bottom div above the jquery cycle based rotator on all pages with fewer than 100 images*/ } .smile-assemblage { margin: 0px; padding: 0px; position: relative; /* all smile header items should be relatively positioned so that things can be abs positioned within them */ } #breadcrumb { width: 770px; position: absolute; top: 55px; left: 15px; font-size: 12px; color: #ffffff; text-align: right; } #breadcrumb ul { margin: 0; padding: 0; } #breadcrumb ul li { display: inline; padding-right: 0; } #breadcrumb ul li a, #breadcrumb ul li a:visited, #breadcrumb ul li a:active { color: #ffffff; text-decoration: none; text-shadow: none; } #breadcrumb ul li a:hover { text-decoration: underline; } #breadcrumb-curpage { text-decoration: underline; } #home-link { display: block; width: 375px; height: 50px; position: absolute; top: 22px; left: 17px; } #home-link img { border: none; width: 375px; height: 50px; } /***************************************************/ /* * ICON ***************************************************/ #icon /* This typically has a distinctive image for this page or area of the site */ { display: none; } #icon .overlay { display: none; position: absolute; margin: 15px; } #icon img { border: none; } /***************************************************/ /* * NAVIGATION ***************************************************/ #navigation /* This has the navigation menu (in nested-UL format) for the site/area/page */ { float: left; width: 170px; margin: 0; padding: 5px; text-indent: 0px; overflow: hidden; } #navigation ul { position: relative; list-style: none; text-align: left; margin: 0; padding: 0; text-indent: 0px; } #navigation a, #navigation a:active, #navigation a:visited { padding: 0 3px; display: block; text-decoration: none; color: #135D81; /*#3b7aa7;*/ width: 97%; } #navigation a:hover { background-color: #d0e5f3; color: #000000; padding: 0 3px; display: block; text-decoration: none; width: 97%; } #navigation ul li { margin: 0 auto; padding: 5px; font-size: 12px; line-height: 16px; font-weight: bold; border-bottom: 1px solid #a69753; } #navigation ul li ul { border: none; } #navigation ul li ul li { margin: 0px; font-weight: normal; margin-left: 10px; border-bottom: none } /***************************************************/ /* * ICON CONTROLS (needs to come after navigation due to css bug) ***************************************************/ #iconControls { height: 29px; padding: 0 5px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #135d81; color: #ffffff; } #iconControls img { float: left; margin: 0; padding: 5px 0 0 0; } #controlContainer { list-style: none; margin: 0; padding: 5px 0 0 0; height: 18px; float: left; } #controlContainer a, #controlContainer a:active, #controlContainer a:visited, #controlContainer a:hover{ border: 1px solid #abc6d3; height: 17px; width: 17px; margin: 0 5px; padding: 0; display: block; float: left; color: #ffffff; text-align: center; text-decoration: none; } #controlContainer a.activeSlide { background-color: #abc6d3; } #iconControls img.control-arrow { border: none; background: none; } /***************************************************/ /* * MAIN CONTENT AREA ***************************************************/ #main-content /* This holds the actual content on the page, inside of the body-content DIV */ { margin: 0; line-height: 180%; padding: 10px 20px 31px 20px; z-index: 1; width: 580px; overflow: hidden; float: left; } /* Rachel ADD to three-col structure */ .three-col-span { padding-left: 10px; } /* wrapper for three-col content columns */ .columnbox-three-col-wrapper { margin: 0; padding: 0; background-image: url(../images/body-threecol-bkgnd.jpg); background-position: top right; background-repeat: repeat-y; /* height hack for ie6 - so that background shows up */ height: auto !important; height: 1px; } /* three-col content columns */ .columnbox-three-col { float: left; width: 232px; padding: 0 10px; } /* special 2/3rd styles */ .columnbox-twothirds-col-wrapper { margin: 0; padding: 0; background-image: url(../images/body-twothirdscol-bkgnd.gif); background-position: top right; background-repeat: repeat-y; /* height hack for ie6 - so that background shows up */ height: auto !important; height: 1px; } .columnbox-twothirds-col { float: left; width: 476px; padding: 0 10px 0 0px; } .columnbox-onethirds-col { float: left; width: 264px; padding: 0 0px 0 10px; } /* wrapper for two-col content columns */ .columnbox-two-col-wrapper { margin: 0; padding: 0; background-image: url(../images/body-twocol-bkgnd.jpg); background-position: top right; background-repeat: repeat-y; /* height hack for ie6 - so that background shows up */ height: auto !important; height: 1px; } /* two-col content columns */ .columnbox-two-col { float: left; width: 360px; padding: 0 10px; } /***************************************************/ /* * FOOTER ***************************************************/ #footer { height: 23px; margin: 0; padding: 7px 0 0 20px; background-color: #8bbad3; color: #ffffff; text-align: left; font-size: 12px; } #footer p { padding: 0; margin: 0; } #footer a, #footer a:visited, #footer a:active { color: #ffffff; } /***************************************************/ /* * UTILITY CLASSES ***************************************************/ .hr { clear: both; width: 100%; height: 1px; margin: 0px; padding: 0px; border: none; overflow: hidden; } .clearDiv { clear: both; visibility: hidden; height: 1px; font-size: 0; line-height: 0; margin: 0; padding: 0; } /*Styles Applied to Float Images left or right */ .imgfloatright { float : right; padding : 5px; } .imgfloatleft { float : left; padding : 5px; } .alignright { float : right; padding : 5px; } .alignleft { float : left; padding : 5px; } img { border: none; } /***************************************************/ /* * Download Link Icon styling ************************************************** #main-content a[href$=".pdf"] { background: url(/images/assets/icon_pdf16.png) no-repeat left 50%; padding: 2px 0 2px 20px; } #main-content a[href$=".doc"] { background: url(/images/assets/icon_doc16.png) no-repeat left 50%; padding: 2px 0 2px 20px; } */