/* General ---------------------------------------*/ @import url("editor.css"); html { min-height:100%; margin-bottom:1px; } body, ul, li, h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; } body, input, td, th, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; } /* Font sizes */ body { font-size:62%; } #content { font-size:1.1em; } #footer, #nav { font-size:1em; } textarea { font-size:1.1em; } a { text-decoration:none; color:#6699cc; } a:hover { text-decoration:underline; } ul, li { list-style-type:none } img { border:0px; } td, th { vertical-align:top; text-align:left } p { margin-bottom:1.3em; line-height:1.5em } p, dt, dd, li { line-height:1.4em } table, ul, dl, h2, h3 { margin-bottom:1.1em; } h1 { } h2 { font-size:1.7em; margin-bottom:15px; color:#336699; font-weight:normal; } h3 { font-size:1.2em; color:#6699cc; margin-bottom:2px; } h4 { font-size:1em; color:#333; margin-bottom:2px; font-weight:normal; font-weight:bold; } h4 a { color:#FF6633; } ol, ol li { list-style-type:decimal; } ol li { margin-bottom:10px; color:#336699; font-weight:bold; } ol li h4 { color:#336699; } a.plain { text-decoration:none; } a.plain:hover { text-decoration:underline } p.opening, .intro p { color:#996699; font-size:1.2em; } p.hidden { display:none } p.notice { background-color:#996699; font-weight:bold; color:#fff; padding:4px; width:70%; } ul, ul li { margin:0; padding:0; list-style:none } ul { margin:0 0 15px 20px; } ul li { padding-left:15px; background:url(../images/generic/bullet_circle.gif) top left no-repeat } /* Structure ---------------------------------------*/ body { background:#eff3ee; color:#333; text-align:center; } #wrapper { margin:0 auto; text-align:left; width:900px; background-color:#fff; } #header { min-height: 129px; height: auto; width:900px; float:left; display:inline; } * html #header { height: 129px; } #searchbox form#ajaxSearch_form { margin:0; padding:0; position:relative; top:-15px; } #searchbox { float:right; display:inline; width:170px; height:20px; margin:16px 30px 0 0; text-align:center; border:1px solid #CACECD; } #searchbox fieldset { margin:0; padding:0; border:0; height:auto; } #searchbox input#ajaxSearch_input { border:0; width:120px; float:left; display:inline; font-size:1.1em; margin:2px 0 0 4px; } #searchbox input#ajaxSearch_submit { border:0; background:url(../images/generic/icon_search.gif) center center no-repeat; text-indent:-9999px; overflow: hidden; font-size: 0px; display:block; line-height: 0px; height:20px; width:40px; } #searchbox input:focus { outline:none; } .ajaxSearch_highlight { background-color:#ccc } .ajaxSearch_result .ajaxSearch_resultLink { font-size:1.2em; font-weight:bold; } /*pon 30/09*/ #flags { float:right; margin:19px 10px 0 0; width:60px; } #logo { float:left; display:inline; margin-left:30px; margin-top:25px; } #navigation { clear:both; text-align:right; line-height:24px; font-size:1.2em; } #navigation a { color:#7f7f7f; text-decoration:none; } #navigation a:hover, #navigation li.current a { color:#ff6633; text-decoration:none } #navigation ul.menu, #navigation ul.menu li { margin:0; padding:0; list-style-type:none; background:none } #navigation ul.menu li { display:inline; margin:0 16px; } #navigation ul.menu ul { display:none } #banner { clear:both; background-color:#6699cc; margin:0 3px; width:894px; position:relative; height:154px; } #banner #photo { float:left; display:inline; width:533px; } #banner #title { position:absolute; left:553px; width:330px; bottom:20px; } #banner #title h1 { font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; font-size:25px; margin:0; padding:0; } #breadcrumbs { border-bottom:2px solid #7CA6D6; line-height:30px; padding-left:30px; color:#e2e2e2 } #breadcrumbs span.B_currentCrumb { color:#666666 } #breadcrumbs a { color:#7CA6D6; text-decoration:none } #breadcrumbs a:hover { text-decoration:underline } #content { clear:both; margin:20px 0; padding:0 0 1px; width:100%; float:left; display:inline; background:#fff url(../images/generic/content_bg.gif) top left repeat-y } #sidebar, #primary, #secondary { float:left; display:inline; } #sidebar { margin-left:17px; width:174px; } #primary { margin-left:22px; width:442px; } #secondary { margin-left:40px; width:185px; } #sidebar { min-height: 400px; height: auto; } * html #sidebar { height: 400px; } .wide #content { background:none } .wide #secondary { display:none } .wide #primary { width:647px; } #sidebar .wrapper { border-top:1px solid #8c8c8c } #sidebar ul.menu, #sidebar ul.menu ul, #sidebar ul.menu li { margin:0; padding:0; background:none; list-style-type:none; } #sidebar ul.menu li { line-height:15px; } #sidebar ul.menu li a { border-bottom:1px solid #E2E2E2; padding-left:11px; text-decoration:none; background:url(../images/generic/bullet_sidenav.gif) center left no-repeat; display:block; color:#646464; padding-top:4px; padding-bottom:4px; } #sidebar ul.menu ul { border-bottom:1px solid #E2E2E2; } #sidebar ul.menu ul li a { border:0; background:none } #sidebar ul.menu ul li a { padding-left:18px; } #sidebar ul.menu li a:hover, #sidebar ul.menu li.current ul.sub a:hover { color:#FF6633 } #sidebar ul.menu li.current a, #sidebar ul.menu li.current ul.sub li.current a, #sidebar ul.menu li.current ul.sub li.current ul.sub li.current a { color:#FF6633 } #sidebar ul.menu li.current ul.sub a, #sidebar ul.menu li.current ul.sub li.current ul.sub a { color:#646464; } #sidebar ul.menu li ul.sub { display:none } #sidebar ul.menu li.current ul.sub { display:block } #sidebar ul.menu li ul.sub ul.sub { margin-left:10px; border:0; background-color:#efefef; } #footer { clear:both; width:100%; float:left; display:inline; background-color:#E7ECE5; padding:10px 0 6px; color:#666; } #footer a { margin:0 7px; text-decoration:none; color:#666; } #footer a:hover { text-decoration:underline } #footer .links { width:100%; text-align:center; float:left; display:inline; } #footer .languages { width:200px; float:right; display:inline; text-align:right; margin-right:20px; } #footer .languages { display:none } #sitedetails { clear:both; background-color:#DDE5DA; width:900px; width:100%; float:left; display:inline; } #siteinfo { padding:10px 20px 5px; float:left; display:inline; width:440px; } #siteinfo p { margin-bottom:0.75em; } #logos { float:right; display:inline; width:360px; margin-top:14px; } /* Homepage ---------------------------------------*/ #home #banner { height:224px; } #home #banner #title { left:582px; } #home #content { background-image:url(../images/home/content_bg.gif); margin:10px 0; } #home #primary { width:425px; margin-left:20px; padding-top:10px; } #home #secondary { width:423px; float:left; display:inline; margin-left:22px; } #home #secondary .column1, #secondary .column2 { width:206px; float:left; display:inline; margin-left:11px; } #home #secondary .column1 { margin-left:0; } #home #secondary h2 { line-height:27px; padding:0 6px; color:#FF6634; font-size:1.6em; margin-bottom:10px; border-bottom:1px solid #938173 } #home #secondary .wrapper { margin:0px 10px 0 6px; color:#666; } #home #secondary .more { border-bottom:1px solid #C3C2C0; padding-bottom:10px; margin:0 0 10px; padding-left:6px; } #home #secondary .more a { color:#6699CC; font-weight:bold; background:url(../images/generic/bullet_circle_arrow_blue.gif) top left no-repeat; padding-left:23px; display:block; line-height:20px;} #home #secondary h2 a.rss { float:right; display:inline; width:20px; margin-right:5px; } #home #secondary h2 a.rss img { width:20px; margin-top:3px; } #home #secondary #publications { margin-bottom:30px; } #home #secondary #engage-with-us { margin-bottom:25px; } #home #secondary #engage-with-us p { border-bottom:1px solid #C3C2C0; margin:0 0 10px; background:url(../images/generic/bullet_circle_arrow.gif) top left no-repeat; padding:0 0 10px 20px; } #home #secondary #engage-with-us h2, #home #secondary #engage-with-us a { color:#888; } #home #secondary #tools { background-color:#FF6634; color:#fff; padding-bottom:10px; } #home #secondary #tools a { color:#fff; } #home #secondary #tools h2 { border-color:#fff; color:#fff; margin-left:6px; margin-right:6px; } #home #secondary #tools p { border-bottom:1px solid #fff; margin:0 0 10px; background: url(../images/generic/bullet_circle_arrow_white.gif) top left no-repeat; padding:0 0 10px 20px; color:#fff; } #home #footer { padding-top:6px; } #home #footer .logos { width:300px; float:left; display:inline; text-align:left; margin:0 0 0 20px; } #home #footer .logos a { margin:0 } #home #footer .links { width:300px; float:right; text-align:left; margin:3px 0px 0 0; } /*#features { background:url(../images/home/features_bg.gif); width:412px; } #features .column { float:left; display:inline; border-top:1px solid #E6E8E3; border-bottom:1px solid #E6E8E3; } #features .column { width:200px; margin-left:10px; } #features .column .wrapper { margin:10px; } #features .first { margin-left:0px; }*/ table#features { margin-left:-10px; margin-bottom:0; } table#features td { border:1px solid #E6E8E3; padding:10px 10px 5px; margin:10px; width:50% } table#features p { margin:0 0 5px; } table#features h2 { color:#ff6633; margin-bottom:5px; font-size:1.5em } table#features a { color:#333; text-decoration:none } table#features a:hover { text-decoration:underline; } #blog { border:4px solid #EEEDEB; padding:10px; position:relative; left:-10px; } #blog h2 { color:#FF6633; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #C3C2C0 } #blog h2 a.rss { float:right; display:inline; margin-right:5px; } #blog h2 a.rss img { width:20px; margin-top:3px; } #blog .date { color:#646464; font-weight:bold; } #blog h3 { font-size:15px; margin:2px 0 4px; } #blog h3, #blog p { margin-right:15px; } #blog .more { border-top:1px solid #C3C2C0; padding-top:10px; margin:0; } #blog .more a { color:#FF6633; font-weight:bold; background:url(../images/generic/bullet_circle_arrow.gif) center left no-repeat; padding-left:23px;} /* Page Layouts ---------------------------------------*/ /* Level 3 pages and under have a smaller banner section, and no photo */ .level3 #banner { height:65px; } .level3 #banner #photo { display:none } .level3 #banner #title { left:auto; bottom:18px; right:45px; text-align:right; width:700px; } /* For pages with no sidebar, hide the sidebar divider background which is on the content element*/ .nosidebar #content { background-image:none } /* Specific Elements ---------------------------------------*/ #definition, #definition h3 { color:#336699 } #definition h3 { font-size:1.2em; margin-bottom:1em } #relatedResources h3 { font-size:1.5em; color:#ff6633; font-weight:normal; margin-bottom:15px; } #relatedResources a { color:#333; text-decoration:none } #relatedResources a:hover { text-decoration:underline } #relatedResources { color:#999; } #primary .resource h3 a, #primary .resource .meta { color:#FF6633; text-decoration:none } #primary .resource h3 a:hover { text-decoration:underline } #primary .sitemap .menu li.category { font-weight:bold; font-size:1.2em; margin-bottom:2px; } #primary .sitemap .menu li.category .sub { font-weight:normal; margin-bottom:10px } #primary .sitemap .menu { margin:0 0 15px 0px; } #primary .sitemap .menu li { padding-left:0; background: none } #primary .sitemap .menu .sub { margin:0 0 15px 20px; } #primary .sitemap .menu .sub li { padding-left:15px; background:url(../images/generic/bullet_circle.gif) top left no-repeat } /* EmailForm ------------------------------------------------------------------------------- */ #EmailForm { width: 360px; text-align: left; padding-bottom: 20px; border: none;} #EmailForm.full { width: 100%; } #EmailForm fieldset, #EmailForm legend { border:0; margin:0; padding:0; } #EmailForm label, #EmailForm p { display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px; } #EmailForm input { display: block; margin-top: 3px; } #EmailForm select { float: left; display: block; } #EmailForm label.first, #EmailForm label.city { clear: left; margin-right: 10px; width: 150px; } #EmailForm label.second, #EmailForm label.state {float: left; clear: none; margin: 0 10px 0 0; width: 150px; } #EmailForm label.state { width: 60px; } #EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input { float: left; width: 150px; padding: 0; } #EmailForm label.state select { width: 60px; float: left; margin-top: 3px; } #EmailForm label.zip, #EmailForm label.zip input { float: left; width: 80px; } #EmailForm label.zip { clear: none; } #EmailForm label { float: left; clear: left; width: 310px; margin: 0; line-height: 1.5em; } #EmailForm label input { float: left; width: 310px; padding: 0; } /* style the #EmailForm elements to look similar across browsers ... emulates Safari */ #EmailForm label input,#EmailForm textarea { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background: #fff url(images/input-bg.gif) repeat-x top left; } #EmailForm input.checkbox, #EmailForm select { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff; } #EmailForm textarea { margin-top: 3px; width: 383px; height: auto; display: block; } #EmailForm label input.calc { text-align: right; width: 100px; clear: left; padding: 0; } #EmailForm input.button { clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED; } #commentForm { margin-top:15px; background:url(../images/resource_icons/resource_icons/comment.jpg) top left no-repeat; padding-left:37px; margin-left:15px; } #commentForm #EmailForm textarea { width:370px; } /* Contact Form Errors */ .errors { background-color:#eee; margin-bottom:15px; padding:0 8px; } /* Resource Folder Icons */ table.folders { border-collapse:collapse; width:98%; } table.folders td { width:50%; border-bottom:5px solid #fff; vertical-align:top } table.folders .wrapper { height:72px; background-position:top left; background-repeat:no-repeat; padding-left:85px; margin-right:7px; } table.folders .wrapper p { margin: 5px 5px 0 0; } table.folders .wrapper a { text-decoration:none } .purple .wrapper { border:1px solid #8B8CBA; background-image:url(../images/resource_icons/folder_purple.jpg) } .beige .wrapper { border:1px solid #B4A48B; background-image:url(../images/resource_icons/folder_beige.jpg) } .green .wrapper { border:1px solid #8CBA8B; background-image:url(../images/resource_icons/folder_green.jpg) } .pink .wrapper { border:1px solid #BA5D8C; background-image:url(../images/resource_icons/folder_pink.jpg) } .orange .wrapper { border:1px solid #E88C5D; background-image:url(../images/resource_icons/folder_orange.jpg) } .purple a { color:#8B8CBA; } .beige a { color:#B4A48B; } .green a { color:#8CBA8B; } .pink a { color:#BA5D8C; } .orange a { color:#E88C5D; } table#media .wrapper { height:52px; background-position:center left } table#media .wrapper p { margin-top:15px; } table#media td { vertical-align:middle; font-size:1.2em; font-weight:bold; } table#media .purple .wrapper { background-image:url(../images/resource_icons/play_purple.gif) } table#media .orange .wrapper { background-image:url(../images/resource_icons/play_orange.gif) } table#media .beige .wrapper { background-image:url(../images/resource_icons/play_beige.gif) } table#media .green .wrapper { background-image:url(../images/resource_icons/play_green.gif) } #staff h3 { margin-top:15px; font-size:1em; } #staff h3.link { text-decoration:none; cursor:pointer } #staff h3.link:hover { text-decoration:underline } #showcase { clear: both; width: 560px; height: 224px; overflow: hidden; } table.vodcasts td { padding-bottom:15px; border-bottom:1px solid #eee; padding-top:15px; } table.vodcasts td h4 { margin-top:10px; font-size:0.9em } .ditto_summaryPost strong { color:#666; } .reflect_archive { margin-left:10px; margin-top:10px; } /* Slider ---------------------------------------*/ #wrapper-slider { position: relative; } #slider { width: 560px; height: 224px; overflow: hidden; } ul#slider, #slider li { margin:0; padding:0; list-style-type:none } #slider .details { position:absolute; bottom:24px; width:560px; left:0px; color:#fff; font-size:12px; background: url(../images/generic/overlay.png) top left repeat; padding-top:10px; } #slider .details h2, #slider .details p { margin-left:10px; margin-bottom:10px; color:#fff; } #slider .details a { color:#fff; } #controls { display: none; position: absolute; padding: 5px 0 0; bottom: 0px; left: 0px; width: 560px; z-index: 1000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #controls h2 { color:#fff; margin:0; } #paging { float: right; display: inline; width: 560px; padding:6px 0; background-color:#95C7F8; text-align:right } #paging a, #paging a:visited { background-color: #fff; color: #7BA6D3; margin-right: 1em; padding: 2px 6px; } #paging a:hover, #paging a.activeSlide, #paging a.activeSlide:visited { background-color: #39c; } #caption { float: left; display: inline; width: 400px; margin-bottom:10px; color: #fff; margin-left: 20px; font-size:1.4em; } .resource-result { margin:0 0 15px 20px; padding-left:37px; background-position:top left; background-repeat:no-repeat } .ajaxSearch_paging { margin-bottom:15px; display:block; } .ajaxSearch_resultsInfo { font-weight:bold; } #ajaxSearch_resource fieldset { border:0; padding:0; } /* Hacks ---------------------------------------*/ .clear { clear:both; height:0; }