/*** Typography ***/ body { font-family: Helvetica, Arial, sans-serif; line-height: 1.5; word-spacing: 0.1em; font-size: 87.5%; /* color: #35618e; */ color: #333; } p, ul, blockquote, code, pre { margin-bottom: 0.5em; } h1, h2, h3 { font-family: Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: bold; word-spacing: 0.2em; color: #000; } h1 { font-size: 1.75em; text-align: center; /* text-transform: capitalize;*/ } h2 { font-size: 1.25em; margin-bottom: 0.5em; line-height: 1em; } h3 { font-size: 1.1em; margin-bottom: 0.33em; line-height: 1.33em; } ul { margin-left: 2em; margin-right: 2em; } li { margin-bottom: 0.5em; line-height: 1.25; text-align: left; } blockquote { margin-left: 3em; margin-right: 3em; padding-left: 0.5em; /*border-left: 5px solid #6cabaa;*/ } pre { margin-left: 3em; margin-right: 3em; padding: 0.75em 1em; font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace; border: 1px solid #99c; background-color: #eae9c3; overflow: auto; } code { background-color: #eae9c3; font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace; padding: 0 0.5em; } /*** Links ***/ a { /* color: #6cabaa; */ /* color: #4f7e7e; */ color: #339; text-decoration: none; /* border-bottom: 1px solid #6cabaa;*/ border-bottom: 1px dotted #339; line-height: 1.4em; } a:link { } a:visited { color: #336; border-color: #336; } a:hover { /* color: #cc9; border-bottom: 1px dotted #cc9; */ border-bottom: 1px solid #339; } a[href ^="mailto:"] { padding-right: 20px; background: transparent url(images/icon_mailto.gif) no-repeat center right; } a[href $='.pdf'] { padding-right: 18px; background: transparent url(images/icon_pdf.gif) no-repeat center right; } a[href $='.doc'] { padding-right: 18px; background: transparent url(images/icon_doc.gif) no-repeat center right; } a[href $='.dot'] { padding-right: 18px; background: transparent url(images/icon_doc.gif) no-repeat center right; } h2.title a, h2.title a:hover { border-bottom: none; } /*** Breadcrumbs ***/ #breadcrumb { font-size: 0.85em; } #breadcrumb a { border-bottom: none; } #breadcrumb + h1 { margin-top: 0.5em; } /*** Images ***/ img { /*border: 1px solid #99c;*/ padding: 5px; /*float: right;*/ margin: 0 10px 10px 10px; } img.center { float: none; display: block; margin: 10px auto; } img.left { float: left; margin: 0 10px 10px 0; } .image { border: 1px solid #99c; padding: 10px; margin: 0 0 10px 10px; float: right; text-align: center; font-size: 0.8em; color: #99c; } .image img { border: none; padding: 0; margin: 5px auto; float: none; display: block; } div.center { float: none; display: block; margin: 10px auto; border: none; } div.left { margin: 0 10px 10px 0; float: left; } /*** Structure ***/ * { margin: 0; padding: 0; } body { text-align: center; background-color: #1e293c; } #main_wrapper { margin: auto; width: 888px; position: relative; background-color: #fff; } #header { width: 888px; } #content_wrapper { width: 878px; margin: 0 auto; clear: both; background: #fff url(images/content_background.jpg) repeat-y; text-align: center; } #main_content { padding-right: 64px; float: right; width: 635px; } #secondary_content { float: left; display: inline; width: 158px; padding-top: 5em; padding-left: 1px; } #footer { clear: both; width: 878px; position: inherit; } #header p, #navigation p { position: absolute; left: -999em; width: 99em; margin: 0; } /*** Navigation ***/ #navigation { font-size: 0.8em; word-spacing: 0; float:left; text-align: center; background: #254462 url(images/navigation_background.jpg) bottom no-repeat; padding: 1px 0px 25px; width: 878px; line-height: 1.0; margin: 0px 0px 0px 5px; } #navigation ul { list-style-type: none; float: left; margin: 0; z-index: 20; } #navigation #main_nav { margin: 0 auto; display: table; float: none; border-left: 1px solid #99c; } #main_nav a { display: block; color: #fff; border-bottom: none; padding: 4px 6px; } #main_nav a:hover { background-color: #cc9; color: #336; } #main_nav li { float: left; width: 145px; height: 1.9em; background-color: #336; border: 1px solid #99c; border-left: none; border-top: none; margin: 0; letter-spacing: 0.05em; z-index: 50; } #main_nav li.expanded { background: #336 url(images/nav_downarrow.png) right center no-repeat; text-align: left; } #main_nav li li.expanded, #main_nav li li.expanded a:hover { background-image: none; } #main_nav li.expanded a:hover { background: #cc9 url(images/nav_downarrow_hover.png) right center no-repeat; } #main_nav li.expanded ul a:hover { background-image: none; } #main_nav li.expanded li.expanded ul { display: none; visibility: hidden; } #main_nav li ul { position: absolute; width: 145px; left: -999em; border: 1px solid #99c; border-top: none; } #main_nav li ul li { text-align: left; border-left: none; border-right: none; border-bottom: none; height: auto; } #main_nav li:hover ul, #main_nav li.sfhover ul { left: auto; margin-left: -1px; text-align: left; } /*** Banner ***/ #header { background-color: #254462; } #header h1 { width: 888px; height: 163px; position: relative; border-bottom: 1px solid #99c; text-align: left; padding: 0; } #header h1 span { background: url(images/banner_background.jpg) no-repeat; position: absolute; top: 0; left: 0; width: 888px; height: 163px; } /*** Footer ***/ #footer { text-align: center; background: #fff url(images/footer_background.jpg) top center no-repeat; padding: 10px 0 5px; margin: 0; } #footer_logos img { border: 0; margin: 0; padding: 0; float: none; } #footer_logos a { border-bottom: 0px; } #footer_logos a:hover { border: 0; } #footer_contact { font-size: 0.8em; } #footer_contact span { padding: 0 5px; display: block; } #footer_contact .contact_name { color: #8eafb8; text-transform: uppercase; letter-spacing: 0.28em; } #footer_contact .contact_address { color: #8eafb8; letter-spacing: 0.1em; } #footer_contact .copyright { color: #999; letter-spacing: 0.1em; } #footer_contact .copyright a { color: #999; letter-spacing: 0.1em; border-bottom: 0px; } #footer_contact .copyright a:hover { color: #999; letter-spacing: 0.1em; border-bottom: 1px solid; } /*** Sidebar ***/ #secondary_content { line-height: 1.67; text-align: center; color: #777; /*background: url(midnight_images/boy_on_hill.jpg) center top no-repeat; padding-top: 48px;*/ font-size: 0.9em; } #secondary_content h2 { background-color: #cc9; color: #fff; font-size: 1.1em; text-align: right; padding: 6px 8px; margin: 0.5em 0 0.5em; } #secondary_content ul, #secondary_content p { margin: 0 8px 1.5em; text-align: left; } #secondary_content ul { list-style-type: none; } #secondary_content li { margin: 0 0 0.5em; } #secondary_content ul.linklist { text-align: right; } #secondary_content ul.linklist li { padding-right: 8px; } #secondary_content ul.linklist a { border-bottom: none; } /* #secondary_content ul.linklist a:visited { color: #6cabaa; } */ #secondary_content ul.linklist li.current { background: url(right_arrow.gif) center right no-repeat; } #secondary_content img { margin: 0 auto 1em; border: none; padding: 5px; /*float: none;*/ } /*** Search ***/ #search_box { position: absolute; top: 0px; right: 0px; width: 229px; height: 17px; background: #000; font-size: 0.8em; } #search_box input { /* display: inline; */ height: 17px; float: left; } #search_box #edit-keys { width: 163px; float: right; border: none; font-size: 11px; } #search_box #search_button { width: 60px; } #search_results { list-style-type: none; } #search_results p { margin-bottom: 0.5em; } #search_results li { margin-bottom: 1.5em; } #search_results p.search_info { font-size: 0.8em; } /*** Drupal admin tabs ***/ #tabs_primary, #tabs_secondary { list-style-type: none; border-bottom: 1px solid #336; padding-left: 10px; margin: 0 0 1.5em; } #tabs_primary li, #tabs_secondary li { display: inline; padding: 3px 2em; border: 1px solid #336; background-color: #eee; } #tabs_primary li.active, #tabs_secondary li.active { border-bottom: 1px solid #fff; background-color: #fff; } #tabs_primary a, #tabs_secondary a { border-bottom: none; } /*** Drupal admin menus ***/ #secondary_content ul.menu { list-style-type: none; text-align:left; } #secondary_content ul.menu li { margin-left: 1.5em; } #secondary_content ul.menu li.expanded { list-style-type: circle; } #secondary_content ul.menu li.collapsed { list-style-type: disc; } #secondary_content ul.menu li.leaf { list-style-type: square; } #secondary_content ul.menu li a.active { color: #000; } #secondary_content .menu-disabled { background-color: #ccc; } /*** Tables ***/ table { margin-top: 1em; margin-bottom: 1em; } td, th { padding: 0.25em 0.5em; } thead tr, tr.even { background-color: #eee; } /*** Forms ***/ fieldset { padding: 1em; margin-bottom: 1.5em; border: 1px solid #99c; } /*** Drupal miscellaneous ***/ .help { margin-bottom: 1.5em; } .node { margin-bottom: 3em; } .title { padding-bottom: 0.25em; border-bottom: 1px solid #99c; } #secondary_content .title { border-bottom: none; } .title a { border-bottom: none; } div.messages { border: 1px solid #933; background-color: #ffb4b4; padding: 0.25em 0.5em; margin: 1em 0; } thead img, .watchdog-error img { border: none; padding: 0; } #pager a, #pager strong { margin-right: 0.5em; } div.metadata { font-size: 0.8em; } /*** Drupal admin forms ***/ .form-item { margin: 1em 0; } .form-item .form-item { margin: 0 1em; display: inline; } .form-item .form-item label { display: inline; } .form-item label { display: block; font-weight: bold; } .form-item img { /* border: 1px solid #99c;*/ padding: 0px; /*float: right;*/ margin: 0 0 0px 0px; } dl.multiselect .form-item { display: inline; margin: 0 1em 0 0; } dl.multiselect .form-item label { display: inline; } dl.multiselect dt { margin: 0.5em 0; } #node-admin-buttons { margin: 0.5em 0; } fieldset { margin: 1em 0; padding: 0.5em; } fieldset ul { margin-bottom: 0; } .form-text, .form-textarea { width: 95%; } .resizable-textarea { width: 100%; }