/* TOC --------------------------------------- 1 - Global Reset 2 - HTML / Body 3 - Typography & Headings 4 - Layout Elements 5 - Navigation 6 - Accessibility Features 7 - General Styles 8 - Index Page ------------------------------------------*/ /* 1 - Global Reset ---------------------------------------------------------------------------------------------------------------*/ * {margin:0; padding:0;} img {border:0;} /* 2 - HTML / Body ---------------------------------------------------------------------------------------------------------------*/ body{text-align:center; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#fff} /** 62.5% defaults all text size to 10px, min width for NS6 Bug **/ /* 3 - Typography & Headings ---------------------------------------------------------------------------------------------------------------*/ /** HEADINGS **/ h1 {font-size: 1.4em; margin:5px 0; padding:0 0 0 5px; background:url(../img/vertical-border.gif) transparent no-repeat top left} h2 {font-size:1.2em; margin:5px 0;} h3 {font-size:1.2em; margin:5px 0;} /** PARAGRAPHS **/ p {margin:8px 0} p.firstPara {margin-top:0} /** NEWS STORIES **/ #news-stories {margin-left:10px} #news-header {font-size:1.2em; margin:0 5px 10px 5px; padding:0 0 5px 0; background:url(../img/arrowdown.gif) transparent no-repeat bottom right; display:block} #team #news-header {background:url(../img/arrowdown-team.gif) transparent no-repeat bottom right;} #sponsorship #news-header {background:url(../img/arrowdown-spons.gif) transparent no-repeat bottom right;} #marketing #news-header {background:url(../img/arrowdown-marketing.gif) transparent no-repeat bottom right;} #internet #news-header {background:url(../img/arrowdown-internet.gif) transparent no-repeat bottom right;} #print #news-header {background:url(../img/arrowdown-print.gif) transparent no-repeat bottom right;} #design #news-header {background:url(../img/arrowdown-design.gif) transparent no-repeat bottom right;} #about #news-header {background:url(../img/arrowdown-about.gif) transparent no-repeat bottom right;} #news-stories .section-head {font-weight:bold; margin:0 5px 10px 0; cursor:pointer; padding-right:10px} #news-stories dd {margin:-5px 5px 10px 5px; padding-left:5px; background:url(../img/vertical-border.gif) transparent no-repeat top left; font-weight:normal} #news-stories dd a {font-weight:normal; display:block} #news-stories dd a:hover {text-decoration:underline} .highlight {background:url(../img/arrow-left.jpg) transparent center right no-repeat; text-decoration:none !important} #team .highlight {background:url(../img/arrowleft-team.gif) transparent center right no-repeat} #sponsorship .highlight {background:url(../img/arrowleft-spons.gif) transparent no-repeat bottom right;} #marketing .highlight {background:url(../img/arrowleft-marketing.gif) transparent no-repeat bottom right;} #internet .highlight {background:url(../img/arrowleft-internet.gif) transparent no-repeat bottom right;} #print .highlight {background:url(../img/arrowleft-print.gif) transparent no-repeat bottom right;} #design .highlight {background:url(../img/arrowleft-design.gif) transparent no-repeat bottom right;} #about .highlight {background:url(../img/arrowleft-about.gif) transparent no-repeat bottom right;} /* 4 - Layout Elements ---------------------------------------------------------------------------------------------------------------*/ /*** MAIN STRUCTURE ***/ #wrapper {min-height:450px; _height:450px; width:770px; font-size:1.0em; margin:-10px auto 0 auto; text-align:left; background:url(../img/bgimage.gif) transparent 0 0 repeat-y} #team #wrapper {background:url(../img/bgimage-team.gif) transparent 0 0 repeat-y} #sponsorship #wrapper {background:url(../img/bgimage-spon.gif) transparent 0 0 repeat-y} #marketing #wrapper {background:url(../img/bgimage-marketing.gif) transparent 0 0 repeat-y} #internet #wrapper {background:url(../img/bgimage-internet.gif) transparent 0 0 repeat-y} #print #wrapper {background:url(../img/bgimage-print.gif) transparent 0 0 repeat-y} #design #wrapper {background:url(../img/bgimage-design.gif) transparent 0 0 repeat-y} #about #wrapper {background:url(../img/bgimage-about.gif) transparent 0 0 repeat-y} #branding {width:770px; height:69px; position:relative; overflow:hidden; margin:10px auto 0 auto; background:url(../img/bubbles.gif) transparent 0 8px no-repeat} #branding img {position:absolute; right:2px; top:0; z-index:10} #wrapper-inner {min-height:335px; _height:335px; width:742px; position:relative; background:url(../img/bg-page-bottom.gif) transparent bottom left no-repeat; border-bottom: solid 1px #002e49; padding-bottom:90px; font-size:1.0em} #team #wrapper-inner {background:url(../img/bg-page-bottom-team.gif) transparent bottom left no-repeat;} #sponsorship #wrapper-inner {background:url(../img/bg-page-bottom-spons.gif) transparent bottom left no-repeat;} #marketing #wrapper-inner {background:url(../img/bg-page-bottom-marketing.gif) transparent bottom left no-repeat;} #internet #wrapper-inner {background:url(../img/bg-page-bottom-internet.gif) transparent bottom left no-repeat;} #print #wrapper-inner {background:url(../img/bg-page-bottom-print.gif) transparent bottom left no-repeat;} #design #wrapper-inner {background:url(../img/bg-page-bottom-design.gif) transparent bottom left no-repeat;} #about #wrapper-inner {background:url(../img/bg-page-bottom-about.gif) transparent bottom left no-repeat;} #primary-content {width:538px; float:left; display:inline; margin:10px 10px 0 10px; font-size:1.2em;} #secondary-content{float:right; width:181px; display:inline; margin-right:1px; font-size:1.2em; line-height:1.2} /** Section backgrounds **/ /* Extra info */ #extra {width:770px; margin:0 auto; text-align:left; font-size:1.0em} #extra div {width:560px; background:url(../img/bg-extra.gif) #a6a6a6 bottom right no-repeat; font-size:1.1em} #extra dl {padding:5px} #extra dt{font-weight:bold; float:left; padding-right:7px; margin-right:3px; border-right:solid 1px #fff} #extra dd {float:left; padding-right:5px; margin-right:7px; border-right:solid 1px #fff} #extra dd.end {border:0} /* 5 - Navigation & Links ---------------------------------------------------------------------------------------------------------------*/ /*** Primary Nav ***/ #nav-primary {position:relative; width:558px; margin: 0 0 0 1px; padding:0; /*background-color:#a6a6a6; font-family:"Times New Roman", Times, serif; background:url(../img/nav-last.gif) #a6a6a6 bottom right no-repeat;*/} #nav-primary ul {list-style-type:none; /*font-size:1.3em; font-weight:bold*/} #nav-primary ul li {float:left; /*border-bottom:solid 1px black; background:url(../img/nav-border.gif) transparent top right repeat-y; color:#006295*/} #nav-primary ul li img {border-right:solid 1px #000; border-bottom:solid 1px #000;} #nav-primary ul li.last img {border:none !important} #nav-primary ul li a {/*float:left; padding:4px 0.63em; */} #nav-primary ul li.current {/*float:left; padding:4px 0.63em*/} /*#nav-primary ul li.last {background-image:none; border-bottom:0}*/ /*** Secondary Nav ***/ #nav-secondary {font-size:0.9em; clear:both; float:left; width:534px; margin:10px 0 0 0; padding:5px 0; background:url(../img/horizontal-border.gif) transparent repeat-x top left;} #nav-secondary h3 {margin-bottom:0} #nav-secondary {list-style-type:none} #nav-secondary li {display:inline} #nav-secondary a {background-image:none; padding-right:0} /*** LINKS ***/ a {text-decoration:none; font-weight:bold; color:#fff} /*#primary-content a {background:url(../img/chevron.gif) bottom right no-repeat; padding-right:10px}*/ #primary-content a:hover {color:#bebfc0; text-decoration:underline}; a:hover {text-decoration:underline} /*** Accessibility Features ***/ #skip-link {position:absolute; top:-100000px; left: -100000px} /* 7 - General Styles ---------------------------------------------------------------------------------------------------------------*/ #home-thumbs {list-style-type:none} #home-thumbs a {margin:0 auto; text-align:left} #home-thumbs li {width:115px; margin:0 19px 10px 0; height:11em; float:left;} .chevlink {padding:0; margin:0; width:100px; height:75px} a {background:none !important} /** html .chevlink {margin-left:1px; display:inline; position:relative} #home-thumbs a {background:none} a {background:none !important}*/ /*#home-thumbs dt a {background:none; margin:10px} #home-thumbs dl {width:130px; border:solid 1px #fff; height:13em} #home-thumbs dd {float:left; } #home-thumbs dd a {padding-right:10px}*/ /*#home-thumbs {list-style-type:none;} #home-thumbs li {width:110px; text-align:center} #home-thumbs a {background:none; padding:0} #home-thumbs .nonimg-link {background:url(../img/chevron.gif) bottom right no-repeat} #home-thumbs li {float:left; width:120px; border:solid 1px #fff; height:12em} #home-thumbs a {float:left; background-image:none; padding:0; margin:0 auto; text-align:center} #home-thumbs img {margin:0 auto; text-align:center} #home-thumbs .nonimg-link {background:url(../img/chevron.gif) bottom right no-repeat; width:110px} #home-thumbs li img {display:block}*/ #gallery {float:left; width:310px; min-height:310px; _height:310px; background:url(../img/vertical-border.gif) transparent no-repeat top right;} #gallery li {display:inline} #gallery li a {background-image:none} #description {margin:0 0 0 320px; width:215px} #description h2 a {font-size:0.9em; display:block} .content-img-l {float:left; margin:0 10px 10px 0} #opening-para {padding:0 0 10px 5px; margin-bottom:10px; background:url(../img/horizontal-border.gif) transparent no-repeat bottom left} /*** CLEARING ***/ .clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden} .clearing {display: inline-table} /* Hides from IE-mac \*/ * html .clearing {height: 1%} .clearing {display: block} /* End hide from IE-mac */ /*** HIDE ***/ .hide {display:none}