body { background:#fff; font-size:small; margin:0; padding:0; } html, body, div, span, ol, ul, dl, li, dd, dt, dl, blockquote, img, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } /* Attribute Selectors ------------------------------------------------------------------ */ div#content a[href$=pdf] { background-position:100% 50%; background-repeat:no-repeat; padding:0 19px 1px 0; } div#content a[href$=pdf] { background-image:url(/images/icons/icon_pdf.gif); } /* clearing ----------------------------------------------- */ .clearing { height:0px; width:95%; clear:both; } /* container ----------------------------------------------- */ #container { background:#fff; color:#333; margin:0; padding:0; width:auto; } /* header styles ----------------------------------------------- */ #header { height:98px; width:100%; } #header h1 { height:98px; width:378px; color:#005DAB; background:transparent url(/images/variance/variance.png) no-repeat top left; } #header h1 a { color:#005DAB; display:block; height:98px; width:378px; outline:none; } #header h1 a span { margin-left:-999em; } #header img.print-logo { display:none; } /* navigation ----------------------------------------------- */ ul#navigation { background:transparent url(/images/variance/nav-bg.gif) repeat-x center; height:44px; min-width:780px; width:auto; } ul#navigation li { display:inline; list-style-type:none; } ul#navigation li > a { color:#fff; display:block; float:left; font-size:1.5em; height:45px; padding:0 1.90%; text-decoration:none; outline:none; color:#fff; } ul#navigation li#home > a { background:transparent url(/images/variance/nav-home.gif) no-repeat center 12px; width:45px; padding-left:22px; } ul#navigation li#home:hover > a { background:transparent url(/images/variance/nav-home-over.gif) no-repeat top center; width:45px; } ul#navigation li#about > a { background:transparent url(/images/variance/nav-about.gif) no-repeat center 12px; width:111px; } ul#navigation li#about:hover > a { background:transparent url(/images/variance/nav-about-over.gif) no-repeat top center; width:111px; } ul#navigation li#past-issues > a { background:transparent url(/images/variance/nav-past-issues.gif) no-repeat center 12px; width:132px; } ul#navigation li#past-issues:hover > a { background:transparent url(/images/variance/nav-past-issues-over.gif) no-repeat top center; width:132px; } ul#navigation li#submit > a { background:transparent url(/images/variance/nav-submit.gif) no-repeat center 12px; width:126px; } ul#navigation li#submit:hover > a { background:transparent url(/images/variance/nav-submit-over.gif) no-repeat top center; width:126px; } ul#navigation li#subscribe > a { background:transparent url(/images/variance/nav-subscribe.gif) no-repeat center 12px; width:70px; } ul#navigation li#subscribe:hover > a { background:transparent url(/images/variance/nav-subscribe-over.gif) no-repeat top center; width:70px; } ul#navigation li#cas > a { background:transparent url(/images/variance/nav-cas.gif) no-repeat center 12px; width:104px; } ul#navigation li#cas:hover > a { background:transparent url(/images/variance/nav-cas-over.gif) no-repeat top center; width:104px; } ul#navigation li > a span { margin-left:-999em;; } /* sub nav flyouts ----------------------------------------------- */ ul#navigation li ul { width:100%; min-width:800px; height:25px; position:absolute; top:142px; left:-999em; background:#fff; z-index:-1000; border-bottom:1px solid #636364; } ul#navigation li:hover ul { position:absolute; left:0; top:142px; z-index:1000; background:#fff; } ul#navigation li ul li { background:none; color:#006699; float:left; } ul#navigation li ul li a { background:none; color:#006699 !important; width:auto !important; height:auto !important; padding:0 20px; display:block; } ul#navigation li ul li a:hover { background:none; color:#000066 !important; } /* ON states for each sub nav item unique body ID must be defined for each top level nav item BODY IDs are: * about-on * issues-on * submit-on * subscribe-on ----------------------------------------------- */ body#about-on ul#navigation li#about > a { background:transparent url(/images/variance/nav-about-over.gif) no-repeat top center; } body#about-on ul#navigation li#about ul { left:0; z-index:3; } body#issues-on ul#navigation li#past-issues > a { background:transparent url(/images/variance/nav-past-issues-over.gif) no-repeat top center; } body#issues-on ul#navigation li#past-issues ul { left:0; z-index:3; } body#submit-on ul#navigation li#submit > a { background:transparent url(/images/variance/nav-submit-over.gif) no-repeat top center; } body#submit-on ul#navigation li#submit ul { left:0; z-index:3; } body#subscribe-on ul#navigation li#subscribe > a { background:transparent url(/images/variance/nav-subscribe-over.gif) no-repeat top center; } body#subscribe-on ul#navigation li#subscribe ul { left:0; z-index:3; } /* content ----------------------------------------------- */ #content { background:transparent url(/images/variance/variance-home.jpg) no-repeat 20px 0px; font-family:verdana,arial, helvetica, sans-serif; font-size:95%; left:0; line-height:1.5; padding-left:272px; padding-right:30px; padding-bottom:25px; position:relative; top:40px; min-height:300px; } body.sub #content { min-height:430px; } /* ISSUE INFO ----------------------------------------------- */ div.issue-info { width:400px; } /* HEADLINE:FEATURED ISSUE ----------------------------------------------- */ #content h1#featured-issue { background:transparent url(/images/variance/head-featured-issue.png) no-repeat top left; height:21px; line-height:1; padding-bottom:0; width:192px; } #content h1 span, #content h2 span { margin-left:-999em; } /* HEADLINE:ISSUE (SPRING SUMMER WINTER) ----------------------------------------------- */ /** NOTE:a different class is defined for winter, spring, summer or fall */ #content h2#issue-quarter { background:transparent url(/images/variance/head-spring.png) no-repeat top left; height:26px; line-height:1; padding-bottom:0; padding-left:0px; margin-left:35px; width:143px; } #content h2#issue-quarter.winter { background:transparent url(/images/variance/head-winter.png) no-repeat top left; } #content h2#issue-quarter.spring { background:transparent url(/images/variance/head-spring.png) no-repeat top left; margin-left:40px; } #content h2#issue-quarter.summer { background:transparent url(/images/variance/head-summer.png) no-repeat top left; margin-left:20px; } #content h2#issue-quarter.fall { background:transparent url(/images/variance/head-fall.png) no-repeat top left; margin-left:73px; } /* HEADLINE:ISSUE YEAR ----------------------------------------------- */ #content h2#issue-year { display:inline; font-size:small; font-weight:normal; left:31px; margin:0; line-height:1; padding:0; position:relative; font-family:Georgia, serif; font-size:23px; color:#34395b; } /* HEADLINE:VOLUME/ISSUE NUMBER ----------------------------------------------- */ #content h3#volume { color:#005FAE; font-family:arial, helvetica, sans-serif; font-size:x-small; line-height:1; letter-spacing:.125em; text-transform:uppercase; position:relative; left:125px; width:200px; font-weight:bold; } #content h3#volume em { background:#065988; color:#fff; font-style:normal; padding:1px 3px; } /* sub page typography for content area ----------------------------------------------- */ body.sub #content { margin-right:0px; } body.sub #content p, body.sub #content ul, body.sub #content ol, body.sub #content blockquote { padding-bottom:1em; } body.sub #content ul, body.sub #content ol, body.sub #content blockquote { padding-left:5em; padding-right:5em; } body.sub #content h1, body.sub #content h2, body.sub #content h3, body.sub #content h4, body.sub content h5, body.sub #content h6 { color:#34395B; font-family:Georgia, Times, "Times New Roman", Serif; letter-spacing:.04em; padding-bottom:.6em; clear:both; } body.sub #content h1 { font-size:150%; } body.sub #content h2 { font-size:125%; } body.sub #content h3 { font-size:115%; } body.sub #content h4 { font-size:95%; } /* table of contents ----------------------------------------------- */ dl.table-of-contents { font-family:verdana,arial, helvetica, sans-serif; font-size:95%; line-height:1.5; list-style-type:none; padding-top:20px; } dl.table-of-contents dt { clear:both; width:30px; float:left; font-style:italic; font-weight:normal; } dl.table-of-contents dd { margin-left:30px; padding-bottom:.45em; padding-right:0; } dl.table-of-contents p a { color:#0060AD; font-weight:bold; } dl.table-of-contents p a:link { color:#0060AD; } dl.table-of-contents p a:visited { color:#003058; } dl.table-of-contents p a:hover { color:#80B0D8; } dl.table-of-contents p a:active { color:#80B0D8; } dl.col1 { width:48%; float:left; margin-right:10px; } dl.col2 { width:49%; float:left; } dl.list { width:100%; float:right; } .issuestoc { text-align:right; padding:0px 0 0 0; text-align:right; } .issuestoc a, a:link { color:#0060AD; } .issuestoc a:hover { color:#80B0D8; } .issuestoc a:visited { color:#003058; } /* email list ----------------------------------------------- */ div#email-list { padding-bottom:20px; padding-top:20px; position:absolute; top:445px; left:0; width:230px; float:left; font-size:85%; } div#email-list p { font-family:verdana, arial, helvetica, sans-serif; font-size:1.1em; line-height:1.5em; padding-left:20px; padding-right:20px; } div#email-list h2 { color:#34395B; font-family:georgia, times, 'times new roman', serif; font-size:1.75em; letter-spacing:.04em; padding-bottom:15px; padding-left:20px; } div#email-list form { padding-left:20px; } div#email-list input#email { border:0; border-top:2px solid #999; border-left:2px solid #999; color:#999; width:158px; height:22px; margin:0; padding:0; } div#email-list input#input-submit { background:none; border:none; border-bottom:1px solid #005FAE; color:#005FAE; font-weight:bold; margin:0 ; padding:0; text-align:center; position:relative; top:0; right:0; font-size:85%; } .rss { line-height:20px; margin:0 0 1em; } .rss a { background:url(/images/template/rss.gif) 0 50% no-repeat; padding:5px 0 5px 20px; line-height:20px; color:#333; font-size:12px; } .rss a:hover, .rss a:active, .rss a:focus { text-decoration:none; } /* mission statement ----------------------------------------------- */ #mission-statement { font-family:verdana,arial, helvetica, sans-serif; font-size:85%; padding-top:50px; padding-bottom:0px; padding-left:272px; } #mission-statement h1 { color:#34395B; font-family:georgia, times, 'times new roman', serif; font-size:1.75em; letter-spacing:.04em; padding-bottom:15px; padding-right:20px; } #mission-statement p { background:transparent url(/images/variance/cas-logo.gif) no-repeat top left; font-size:1.1em; line-height:1.5em; padding-left:70px; padding-right:20px; } #mission-statement em { color:#005FAE; font-style:italic; } #mission-statement a:link, #mission-statement a:visited { color:#005FAE; text-decoration:none; border-bottom:1px solid #C3D2DF; } #mission-statement a:hover, #mission-statement a:active { color:#005FAE; text-decoration:none; border-bottom:1px solid #005FAE; } /* mission statement only displays on HOME page; this removes it from sub pages */ body.sub #mission-statement { display:none; } /* footer styles ----------------------------------------------- */ #footer { background:#005FAF; color:#fff; margin-top:50px; padding:30px 0 50px 0; font-size:90%; } #footer ul { padding:0 0 0 25px; font-family:arial, helvetica, sans-serif; } #footer ul li { display:inline; padding:0 9px 0 3px; background:transparent url(/images/variance/bullet.gif) no-repeat center right; } #footer ul li.last { background:none; padding-right:0; } #footer ul#copyright { margin-top:.3em; } #footer ul#copyright li { background:none; } #footer ul#createdby { margin-top:1.1em; } #footer ul#createdby li { background:none; } #footer a:link, #footer a:visited { color:#fff; text-decoration:none; border-bottom:1px solid #fff; } #footer a:hover, #footer a:active { color:#003058; text-decoration:none; border-bottom:1px solid #003058; background:#E6F0F8; } body.sub #footer { background:#005FAF url(/images/variance/cas-footer-logo.gif) no-repeat 25px 30px; } body.sub #footer ul { margin-left:75px; } /* ICONS FOR RELATED DOCUMENTS ----------------------------------------------- */ ul.relatedMedia li, ul.relatedDocuments li { line-height:1.5 !important; padding-top:.25em !important; } /* mp3 ----------------------------------------------- */ a[href$='.mp3'], ul.relatedMedia a[href$='.mp3'], ul.relatedDocuments a[href$='.mp3'] { padding:5px 20px 5px 0; background:transparent url(/images/icons/icon_sound2.gif) no-repeat center right; } /* pdf ----------------------------------------------- */ a[href$='.pdf'], ul.relatedMedia a[href$='.pdf'], ul.relatedDocuments a[href$='.pdf'] { padding:5px 20px 5px 0; background:transparent url(/images/icons/icon_pdf.gif) no-repeat center right; } /* doc ----------------------------------------------- */ a[href$='.doc'], a[href$='.docx'], ul.relatedMedia a[href$='.doc'], ul.relatedMedia a[href$='.docx'], ul.relatedDocuments a[href$='.doc'], ul.relatedDocuments a[href$='.docx'] { padding:5px 20px 5px 0; background:transparent url(/images/icons/icon_doc.gif) no-repeat center right; } /* ppt ----------------------------------------------- */ a[href$='.ppt'], a[href$='.pptx'], ul.relatedMedia a[href$='.ppt'], ul.relatedMedia a[href$='.pptx'], ul.relatedDocuments a[href$='.ppt'], ul.relatedDocuments a[href$='.pptx'] { padding:5px 20px 5px 0; background:transparent url(/images/icons/icon_pps.gif) no-repeat center right; }