/* ----------------------------------------- _|_|_| _|_|_|_| _| _| _|_|_|_| _| _| _|_| _|_| _| _| _|_|_| _| _| _| _|_|_| _| _| _| _| _| _|_|_| _|_|_|_| _| _| _| *------------------------------------------/ /* ---------------------------- [Master Stylesheet] Project: CEMF Version: Release 1.2 Last major change: April 16, 2010 Last minor change: January 6, 2011 Created by: Devon Lesk Primary use: Web ------------------------------- */ /* ---------------------------- */ /* Generic Styles /* ---------------------------- */ *{padding:0; margin:0; margin:0 auto;} html {margin: 0 auto; text-align:center;} /*Clearfix*/ .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* ---------------------------- */ /* Basic Elements /* ---------------------------- */ body{background:url(../images/backgroundtiledark.png) repeat;} #wrapper{z-index:100; position:relative; top:0px; width:1000px; margin:0 auto;} #contentWrapper{width:940px; margin:0 auto; } #contentWrapper a{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; text-decoration:underline; clear:both;} #contentWrapper a:hover{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#F60; text-decoration:underline;} /* ---------------------------- */ /* Navigation /* ---------------------------- */ #navigation{float:left; display:inline; width:1000px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; position:relative; margin:-30px 0 0 0;} #navLeft{background:url(../images/navleft.png) no-repeat; width:127px; height:104px; float:left; display:inline;} #navRight{background:url(../images/navright.png) no-repeat; width:127px; height:104px; float:left; display:inline;} #navContent{background:url(../images/navback.png) repeat-x; width:746px; height:104px; float:left; display:inline;} #navigation ul{margin-top:48px;} #navigation li{float:left; display:inline; list-style:none; margin:0 8px 0 8px; display:block; text-shadow:#333 0px 0px 4px;} #navigation a{color:#FFF; text-decoration:none; outline:none;} #navigation a:hover{color:#FF6600; text-decoration:none; outline:none;} #navigationFrench{float:left; display:inline; width:1000px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#FFF; position:relative; margin:-30px 0 0 0;} #navigationFrench ul{margin-top:48px;} #navigationFrench li{float:left; display:inline; list-style:none; margin:0 9px 0 9px; display:block; text-shadow:#333 0px 0px 4px;} #navigationFrench a{color:#FFF; text-decoration:none; outline:none;} #navigationFrench a:hover{color:#FF6600; text-decoration:none; outline:none;} .navTitle{font-size:22px; float:left; display:inline; width:746px; margin:44px 0 0 0; text-align:center;} .navTitleSmall{font-size:18px; float:left; display:inline; width:746px; margin:48px 0 0 0; text-align:center;} .arrowButton{width:42px; height:42px; position:absolute; z-index:1000; display:block;} #topRightArrows{top:28px; right:3px;} #bottomRightArrows{top:8px; right:-10px;} #bottomLeftArrows{top:8px; right:-26px;} #bottomLeftArrowsHome{top:8px; right:-10px;} .left{float:left; display:inline;} .right{float:right; display:inline;} .clear{clear:both;} /* ---------------------------- */ /* Content /* ---------------------------- */ #masthead{float:left; display:inline; width:800px; margin:6px 0 6px 110px;} #subMasthead{float:left; display:inline; width:400px; margin:6px 0px 6px 600px; position:relative; z-index:1000;} #mastheadInfo{float:left; display:inline; width:390px; margin:30px 0 0 30px; color:#fff!important;} #homeLogo{float:left; display:inline;background:url(../images/homelogo.png) no-repeat top; width:380px; height:79px; margin:0 0 0 0;} #frenchHomeLogo{float:left; display:inline;background:url(../images/frenchhomelogo.png) no-repeat top; width:380px; height:79px; margin:0 0 0 0;} #date{float:left; display:inline; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#FFF; margin:4px 20px 0 0;} #socialMedia{float:left; display:inline;} #socialMedia a{margin:0 5px 0 5px;} #frenchButton{float:left; display:inline; width:120px; margin:2px 0 0 10px;} #frenchButton a{color:#fec639; font-family:Verdana, Geneva, sans-serif; font-size:13px;} #frenchButton a:hover{color:#FF6600;} #logo{background:url(../images/logo.png) no-repeat top; width:500px; height:190px; margin:-16px 0 0 16px;} #logo p{font-family:Arial Narrow Bold, Verdana, Geneva, sans-serif; font-size:16px; font-weight:600; color:#FFF; padding:0px 0 0 0px; margin-left:-240px; margin-top:-20px;} #frenchLogo{background:url(../images/frenchlogo.png) no-repeat top; width:500px; height:190px; margin:-16px 0 0 16px;} #frenchLogo p{font-family:Arial Narrow Bold, Verdana, Geneva, sans-serif; font-size:16px; font-weight:600; color:#FFF; padding:0px 0 0 0px; margin-left:-240px; margin-top:-20px;} #logoWomen{margin:-190px 0 0 -240px;} /*THE WIDTH PROPERTY IS NECESSARY FOR IT TO DISPLAY CORRECTLY IN IE6 AND 8 (7 IS FINE WITHOUT IT FOR SOME REASON, SAME WITH CHROME AND FIREFOX)*/ #leftColumn{float:left; display:inline; margin:0 0 0 0; line-height:1.6; width:516px;} #leftColumn a{text-decoration:none;} #rightColumn{float:left; display:inline; line-height:1.6; margin:0 0 0 34px; width:386px;} #middleColumn{float:left; display:inline; line-height:1.6; margin:50px 0 0 300px; width:386px;} #fullColumn{float:left; display:inline; line-height:1.6; margin:50px 0 0 0px; width:686px;} .Engineer{background:url(../images/engiback.png) no-repeat;} .Scholarships{background:url(../images/welcomeback.png) no-repeat;} .Partners{background:url(../images/partnerback.png) no-repeat; margin-top:0px;} .Bronze{background:url(../images/bronzeback.png) no-repeat;} .Silver{background:url(../images/silverback.png) no-repeat;} .Gold{background:url(../images/goldback.png) no-repeat;} .Corp{background:url(../images/corpback.png) no-repeat;} .Fac{background:url(../images/facback.png) no-repeat;} .Other{background:url(../images/otherback.png) no-repeat;} .Undergraduate{background:url(../images/undergraduateback.png) no-repeat;} .Masters{background:url(../images/mastersback.png) no-repeat;} .Doctoral{background:url(../images/doctoralback.png) no-repeat; margin:7px 0 0 0;} .Champion{background:url(../images/championback.png) no-repeat;} .Diamond{background:url(../images/diamondback.png) no-repeat;} .Ivory{background:url(../images/ivoryback.png) no-repeat;} .Platinum{background:url(../images/platinumback.png) no-repeat;} .Sapphire{background:url(../images/sapphireback.png) no-repeat;} .Individual{background:url(../images/individualback.png) no-repeat;} .Scholarship{background:url(../images/scholarshipback.png) no-repeat;} .Sponsoring{background:url(../images/sponsoringback.png) no-repeat;} #leftColumnSectionHome{float:left; display:inline; position:relative; height:314px; width:400px;} #leftColumnSection{float:left; display:inline; height:190px; width:400px; position:relative;} #leftColumnSection a{float:right; display:inline; position:absolute; bottom:20px; right:20px; text-decoration:none;} #leftColumnSection a{text-decoration:none !important;} .leftOne{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:200px; margin:100px 0 0 -32px;} .leftOne a{float:right; display:inline; text-decoration:none;} .leftTwo{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:200px; margin:30px 0 0 110px;} .leftTwo a{float:right; display:inline; text-decoration:none;} #sectionTitle{margin:36px 0 0 40px; float:left; display:inline-block; font-family:Verdana, Geneva, sans-serif; font-size:17px; color:#FFF; text-shadow:#333 2px 2px 2px;} #sectionTitleSmaller{margin:36px 0 0 40px; float:left; display:inline; font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#FFF; text-shadow:#333 2px 2px 2px;} #rightColumnSection1{min-height:190px; height:100%; width:390px; margin-top:-24px; position:relative;} #rightColumnSection1 a{float:right; display:inline; margin-top:-10px; text-decoration:none;} .scholarOne{margin:20px 0 0 0;} #rightColumnSection2{height:190px; width:390px; text-align:left; float:left; display:inline; position:relative;} #rightColumnSection2 a{float:right; display:inline; position:absolute; right:10px; bottom:10px; text-decoration:none;} #rightColumnSection3{height:190px; width:390px; text-align:left; float:left; display:inline; position:relative;} #rightColumnSection3 a{float:right; display:inline; position:absolute; right:10px; bottom:10px; text-decoration:none;} .rightTwo{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:200px; margin:32px 0 0 110px;} .rightTwo a{float:right; display:inline; text-decoration:none;} .sectionContent{float:left; display:inline;} .pictureBlock{width:90px; height:120px; float:left; display:inline;} .content{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:360px; margin-left:20px;} .content li{list-style:inside;} .content a{text-decoration:none; color:#fabc6e;} .content a:hover{color:#FF9;} #newsSection{position:relative; width:880px; height:60px; float:left; display:inline; margin:10px 0 30px 52px; border:2px solid #FFF; border-radius:6px; -moz-border-radius:6px; padding:20px 4px 4px 4px; box-shadow: 0px 0px 10px #fff; -moz-box-shadow: 0px 0px 10px #fff;} #newsSection p{font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF;} #slider a{margin:0px 0px 0px 0px; font-style:11px!important; color:#fff;} #slider ul, #slider li{position:relative; margin:0; padding:0; list-style:none;} #slider, #slider li{position:relative; width:880px; height:60px; overflow:hidden; } span#prevBtn a{position:absolute; left:50%; margin:0 0 0 -440px; top:240px; width:210px; color:#FF6600; font-family:Verdana, Geneva, sans-serif!important; font-size:11px;} span#nextBtn a{position:absolute; left:50%; margin:0 0 0 250px; top:240px; width:200px; color:#FF6600; font-family:Verdana, Geneva, sans-serif!important; font-size:11px;} /* ---------------------------- */ /* Content Sections /* ---------------------------- */ .silverPara{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:200px; margin:96px 0 0 20px;} .facultyPara{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:200px; margin:40px 0 0 110px;} .donorPara{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:left; float:left; display:inline; width:200px; margin:32px 0 0 110px;} .Bronze{margin:8px 0 0 0;} /* ---------------------------- */ /* Footer /* ---------------------------- */ .footerDivider{float:left; display:inline; width:680px; height:1px; background-color:#FFF; margin:30px 0 20px 160px; border:none;} #footer{float:left; display:inline; clear:both; width:680px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; margin:0px 0 20px 160px; text-align:center; line-height:1.5;} #footer li{float:left; display:inline;} #footer a{color:#FFF; text-decoration:none; outline:none; margin:0 18px 0 18px;} #footer a:hover{color:#FF6600; text-decoration:none; outline:none;} #footer p{font-size:9px; margin-top:6px;} #footerPad{padding-top:30px; clear:both;} #notice{float:left; display:inline; width:660px; margin:0 0 0 170px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:13px;} #notice a{color:#F90;} #notice a:hover{color:#C30;} #noticesBottom{float:left; display:inline; width:288px; margin:0 8px 0 6px;} .homeNotice{float:left; display:inline; width:280px; margin:0 0 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:18px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #fff; padding:10px 4px 10px 4px;} .homeNotice a{color:#FFF; text-decoration:none;} .homeNotice a:hover{color:#FF6600;} #footerNotices{float:left; display:inline; width:770px; margin:0 0 0 120px;} #footerNotices p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:1.2;} #splashLogos{float:left; display:inline; width:860px; margin:40px 0 20px 70px;} #splashLogos a{font-size:18px; color:#FFF; font-family:Verdana, Geneva, sans-serif; text-decoration:none;} #splashLogos a:hover{color:#F93;} #splashLogos span{font-size:18px; color:#fec639; margin:10px 0 0 0;}