div,h1,h2,h3,h4,h5,h6,form,body,input {margin:0;padding:0;} img { border: 0; } #donate {margin-top:30px;} #donate li{padding-left:15px; list-style-type:square; color:#fff; } #donate a{color:#fff;} #Pbutton { color:#fff; text-align:center; width:140px; margin:auto; } .sideNavselected { list-style-type:none; color:#fff;} .nochildren {margin-left:10px; list-style-type:square; color:#fff;} #Pbutton a{color:#847248;} #seal{ top:450px; position:absolute; z-index:1; margin-left:25px; } #home-content { padding:5px; width:405px; float:left; line-height:1em; } #home-content h1{ font-size:22px; margin:0px; padding:0px; } #home-rsb{ float:right; width:170px; height:500px; } #home-rsb h2{ margin:0px; color:#000; font-size:1em; width:90px; } #home-rsb h1{ height:5px; font-size:1.3em; } #home-rsb p{ margin:0px; color:#9016b2; font-size:1em; line-height:1em; padding-right:2px; } body { /* This font-size fixes a bug in opera with relative font sizing. */ font-size:90%; height:100%; padding: 0; background:#ffffff url(/images/campaignbg2.jpg) repeat-y; background-position:top center; } form { margin: 0; padding: 0; } input { font-size: 1em; } .styleHide { display: none; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .inlineMtcBlock { text-align: left; } .cookies { font-size: .8em; background:#c288dd; width:100%; padding:5px; color:#fff; } #toLinks { font-family: Tahoma, Arial, sans-serif; position: absolute; top: 10px; left: 200px; } #toLinks ul, #toLinks li { list-style-type: none; margin: 0; padding: 0; } #toLinks li { display: inline; } #toLinks a:link, #toLinks a:visited { color: #C7B37C; text-decoration: none; } #toLinks a:focus, #toLinks a:active, #toLinks a:hover { color: #f5f4eb; font-weight: bold; cursor: pointer; text-decoration: underline; } .PageBoundingBox { /* This sets the base font size to close to 10px on most browsers. This means that 1em is ~10px, unless specified else where. */ font-size: .625em; line-height: normal; width: 100%; text-align: center; } .ContentBoundingBox { width: 780px; text-align: left; margin: auto; } /* Begin RSB Styles */ .RSB { background-color:#968661; } .RSB img, .RSB br { display: none; } #rightMenu { width: 168px; } #rightMenu { font-size: 1.2em; line-height: 1.2em; font-family: Tahoma, Arial, sans-serif; padding: 1px 10px 0px 10px; } #rightMenu h2 { clear: both; color: #fff; font-size: 12px; line-height: 0px; padding: 0px 0px 10px 0px; margin: 13px 0px 10px; text-transform:uppercase; } #news ul, #news li { list-style-type: none; margin: 0; padding: 0; } #news li { margin-bottom: 10px; border-top:1px solid #DFDACE; } #news a:link, #news a:visited{ /*color: #fff;*/ color: #fff; text-decoration: none; } #news a:hover, #news a:active, #news a:focus{ text-decoration: underline; color: #DFDACE; } #news .icListTitle { font-size: 12px; line-height: 1em; padding-top:5px; } div.icListTitle {color:#fff;} #news .moreLink { font-size: 12px; line-height: 1.2em; text-transform: uppercase; display: block; text-align: right; padding: 0px 30px 8px 0px; } #news .icListTeaser { border-top:1px solid #DFDACE; padding-top:5px; font-size: 10px; line-height: 1.2em; color: #DFDACE; margin: 10px 0px; } /* End RSB Styles */ /* Begin MainContent Styles */ .MainContent { } #MainContent { margin: 10px 15px 40px 15px; font-size: 12px; line-height: 1.2em; font-family: Tahoma, Arial, sans-serif; } .MainContent h1 { color: #847248; font-size: 1.8em; line-height: 1.2em; padding: 0px 0px 7px 0px; margin: 235px 0px 5px; background: transparent url("/Images/CollegeOfEngineering/siteimages/dot_line.gif") 1.7em 100% no-repeat; } .MainContent h2 { color: #847248; font-size: 1.2em; line-height: 1.2em; padding: 0px 0px 7px 0px; margin: 14px 0px 10px; background: transparent url("/Images/CollegeOfEngineering/siteimages/dot_line.gif") 1.7em 100% no-repeat; } .MainContent h3 { font-size: 1.2em; line-height: 1.2em; margin: 10px 0px; } .MainContent h4 { font-size: 1.1em; line-height: 1.2em; margin: 10px 0px; } .MainContent h5 { font-size: 1em; line-height: 1.2em; margin: 10px 0px; } .MainContent h6 { font-size: 1em; line-height: 1.2em; margin: 10px 0px; } .MainContent ul, .MainContent ol { margin: 10px 0px 10px 0px; padding: 0px; } .MainContent li { margin: 0px 10px 0px 40px; padding: 0px; } .MainContent p { margin: 10px 0px; } .MainContent .bottom { height: 20px; margin: 50px -15px 0px; border-width: 1px 0px; border-style: solid; border-color: #847248; clear: both; } .MainContent a:link, .MainContent a:visited { color: #631478; } .MainContent a:hover, .MainContent a:active, .MainContent a:focus { color: #AD54C6; } .storyArea { position: relative; z-index: 10; /*height: 215px;*/ margin: 40px -15px 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #847248; overflow: hidden; } .storyArea h1 { text-align: right; margin: 5px 0px 0px 0px; background: transparent url("/Images/CollegeOfEngineering/siteimages/dot_line.gif") 93% 100% no-repeat; } .storyArea .storyImage { position: absolute; left: -0px; top: 0px; z-index: -1; width: 240px; height: 215px; } .storyArea .storyInlineImage { float: left; width: 213px; height: 205px; } .storyArea .storyText { margin: 0px 10px 0px 0px ; } .storyArea p { } .storyArea .bottom { border-width: 1px 0px 0px 0px; margin: 0; height: 1px; margin-bottom: -1px; padding: 0; overflow: hidden; } .storyBottom { height: 20px; margin: 0px -15px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #847248; clear: both; } /* End MainContent Styles */ /* Begin LSB Styles */ .LSB { background-color: #9016b2; height:1050px; padding-top:20px } .LSB a{ color: #fff; font-size:90%; } .LSB ul{ margin:0px; padding:15px; } .LSB img, .LSB br { display: none; } #leftMenu { width: 185px; overflow: hidden; } #leftMenu ul, #leftMenu li { list-style:square margin:0px; } #leftMenu ul { padding: 0;margin:0px; } #leftMenu ul li { padding: 0; border-bottom:1px solid #c288dd; padding-left:12px; padding-top:2px; padding-bottom:2px; } #leftMenu a:link, #leftMenu a:visited { font-size: 12px; font-family: Tahoma, Arial, sans-serif; color: white; text-decoration: none; } #leftMenu a:hover, #leftMenu a:active, #leftMenu a:focus{ text-decoration: underline; } /* End LSB Styles */ /* Begin Header Styles */ #header { width: 786px; margin: auto; } #bottom { height: 8px; background: #DEBAE8 url("/Images/CollegeOfEngineering/siteimages/header_bottom_background.gif") top left repeat-y; } #background { background-color: white; width: 780px; margin: 0px 3px; position: relative; } #coverBackground { background: url("/images/cheader.jpg") top left no-repeat; width: 780px; height: 120px; border-bottom:1px solid #fff; } #menuBackground { position: relative; width: 770px; padding-right: 10px; margin-bottom: 5px; background: #631478 url("/Images/CollegeOfEngineering/siteimages/header_menu_background.png") top right repeat-y; text-align: right; z-index: 99; height: 1.7em; } #menuContent { position: absolute; top: 77px; right: 0; z-index: 1000; padding-right: 10px; text-align:left; width:770px; background:#631478; padding-top: 2px; padding-bottom:2px; } #menuContent a:link, #menuContent a:visited { color: white; text-decoration: none; font-size: 1.2em; font-family: Tahoma, Arial, sans-serif; } #menuContent a:hover, #menuContent a:active, #menuContent a:focus{ text-decoration: underline; } #menuContent ul { margin: 0; padding: 0; } #menuContent ul li { display: inline; border-left: 1px solid white; margin: 0; padding: 0px 8px; } #menuContent li.first { border-left: 0px solid white; } #cover { position: absolute; top: 0px; left: -3px; width: 786px; height: 124px; background: transparent url("/Images/CollegeOfEngineering/siteimages/header.gif") top left no-repeat; z-index: 100; } #logo span { position: absolute; top: 19px; left: 12px; width: 79px; height: 79px; background: transparent url("/Images/CollegeOfEngineering/siteimages/logo_css.gif") top left no-repeat; cursor: pointer; } #logo img { display: none; } #text { position: absolute; top: 26px; left: 96px; padding-top: 5px; width: 222px; height: 40px; overflow: hidden; } #text a { color: white; cursor: pointer; text-decoration: none; } #text h2 { font-family: Georgia; font-size: 2.2em; line-height: 1em; text-align: right; font-weight: normal; letter-spacing: .1em; font-variant: small-caps; } #text h2 span { font-variant: normal; font-size: .7em; line-height: 1em; text-transform: uppercase; letter-spacing: .01em; } #text span.overlay { position: absolute; background: transparent url("/Images/CollegeOfEngineering/siteimages/header_text.gif") top left no-repeat; width: 227px; height: 45px; top: 0; left: 0; } #search { position:absolute; top:50px; z-index:1; padding: 50px 30px 0px 450px; } #labelSearch { font-family: Tahoma, Arial, sans-serif; text-transform: uppercase; font-size: 1.2em; color: #000; padding-right: 5px; } #btnSubmit { font-family: Tahoma, Arial, sans-serif; text-transform: uppercase; font-size: 1.2em; color: #000; border: 0; background: transparent; } #textSearch { font-size: 1.2em; padding: 2px; border: 0; background: #f5f4eb url("/images/searchgrad.jpg") top left repeat-x; width: 230px; border:1px solid #ccc; } #marketing { width: 778px; height: 200px; border: 1px solid #c78ad8; margin-bottom: 3px; } #marketingText { float: left; height: 110px; width: 220px; padding: 90px 0px 0px 10px; overflow: hidden; } #marketingText h2 { font-size: 1em; } #marketingText .CoEMain .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; text-transform: lowercase; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px .4em 7.2em; letter-spacing: .19em; } #marketingText .CoEMain .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 2.05em 1.15em no-repeat; } #marketingText .CoEEandC .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px .8em 2em; letter-spacing: .19em; } #marketingText .CoEEandC .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 2.05em 1.15em no-repeat; } #marketingText .CoECandE .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px .8em 2em; letter-spacing: .19em; } #marketingText .CoECandE .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 2.05em 1.15em no-repeat; } #marketingText .CoEM .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px .4em 7em; letter-spacing: .19em; } #marketingText .CoEM .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 2.05em 1.15em no-repeat; } #marketingText .CoEC .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px .4em 7.4em; letter-spacing: .19em; } #marketingText .CoEC .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 2.05em 1.15em no-repeat; } #marketingText .CoECS .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px .4em 8.2em; letter-spacing: .19em; } #marketingText .CoECS .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; margin-left: 1em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 0.65em 1.15em no-repeat; } #marketingText .CoEET .upper { float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2em; padding: 0px 0px 1em 5.2em; letter-spacing: .19em; } #marketingText .CoEET .lower { clear: both; float: left; color: #847248; font-family: Tahoma, Arial, sans-serif; font-weight: normal; font-size: 40px; line-height: 1.3em; margin-top: -.55em; letter-spacing: .03em; background: transparent url("/images/CollegeOfEngineering/siteimages/dot_line.gif") 1.45em 1.15em no-repeat; } #marketingMedia { float: right; } #marketingMedia object, #marketingMedia embed, #marketingMedia img { width: 548px; height: 200px; } /* End Header Styles */ /* Begin Footer Styles */ #footer2Column, #footer { width: 780px; margin: auto; background-color: white; } #footer2Column .left, #footer .left { background-color: #9016b2; padding-left: 142px; } #footer2Column .right, #footer .right { padding-right: 188px; background-color: white; } #footer2Column .content, #footer .content { padding: 20px 15px 0px 15px; border-right: 1px solid #847248; color: #89774c; font-family: Tahoma, Arial, sans-serif; } #footer2Column p, #footer p { margin: 0; padding: 0; } #footer2Column .right { padding-right: 0px; padding-top: 20px; border-top: 1px solid #847248; } #footer2Column .content { border-right: 0px solid #847248; border-top: 1px solid #847248; } /* End Footer Styles */ /* This hack does the following: - It should give all browsers the png version of the header - Safari will choke on the # at the end of the rule, and then drop this rule and all rules below (which should be none). This is done because of safari's problems with pngs. It should have gotten the gif specified earlier. */ div#cover { background: transparent url("/Images/CollegeOfEngineering/siteimages/header.png") top left no-repeat;# } div#footer{background:#847248; color:#fff; font-size:12px;}