/* -----------------------------------*/ /* ---------->>> GLOBAL <<<-----------*/ /* -----------------------------------*/ body, html {height:100%;width:100%;background:#fff;line-height:1.2;} #container {min-height:100%;_height:100%;width:1024px;position:relative;background: url(../img/meshBG2.png) repeat-y;margin:0 auto;text-align:center;} /* if you notice on the container div I have set min-height and height. I did this because Internet Explorer doesn't recognize min-height. using the _ before applying a style targets IE. Other browsers will just skip over the styling.*/ .clear {clear:both;} ul {list-style:none;} a {text-decoration:none;} .contentArea {min-height:100%;margin-bottom:-48px;position:relative;} .push {height:48px;} /* -----------------------------------*/ /* ---------->>> HEADER <<<-----------*/ /* -----------------------------------*/ #header {width:980px;height:271px;margin:0 auto;position:relative;background:url(../img/headerBG.jpg) no-repeat;} #logo {width:269px;height:250px;margin-left: 5px;float:left;position:relative;z-index:1000;margin-right:10px;} /* -----------------------------------*/ /* ---------->>> HEADINGS <<<---------*/ /* -----------------------------------*/ /* -----------------------------------*/ /* ---------->>> HOME PAGE <<<--------*/ /* These are styles that only apply to the home page. I'll have a block for each page. Makes it easier for me to find what I need. */ /* -----------------------------------*/ #homeGraph {width:675px;height:427px;margin:0 auto; padding-bottom:30px;background:url(../img/homeGraph.png) no-repeat;position:relative;} #homeGraph h1 {width:299px;height:35px;background:url(../img/homeH1.png) no-repeat;margin:10px auto;position:relative;} #homeGraph h2 {width:511px;height:103px;margin:40px auto;background:url(../img/homeH2.png) no-repeat;position:relative;} #push {height:40px;clear:both;position:relative;} #homeGraph h1 span {display:none;} #homeGraph h2 span {display:none;} /* These are the links in the graph paper on the Home page */ ul.graphNav {float:right;margin-top:130px;position:relative;padding-right:12px;clear:both;} ul.graphNav li {float:left;display:block;margin-right:50px;} ul.graphNav li a {font-family:Arial, Helvetica, sans-serif;font-size:12px;height:15px;display:block;width:70px;color:#fff;} /* -----------------------------------*/ /* -------->>> ABOUT US <<<--------*/ /* -----------------------------------*/ #aboutGraph {width:951px;height:466px;margin:0 auto;padding-top:15px;background:url(../img/aboutGraph.png) no-repeat;position:relative;} #aboutWrapper {width:922px; height:437px;margin:0 auto;position:relative;} #aboutTop {width:922px;height:310px;position:relative;} #mission {width:197px;height:310px;float:left;margin-right:3px;position:relative;background:#FEFCE3;} #eliza {width:214px;height:310px;float:left;margin-right:3px;position:relative;background:#EEF5CE;} #stanton {width:214px;height:310px;float:left;margin-right:6px;position:relative;background:#FDE4C7;} #history {width:281px;height:310px;float:left;position:relative;clear:right;} #aboutBottom {width:922px;height:127px;margin:0 auto;position:relative;} #aboutTop p {font-family:Arial, Helvetica, sans-serif;margin:5px 0 0 0;color:#231F20;} #eliza p {text-align:left;padding: 0 2px 0 8px;font-size:12px;line-height:1.0;} #stanton p {text-align:right;padding:0 10px 0 8px;font-size:12px;} #history p {text-align:left;padding: 0 5px 0 5px; font-size:13px;} ul#board {list-style:none; margin-top:20px;padding-left:4px;} ul#board li {display:block;float:left;margin-right:67px;} ul#board li span {display:none;} ul#board li#blake {margin:0;} #mission h1 {width:190px; height:42px; margin: 5px 0 3px 5px;background:url(../img/mission.png) no-repeat;} #mission h1 span {display:none;} #history h1 {width:247px; height:17px; margin: 5px 0 5px 5px; display: block; background:url(../img/historyAcknowledgements.png) no-repeat; clear:both;} #history h1 span {display:none;} #historyScroll {height: 240px; overflow: auto; margin-bottom: 10px;} #mission h3 {font-size:21px; font-family: Georgia, Times New Roman, serif;padding:3px 5px 0 5px;color:#C39A6B;text-align:left;font-weight:bold;line-height:30px;} #mission h3 span {font-family:Georgia, Times New Roman, serif;font-size:21px;color:#C39A6B;} #mission h3 span span {font-family:Georgia, Times New Roman, serif;font-size:21px;color:#73B64A;} #mission h3 span span span {font-family:Georgia, Times New Roman, serif;font-size:21px;color:#E76E33;} #mission h3 span span span span {font-family:Georgia, Times New Roman, serif;font-size:21px;color:#594A41;} /* -----------------------------------*/ /* ------>>> INNOVATIONS <<<-------*/ /* -----------------------------------*/ #innovationsGraph {width:951px;height:500px;margin:0 auto;padding-top:15px;background:url(../img/innovationsGraph.png) no-repeat;position:relative;} #innovationsWrapper {width:914px; height:460px;margin:0 auto;} #title {width:30px;height:460px;float:left;margin-right:36px;} #title h1 {width:30px;height:192px;margin-top:268px;background:url(../img/innovationsHeading.png) no-repeat;} #title h1 span {display:none;} #topInfo {width:841px;height:249px;float:left;margin-top:8px;background:url(../img/innovationsTopInfo.png) no-repeat;} #bottomVid {width:339px;height:180px;margin-right:40px;margin-top:14px;float:left;position:relative;overflow:hidden;} #bottomText {width:454px;float:left;margin-top:20px;} #bottomText p {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#8B5D33;text-align:left;font-weight:bold;margin-bottom:14px;} /* -----------------------------------*/ /* ---------->>> PRESS <<<----------*/ /* -----------------------------------*/ #pressContainer {display:block;position:absolute;min-height:100%;_height:100%;width:1024px;margin:0 auto;text-align:center;position:relative;background: url(../img/pressBG.png) repeat-y;} #pressWrapper {width:960px; margin:-30px auto 0 auto;} #pressWrapper h1 {width:109px;height:36px;text-align:right;float:right;background:url(../img/pressHeading.png) no-repeat;padding-right:24px;} #pressWrapper h1 span {display:none;} #pressPhotos {width:253px;height:726px;float:right;margin-top:30px;background:url(../img/pressPhotos.png) no-repeat;clear:right;} #pressCopy {width:685px;float:left;text-align:left;margin-bottom:90px;} #pressCopy h4 {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000;margin-bottom:2px;margin-top:30px;padding-left:16px;} #pressCopy h5 {font-family: Arial, Helvetica, sans-serif;color:#006600;font-size:13px;margin-top:0;padding-left:16px;} #pressCopy a {font-family:Arial, Helvetica, sans-serif;font-size: 13px;margin-bottom:15px;text-decoration:none;color:#663300;padding-left:16px;} #pressCopy a:hover {text-decoration:underline;} /* -----------------------------------*/ /* --------->>> CONTACT <<<---------*/ /* -----------------------------------*/ #contactGraph {width:827px;height:487px;margin:0 auto;background:url(../img/contactGraph.png) no-repeat;position:relative;} #contactWrapper {width:787px;height:427px;margin:20px auto;padding-top:30px;} #contactLeft {width:364px;height:400px;float:left;margin-right:40px;} #contactInformation {width:360px;height:427px;float:left;clear:right;} #contactLeft h1 {width:306px;height:32px;text-align:left;background:url(../img/contactTeam.png) no-repeat;margin-bottom:6px;margin-left:10px;} #contactLeft h1 span {display:none;} #contactInformation h2.stanton {width:306px;height:41px; margin-top:30px; background:url(../img/stanton.png) no-repeat;} #contactInformation h2.elisa {width:337px;height:42px;background:url(../img/elisa.png) no-repeat;margin-top:30px;} #contactInformation h2.david {width:161px;height:41px;background:url(../img/david.png) no-repeat;margin-top:5px;} #contactInformation h2 span {display:none;} #contactInformation a {font-size:13px;text-align:left;float:left; color:#630;text-decoration:underline;} ul#bod {list-style:none;margin-top:10px;margin-bottom:10px;} #contactInformation p strong {text-align:left;margin:10px 0 5px 0;color:#5F3711;font-weight:bold;} ul#bod li {display:block;float:left;margin-top:2px;color:#5F3711;} #contactInformation p.slogan {text-align:right;clear:both;font-style:italic;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;color:#5F3711;padding-top:10px;} #wrapper {width:344px;margin:0 auto;} .message {background:#FFF; color:#900;display:none;width:300px;padding:8px;} .contact {text-align:left;} .contact ul {list-style-type:none;width:290px;color:#00F;font-size:12px;} .contact li {list-style-type:none;margin-bottom:10px;} .contact li.special {display:none;} .contact input {width:260px;} .contact textarea {width:260px;} .contact label {color:#090;padding:10px 0 10px 2px;font-family:Arial, Helvetica, sans-serif;font-size:16px;} #wrapper p {text-align:center;} #contactInformation a.overlayLink {margin-top:30px;clear:both;font-size:16px;} /* the overlayed element */ .simple_overlay {display:none;z-index:10000;background-color:#fff;width:400px;height:300px;border:1px solid #666;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;} /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(../img/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* styling for elements inside overlay */ .details { position:absolute; text-align:left; top:10px; left:20px; font-size:16px; width:360px; height:260px; color:#333; } .details h3 { color:#930; border-bottom:thin dashed #930; font-size:21px; margin:10px 0 10px 0; } .details p {color:#5F3711;margin-bottom:2px;} .details p strong {font-weight:bold;} .overlayPush {height:20px;clear:both;} /* -----------------------------------*/ /* ----------->>> TBL <<<-----------*/ /* -----------------------------------*/ #tblWrapper {width:890px;margin:10px auto;padding-bottom:30px;position:relative;} ul#tblUL {list-style:none;padding-left:26px;} ul#tblUL li {height:322px;width:274px;display:block;float:left;margin-right:8px;} ul#tblUL li#one {background:url(../img/tbl1.png) no-repeat;} ul#tblUL li#two {background:url(../img/tbl2.png) no-repeat;} ul#tblUL li#three {background:url(../img/tbl3.png) no-repeat;} ul#tblUL li span {display:none;} #tblText {width:890px;background:#fff;margin-top:10px;} #tblWrapper h6 {font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:left;font-weight:bold;margin-bottom:10px;padding:10px 0 0 10px;color:#432615} #tblWrapper h6 strong {font-style:italic;} #tblWrapper p {color:#432615;font-family:Arial, Helvetica, sans-serif;margin-bottom:5px;padding:0 10px 10px 10px;text-align:left;font-size:12px;} /* -----------------------------------*/ /* -------->>> TEXT STYLES <<<--------*/ /* -----------------------------------*/ /* -----------------------------------*/ /* -------->>> NAVIGATION <<<---------*/ /* -----------------------------------*/ #cssdropdown {margin-top:155px;float:left;position:relative;z-index:45;} /* General Styling for the drop-down*/ #cssdropdown ul { list-style: none; width:640px;} /* Head links */ #cssdropdown li.headlink {float: left; margin-left:0; border-left: 1px solid #fff;;text-align: left;display:block; } #cssdropdown li#noBorder {border:none;} #cssdropdown li.headlink a { display: block; padding: 3px 20px 3px 20px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} #cssdropdown li.headlink a:hover {text-decoration: underline;} /* Child lists and links */ #cssdropdown li.headlink ul { display: none;text-align: left; } #cssdropdown li.headlink:hover ul { width:100px;display: block;border: 1px solid #fff;background-color:#4C2818;margin-top:4px;margin-left: -1px;} #cssdropdown li.headlink ul li a { padding: 5px; height: 20px;} /*#cssdropdown li.headlink ul li a:hover { background-color: #993; }*/ /* Cosmetic styling for the drop-down */ /* body { font-family: verdana, arial, sans-serif; font-size: 0.8em; background-color: black; } */ #cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; } /*#cssdropdown li.headlink { background-color: white;}*/ #cssdropdown li.headlink ul {padding-bottom: 10px; } /*This is the line of links in the footer */ ul#sitemap {float:right;padding:5px 40px 0 0;} ul#sitemap li.noBorder {border:none;} ul#sitemap li {float:left;display:block;margin:0 10px 0 0;border-left:thin solid #fff;padding-left:10px;} ul#sitemap li a {line-height:12px;display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#fff;text-decoration:nonce;} ul#sitemap li a:hover {text-decoration:underline;} /* -----------------------------------*/ /* --------->>> FOOTER <<<------------*/ /* -----------------------------------*/ #footer {width:980px;height:48px;margin-left:22px;position:absolute;bottom:0;background:url(../img/footerBG.png) repeat-x;} #footerInfo {float:left;height:24px;} #footerInfo p {padding: 5px 0 0 40px;font-size:13px;font-family:Arial, Helvetica, sans-serif;color:#fff;} /* -----------------------------------*/ /* ---------->>> EXTRAS <<<-----------*/ /* -----------------------------------*/ #history p {margin-bottom: 9px; margin-top: 7px;} #history a:hover {text-decoration: underline;} a.bradley {color:#930; } #bradleyOL h2 {color:#930; font-size: 24px;} #bradleyOL h3 {font-size: 24px;} #bradleyOL {height: 430px; width: 500px;} #bradleyDetails {width: 460px;} #bradleyDetails p {font-size: 16px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;}