html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
em, cite {
font-style: italic;
}
p {
margin: 0 0 .8em 0;
}
ul, ol {
list-style: none;
}
/* remember to define focus styles! */
body {
font-size: 62.5%;
font-family: arial, geneva, helvetica, sans-serif;
line-height: 1;
color: #fff;
background: url('images/headerTile.png') repeat-x left top #007fa9;
}
strong {
font-weight: bold;
}
/*header*/
#header {
width: 960px;
height: 188px;
margin: 0 auto;
}
#logo a {
display: inline;
float: left;
width: 650px;
height: 188px;
text-indent: -9999px;
background: url('images/logo.png') no-repeat left top;
}
#partnership {
display: inline;
float: left;
width: 310px;
background: #e6e6e6;
}
#partnership span {
display: block;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url('images/partnershipHeading.png') no-repeat left top;
}
#partnership ul {
margin: 0;
}
#partnership li {
display: inline;
float: left;
width: 155px;
height: 118px;
}
#partnership li a {
display: block;
width: 155px;
height: 118px;
border: 0;
text-indent: -9999px;
}
#partnership li a.partnershipDCMP {
background: url('images/partnershipDCMP.png') no-repeat left top;
}
#partnership li a.partnershipNEA {
background: url('images/partnershipNEA.png') no-repeat left top;
}
/*main navigation*/
#mainNavigation {
height: 50px;
background: #333;
}
#mainNavigation ul {
width: 960px;
height: 50px;
margin: 0 auto;
}
#mainNavigation li {
display: inline;
float: left;
width: 110px;
height: 50px;
margin: 0 5px;
}
#mainNavigation li a {
display: block;
width: 110px;
height: 50px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
}
/*navigational link styles*/
#mainNavigation li a.about {
background-image: url('images/navAbout.png');
}
#mainNavigation li a.about:hover, #mainNavigation li a.about:focus, #mainNavigation li a.about.thispage {
background-image: url('images/navAboutHover.png');
}
#mainNavigation li a.events {
background-image: url('images/navEvents.png');
}
#mainNavigation li a.events:hover, #mainNavigation li a.events:focus, #mainNavigation li a.events.thispage {
background-image: url('images/navEventsHover.png');
}
#mainNavigation li a.articles {
background-image: url('images/navResources.png');
}
#mainNavigation li a.articles:hover, #mainNavigation li a.articles:focus, #mainNavigation li a.articles.thispage {
background-image: url('images/navResourcesHover.png');
}
#mainNavigation li a.resources {
background-image: url('images/navResources.png');
}
#mainNavigation li a.resources:hover, #mainNavigation li a.resources:focus, #mainNavigation li a.resources.thispage {
background-image: url('images/navResourcesHover.png');
}
#mainNavigation li a.downloads {
background-image: url('images/navDownloads.png');
}
#mainNavigation li a.downloads:hover, #mainNavigation li a.downloads:focus, #mainNavigation li a.downloads.thispage {
background-image: url('images/navDownloadsHover.png');
}
#mainNavigation li a.contact {
background-image: url('images/navContact.png');
}
#mainNavigation li a.contact:hover, #mainNavigation li a.contact:focus, #mainNavigation li a.contact.thispage {
background-image: url('images/navContactHover.png');
}
/*page wrap*/
#pageWrap {
width: 960px;
margin: 0 auto;
}
/*sidebar*/
#sidebar {
display: inline;
float: right;
width: 310px;
margin: -95px 0 0 0;
padding: 0 0 30px 0;
background: #e6e6e6;
color: #333;
font-size: 1.3em;
line-height: 140%;
}
.sidebarText {
padding: 0 20px;
}
/*save the date*/
h2.saveTheDate {
height: 173px;
background: url('images/saveTheDate.png') no-repeat left top;
text-indent: -9999px;
}
h3.saveTheDate a {
display: block;
text-indent: -9999px;
background: url('images/saveTheDate-link.png') no-repeat left top;
height: 65px;
}
/*order toolkit*/
h2.orderKit {
margin: 5px 0 0 0;
}
h2.orderKit a {
display: block;
height: 319px;
text-indent: -9999px;
background: url('images/toolkit.png') no-repeat left top;
}
h2.orderKit a:hover, h2.orderKit a:focus {
background: url('images/toolkithover.png') no-repeat left top;
}
h3.orderKit{
margin: 0 0 5px 0;
}
h3.orderKit a {
display: block;
height: 151px;
text-indent: -9999px;
background: url('images/toolkitdisclaimer.png') no-repeat left top;
}
/*flickr images*/
h2.flickr {
text-indent: -9999px;
background: url('images/flickrH3.png') no-repeat left top;
height: 75px;
margin: 15px 0 0 0;
}
#flickrContainer {
padding: 0 0 0 10px;
}
.flickr_badge_image {
display: inline;
float: left;
margin: 3px;
width: 91px;
height: 106px;
background: url('images/flickrBG.png') no-repeat left top;
position: relative;
}
.flickr_badge_image a {
border: 0;
}
.flickr_badge_image img {
display: block;
position: absolute;
left: 8px;
top: 23px;
border: 0;
}
/*main content*/
#mainContent {
display: inline;
float: left;
width: 580px;
padding: 10px 10px 0 10px;
font-size: 1.6em;
line-height: 140%;
position: relative;
}
#mainContent #subNav {
margin: -3px 0 0 0;
}
#mainContent #subNav li {
display: inline;
float: left;
margin: 3px 5px 0 0;
}
#mainContent #subNav a {
display: block;
padding: 6px 21px 6px 6px;
color: #e0e0e0;
font-weight: bold;
font-size: .8em;
text-decoration: none;
background: url("images/subNav-link-bg.png") no-repeat right center #00698c;
}
#mainContent #subNav a:hover, #mainContent #subNav a:focus {
background: url("images/subNav-link-hover.png") no-repeat right center #444;
color: #fff;
}
#mainContent h1 {
margin: 10px 0 0 0;
font-size: 2.5em;
line-height: 120%;
}
#importantReminder a {
display: block;
text-indent: -9999px;
background: url('images/announce.png') no-repeat left top;
height: 140px;
}
#subtitleInfo{
border: 2px solid #fff;
background: #004C65;
padding: .8em .8em 0 .8em;
margin: 20px 0;
}
#subtitleInfo a {
color: yellow;
}
#subtitleInfo ul {
list-style: disc;
margin: 0 0 .9em 1.5em;
font-size: .9em;
}
#suntitleInfo ul li, #subtitleInfo ol li {
padding: 0 0 0 1.5em;
}
.captiontext {
font-size:small;
}
#mainContentSub {
background: url('images/subContent-top.png') no-repeat left top;
}
#mainContent #mainContentSubContent {
font-size: .8em;
line-height: 140%;
padding: 15px 15px 3px 15px;
color: #333;
background: url('images/subContent-slice.png') no-repeat 0px 336px;
position: relative;
}
#mainContent #mainContentSubBottom{
height: 17px;
background: url('images/subContent-bottom.png') no-repeat left top;
}
#mainContentSubContent h2 {
color: #007fa9;
font-size: 2.2em;
margin: 0 0 15px 0;
line-height: 120%;
}
#mainContentSubContent h3 {
clear: both;
color: #007fa9;
font-size: 1.4em;
line-height: 120%;
text-transform: uppercase;
margin: 1em 0 1em 0;
}
#mainContentSubContent p {
line-height: 150%;
}
#mainContentSubContent ul {
list-style: disc;
margin: 0 0 .9em 2.5em;
font-size: .95em;
color: #555;
}
#mainContentSubContent ul li, #mainContentSubContent ol li {
padding: 0 0 0 .4em;
}
#mainContentSubContent ol {
list-style: decimal;
margin: 0 0 .9em 2.5em;
font-size: .95em;
color: #555;
}
em cite {
font-style: normal;
}
#mainContentSubContent blockquote {
color: #0079af;
padding: 10px 10px 10px 75px;
border: 1px solid #7fbfd4;
background: url("images/blockquote.png") no-repeat left top #fff;
}
#mainContentSubContent blockquote p:last-child {
margin-bottom: 0;
}
#mainContentSubContent ul.imageList {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
#mainContentSubContent ul.imageList li {
border-bottom: 1px solid;
padding: 10px 0 20px 0;
}
#mainContentSubContent ul.imageList li ul li {
border-bottom: 0;
padding: 0;
}
#mainContentSubContent ul.imageList img {
display: block;
margin: 10px auto;
}
#mainContentSubContent p.backToTop {
font-size: .9em;
clear: both;
}
.contentBanner {
width: 550px;
margin: 2em 0;
}
.rightImg {
display: inline;
float: right;
clear: right;
margin: .35em 0 0 20px;
width: 180px;
padding: 19px;
border: 1px solid #ccc;
background: #e9e9e9;
}
.rightImg p, .contentBanner p {
font-size: .8em;
margin: .8em 0 0 0;
line-height: 120%;
}
.simplePagerNavHeading {
clear: both;
padding: 15px 15px 0 15px;
background: url('images/subContent-slice.png') no-repeat left top;
color: #333;
}
.simplePagerNav {
list-style: none;
padding: 10px 15px 0 15px;
background: url('images/subContent-slice.png') no-repeat left top;
font-size: .9em;
}
.simplePagerNav li {
display: inline;
float: left;
padding: .6em;
margin: .3em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
background: #e9e9e9;
}
.simplePagerNav li.currentPage {
background: #ffc;
}
.simplePagerNav a {
text-decoration: none;
}
.simplePagerNav li.currentPage a {
color: #999;
}
#mainContentSubContent ul.citations {
list-style: none;
margin: 0 0 .8em 0;
}
#mainContentSubContent ul.citations li {
padding: 0 0 0 3em;
text-indent: -3em;
margin: 0 0 .6em 0;
}
#mainContentSubContent dl.boldHeadings dt {
font-weight: bold;
margin: 0 0 .6em 0;
}
#mainContentSubContent dl.boldHeadings dd {
margin: 0 0 .8em 0;
}
/*footer*/
#footer {
clear: both;
background: #333;
padding: 20px 0;
margin: 20px 0 0 0;
border-top: 3px solid #fff;
}
#footerContent {
min-height: 89px;
width: 400px;
padding: 20px 10px 20px 540px;
margin: 0 auto;
background: url('images/footer-background.png') no-repeat left top;
font-size: 1.3em;
line-height: 140%;
}
#footerContent a {
color: #ffff00;
}
.outtaHere {
position: absolute;
left: -9999px;
top: -9999px;
}
.important {
color: red;
}
#flickrContainer:after, #sidebar:after, .rightImg:after, #pageWrap:after, #mainContentSubContent:after, .simplePagerNav:after, #subNav:after {
content: ".";
display: block;
height: 0px;
font-size: 0px;
clear: both;
visibility:hidden;
overflow: hidden;
}