#content .msgbox { margin: 0 0 1em 0; padding: 1em;} #content .error { background: #CF0000; border: 1px solid #f00; color:#fff;} #content .error p{ font-size:18px;margin:0 0 5px 0;} #content .error ul {display:block;padding:0 20px; font-size:14px;font-weight:normal;} #content .error li {background:none!important;} #content .error ul li {font-weight:bold;color:#FEFF9F;} #formdata {clear:both; } #formdata #options a { margin-right: 0.2em; } #formdata #options a:link, #formdata #options a:visited { color: #333; } #formdata #options a:hover, #formdata #options a:active { background: #000; color: #fff; } #formdata fieldset { background: #fff;border: 0px solid #cfcfcf; margin: 0; padding: 0; } #formdata fieldset fieldset { background: #B5CEDF; border: 0px solid #e7e7e7; clear: both; margin: 0; padding: 0.7em 0.7em; } #formdata fieldset.application #nested_options { border-left: 1px dotted #999; height: 100px; margin: 0.5em 1.8em; padding: 0.3em 0 0 1em; } #formdata fieldset.application #nested_options li { margin: 0; padding: 0; } #formdata fieldset.application #nested_options li.f { font-weight: bold; } #formdata fieldset.application #nested_options ul { float: left; margin-right: 2em; } #formdata fieldset.application div div fieldset.radio { background: #f9f9f9; } #formdata fieldset.application div.float { float: left; margin-right: 1em; width: 48.5%; } #formdata fieldset.application div.right { float: left; margin-right: 0; } #formdata fieldset.application fieldset.radio input { clear: none; display: inline; width: auto; } #formdata fieldset.application fieldset.radio label { font-weight: normal; } #formdata fieldset.application fieldset.radio ul li div div { float: left; margin: 0; width: auto; } #formdata fieldset.application h3 a:link { background: #ffe; border-bottom: 1px dotted #bbb; color: #222; display: block; text-decoration: none; } #formdata fieldset.application h3 a:hover, #formdata fieldset.application h3 a:active { background: #ff9; color: #222; text-decoration: none; } #formdata fieldset.application input#button { font-weight: bold; height: 34px; margin-top: 1em; padding-bottom: 3px; width: 12em; } #formdata fieldset.application input#title { font-family: arial, sans-serif; margin-bottom: 0; width: 97.5%; } #formdata fieldset.application input, select { clear: both; display: block; width: 100%; } #formdata fieldset.application label { font-weight: bold; } #formdata fieldset.application label.float { clear: none; display: inline; } #formdata fieldset.application label.float input { clear: none; display: inline; } #formdata fieldset.application li, ul { list-style: none; margin: 0; padding: 0; } #formdata fieldset.application strong { color: #000; } #formdata fieldset.radio { background: #E0E9EF; border:1px solid #E0E9EF; padding:0;} #formdata fieldset.radio input { clear: none; display: inline; margin-right: 0.1em; vertical-align: middle; } #formdata fieldset.radio label, #formdata fieldset.radio p { margin: 0;color:#000; font-size:12px;} #formdata h3 { clear: both; color: #222; font: bold 18px arial, helvetica, sans-serif; margin: 0.9em 0 0 0; } #formdata img { vertical-align: middle; } #formdata input { padding: 1px; } #formdata input#button { clear: both; font-weight: bold; height: 34px; margin: 1em 0 0.3em -3px; padding-bottom: 3px; width: 12em; } #formdata input#start_date, #formdata input#end_date { display: inline; vertical-align: middle; } #formdata input#title { font: bold 24px arial, verdana, sans-serif; margin-bottom: 0.5em; padding: 4px 0; width: 99%;} #formdata label { clear: both; color: #555; display: block; font-weight: bold; margin: 0 0.8em 0.3em 0; } #formdata label span { font-size: x-small; font-weight: normal; } #formdata label.float { clear: none; float: left; } #formdata label:hover { color: #000; } #formdata legend { display: none; } #formdata p { margin: 0 0 1.8em 0; min-height: 1em; } #formdata p > label > textarea { margin-bottom: -1em; } #formdata p.instructions { color: #555; font-size: 11px; line-height: normal; margin-bottom: 0.5em; } #formdata div.inline_help { background: #FFFFEF; border-bottom: 0px solid #CFCFA8; border-left: 1px solid #EFEFC2; border-right: 2px solid #CFCFA8; border-top: 1px solid #EFEFC2; font-size: 95%; margin: 0 10px 10px 0; padding: 10px; } #formdata fieldset fieldset div.inline_help { margin: 0 5px 10px; } #formdata fieldset fieldset.radio div.inline_help { margin: 0 20px 10px; } #formdata div.inline_help ul li { list-style-type: square; margin-left: 15px; padding-left: 5px; } #formdata select, #formdata input { display: block; font: normal 12px verdana, arial, helvetica, sans-serif; } #formdata small { font-size: 11px; font-weight: normal; } #formdata textarea { clear: both; display: block; font-size: 12px; padding: 0.3em; width: 98%; } #inlineForm fieldset, #sidebarForm fieldset { background: #ffffe0; border: 1px solid #ddd; margin: 0 0 1.2em 0; padding: 0.8em; } #inlineForm input, #sidebarForm input { display: inline; font-family: verdana, arial, helvetica, sans-serif; padding: 1px; } #inlineForm.small input, #sidebarForm.small input { font-size: 11px; } #sidebarForm input#button { font-size: 100%; width: 14em; } #sidebarForm input[type='checkbox'] { width: normal; } #login { background: #fff; border: 8px solid #ccc; margin: 5em auto; padding: 1.3em; width: 25em; } #login #alert { background: #ffc; font-weight: bold; padding: .5em; } #login #btn_login { font-weight: bold; width: 6em; } #login dd { margin: 0; padding: 0; } #login dt { font-weight: normal; margin-bottom: 0; margin-top: 0.3em; } #login input { padding: 3px; } #login input[type=text], #login input[type=password] { width: 98%; } form p.buttons input{float:left!important;} /*------------------------------------------------- Formmailer -------------------------------------------------*/ /* COLOR/BORDERS CSS */ form.formmailer .required { color:#FF0000; } /* TEXT CSS */ form.formmailer label { font: normal 13px verdana;} /* STRUCTURE CSS */ form.formmailer { margin:0 auto; padding:0; border:1px solid #ccc;background:#f0f0f0;float:left;padding:10px;width:90%;position:relative;} form.formmailer p { margin:0; padding:0; } form.formmailer fieldset { display:block; margin:0 0 13px 0; padding:0 10px 2px 10px; } form.formmailer legend { margin:0 0 0 10px; padding:0 6px 0 6px; } form.formmailer label.textlblwide { display:block; float:left; margin:0 10px 0 1px; padding-bottom:8px; text-align:left; } form.formmailer select.select { display:block; float:left; margin-bottom:15px; padding:3px; width:65%; } form.formmailer .check { display:block; float:left; margin-bottom:15px; width:65%; } form.formmailer .radio { display:block; float:left; margin-bottom:15px; width:65%; } form.formmailer .check p { line-height:140%; margin:0 0 5px 0; padding:0; } form.formmailer .radio p { line-height:140%; margin:0 0 5px 0; padding:0; } form.formmailer textarea { clear:both;float:left; margin-bottom:15px; padding:3px; position:relative; width:95%; } form.formmailer .fullblock { display:block; float:left; margin-bottom:13px; padding-left:0px; width:100%; } form.formmailer .halfblock { display:block; float:left; margin-bottom:13px; padding-left:29%; width:65%; } form.formmailer input.verify { display:block; float:left; margin-bottom:15px; padding:3px; position:relative; width:50px; } form.formmailer img { float:left; margin:1px 0 0 10px; } form.formmailer input.file, form.formmailer input.text { display:block; float:left; margin-bottom:15px; padding:3px; width:95%; } form.formmailer textarea.textwide { display:block; float:left; margin-bottom:15px; margin-right:2px; padding:3px; width:73%; } form.formmailer label {clear:both;float:left; width:99%;} form.formmailer .submit { clear:both; text-align:left; margin:0;} form.formmailer .required { margin-left:-13px;display:none; } .errors { background:darkred;margin:1.15em 0 .55em 0;} .errors h4 { background:red;font: bold 16px Trebuchet MS;color:#fff; margin:0;padding:0.5em;} .errorlist { color:#fff;} .errorlist li {margin:10px 0 0 0!important;font: 16px/16px georgia;background:none!important;} .errors p {font: bold 16px Trebuchet MS!important;color:#fff; margin:0!important;padding:0.65em!important;background:red;} .success { background:green; padding:10px; color:white;} .success a:link, .success a:visited { color:white;} .success a:hover, .success a:active { color:green;background:white;text-decoration:none;} /* IE6 Min-Height Hack */ html>body #page, html>body #content { height: auto; } /*------------------------------------------------- GENERAL -------------------------------------------------*/ body { font: normal 12px "lucida grande", verdana, arial, helvetica, sans-serif; text-align: left;} input,textarea { font: normal 12px "bitstream vera sans", verdana, sans-serif; } * {margin:0; padding:0;} a img { border: none; padding: 0; margin: 0; } ul {list-style-type:none;margin:0;padding:0;} /*------------------------------------------------- DEFAULT -------------------------------------------------*/ /*body*/ body { background:#222;} /*container*/ #container { background:#fff;margin: 25px auto; position: relative; width: 960px;} /*header*/ #header { float: left; background: #000 url(images/header-night.jpg) no-repeat top right; width: 930px;padding:15px;position:relative;z-index:1px;margin:0;} /*logo*/ #header #logo { float:left;width: 200px;} #header #logo a { display:block;width: 200px;text-indent:-3000em;height:148px; overflow:hidden;background: url(images/logo-200px.gif) no-repeat top center;} /*accessibility*/ #header .accessibility { display: none; } /*nav*/ #header #nav {position:absolute;top:190px; left:0;width:195px;z-index:10px;margin:0 0 0 15px;} #header #nav li { clear:both;padding: 0;margin:0;line-height:normal;display:inline;} #header #nav li a { display:block;width:185px;font: normal 18px/18px georgia, verdana, arial, helvetica, sans-serif; padding: 5px;text-decoration: none; } #header #nav li a:link, #header #nav li a:visited {color:#1D659F;border-bottom:1px solid #ddd} #header #nav li a:hover, #header #nav li a:active { background: #BFE2FF; color:#000!important;font-weight:bold;} #header #nav li.selected a { background: #fff!important; color:#000!important;font-weight:bold;} #header #nav li span {display:block;text-indent:-3000em;} #header #nav li.login { position:absolute;top:-215px;left:830px;} #header #nav li.login a { display:block;width:100px;font: normal 13px/13px georgia, verdana, arial, helvetica, sans-serif; padding: 5px;text-decoration: none; } #header #nav li.login a:link, #header #nav li.login a:visited {color:yellow;border-bottom:0px solid #ddd} #header #nav li.login a:hover, #header #nav li.login a:active { background: yellow; color:#000!important;font-weight:normal;} /*page*/ #page {clear: both; float: left; padding: 10px 15px 15px 230px; width: 715px; z-index:1px; min-height:600px; height:auto !important; height: 600px; } /*content*/ #content {position:relative; float: left; width: 500px;margin:0;min-height:500px; height:auto !important; height: 500px; } /*general*/ #content a:link, #content a:visited {color:#1D659F;border-bottom:1px solid #ddd} #content a:hover, #content a:active { background: #BFE2FF; color:#000!important;font-weight:bold;text-decoration:none;} #content h2.title { color: #6C8102; font: normal 25px Georgia, verdana, arial, helvetica, sans-serif; margin: 0 0 15px 0;border-bottom:1px solid #ccc;} #content h2.title a { text-decoration: none; } #content h2.title span {font-size:12px;letter-spacing:normal;text-transform:none;} #content .empty h2 { background: #FFFFCF; font-size: 12px; margin: 0; padding: 5px; } #content .empty h2 { background: #FFFFCF; font-size: 12px; margin: 0; padding: 5px; } #content h3 { font: normal 19px Georgia, verdana, arial, helvetica, sans-serif; margin: 0 0 15px 0;} #content .past_events_link {background:#fff;position:absolute; top:5px; right:0;width:200px;text-align:right; font: normal 11px verdana;} #content p { line-height: 1.65em; margin: 0 0 15px 0;} #content ul { margin: 0 0 15px 0; } #content ul li { background: url(images/content_bullet.gif) no-repeat 0 4px; margin: 0 0 5px 4px; padding: 0 0 2px 16px; line-height: 1.35em;} #content ul { margin: 0 0 15px 0; } #content ul li { background: url(images/content_bullet.gif) no-repeat 0 4px; margin: 0 0 5px 4px; padding: 0 0 2px 16px; line-height: 1.35em;} #content ul.pagination { margin: 0; } #content ul.pagination li { background: none; margin: 0; padding: 0; line-height: 1.35em;} #content table {border-left: 1px solid #ccc;border-top: 1px solid #ccc;margin: 0 0 15px 0;} #content table th {background:#eee;padding:2px 10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} #content table td {padding:2px 10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} #content .mission {position:absolute; top:-135px;color:#fff;width:360px;left:20px;z-index:10px;} #content .mission h3 {font-size:14px;margin:0 0 5px 0;} #content .mission h4 {font-size:11px;margin:0;} /*sidebar*/ #sidebar { float: right; width: 190px; margin:1px 0 0 0;} /*footer*/ #footer { font:normal 10px/10px verdana!important;border-top: 1px solid #ccc; clear: both; height: 15px;margin-bottom: 10px; padding: 20px 0 20px 230px; } #footer p { color: #222; float: left; margin: 0; padding: 0; width: 50%;display:none; } #footer ul {} #footer li { } #footer h4 {font:bold 10px/10px verdana!important;} #footer a:link, #footer a:visited{ color: #222; text-decoration:none;} #footer .name {float: left; margin: 0 0 0 0;padding:0;} #footer .address {display:none;} #footer .phone {display:none;} #footer .siteurl { display:none;} #footer .contactLink {float: left; text-align:right; margin: 0px 0 0 10px;padding: 0 0 0 10px;text-align:right;border-left:1px solid #ccc;} #footer .contactLink a:link, #footer .contactLink a:visited{ text-decoration:underline;} #footer .developer {display:none; } /*------------------------------------------------- HOME -------------------------------------------------*/ #sidebar h2.title {display:none;} #sidebar .news {margin:0 0 20px 0;} #sidebar .news .header {line-height:normal;margin:0;font: bold 15px georgia;padding:5px 0;border-bottom:1px solid #ccc;} #sidebar .news .title {display:block;line-height:normal;margin:0;font: normal 11px verdana;} #sidebar .news .title a {display:block;padding:5px 0;border-bottom:1px solid #ddd;} #sidebar .news .title a:link, #sidebar .news .title a:visited {color:#1D659F; text-decoration:none;background:#fff;} #sidebar .news .title a:hover, #sidebar .news .title a:active {color:#000; text-decoration:none;background:#BFE2FF;} #sidebar .news .message {display:none;} #sidebar .news .dates {display:none;} #sidebar .news .linkToAll {margin:5px;text-align:right;font: normal 10px verdana;} #sidebar .news .linkToAll a:link, #sidebar .news .linkToAll a:visited {color:#000; text-decoration:underline;} #sidebar .news .linkToAll a:hover, #sidebar .news .linkToAll a:active {color:#000; text-decoration:none;background:#BFE2FF;} #sidebar .events {margin: 0 0 20px 0;} #sidebar .events .header {line-height:normal;margin:0;font: bold 15px georgia;padding:5px 0;border-bottom:1px solid #ccc;} #sidebar .events .title {display:block;line-height:normal;margin:0;padding: 5px 0 0px 0;font: normal 11px verdana;} #sidebar .events .title a {display:block;padding:0px 0;} #sidebar .events .title a:link, #sidebar .events .title a:visited {color:#1D659F; text-decoration:none;background:#fff;} #sidebar .events .title a:hover, #sidebar .events .title a:active {color:#000; text-decoration:none;background:#BFE2FF;} #sidebar .events .message {display:none;} #sidebar .events .dates {font: normal 10px verdana;border-bottom:1px solid #ddd;padding: 0 0 5px 0;} #sidebar .events .linkToAll {margin:5px;text-align:right;font: normal 10px verdana;} #sidebar .events .linkToAll a:link, #sidebar .events .linkToAll a:visited {color:#000; text-decoration:underline;} #sidebar .events .linkToAll a:hover, #sidebar .events .linkToAll a:active {color:#000; text-decoration:none;background:#BFE2FF;} #sidebar .photos {margin:0 0 20px 0;} #sidebar .photos .header {line-height:normal;margin:0 0 5px 0;font: bold 15px georgia;padding:5px 0;border-bottom:1px solid #ccc;} #sidebar .photos .item a {font: normal 9px/9px verdana; float:left; width:180px; margin: 0 10px 10px 0;padding: 5px;overflow:hidden; background:#fff;border-bottom:2px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;} #sidebar .photos .item a:link, #sidebar .photos .item a:visited {text-decoration:none;} #sidebar .photos .item a:hover, #sidebar .photos .item a:active {background:lightblue;text-decoration:none;} #sidebar .photos .toc {display:none;} #sidebar .photos .prev {float:left;font: normal 10px verdana;text-align:center;} #sidebar .photos .next {float:right;font: normal 10px verdana;text-align:center;} .home #sidebar .photos { position:relative; overflow:hidden; width:192px; height:150px; } .home #sidebar .photos .item { background:#111;text-align:center;visibility: hidden; position: absolute; left: 0; top: 27px; width: 192px; height: 104px;overflow:hidden; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;} .home #sidebar .recent .sliderpagination { position: absolute; left: 0; bottom: 0; width: 192px; } #sidebar .photos .sliderpagination a:link, #sidebar .photos .sliderpagination a:visited {color:#000; text-decoration:underline;} #sidebar .photos .sliderpagination a:hover, #sidebar .photos .sliderpagination a:active {color:#000; text-decoration:none;background:#BFE2FF;} #sidebar .photos .linkToAll {margin:0;text-align:right;font: normal 10px verdana;text-align:center;position: absolute; left: 29px; bottom: 0; width: 150px;} #sidebar .photos .linkToAll a:link, #sidebar .photos .linkToAll a:visited {color:#000; text-decoration:underline;} #sidebar .photos .linkToAll a:hover, #sidebar .photos .linkToAll a:active {color:#000; text-decoration:none;background:#BFE2FF;} #sidebar .attn {margin:0 0 5px 0;} #sidebar .attn h2 {line-height:normal;margin:0 0 5px 0;font: bold 15px georgia;padding:5px 0;border-bottom:1px solid #ccc;} #sidebar .attn p {display:block;line-height:normal;margin:0 0 5px 0;font: normal 11px verdana;} /*------------------------------------------------- NEWS -------------------------------------------------*/ .news #header { background: #000 url(images/header-news.jpg) top left;} .news #content {width:710px;} .news #content h2.title { margin: 0 0 0px 0;padding:0 0 0px 0;} .news #content .item { padding:19px 0 20px; margin:0;width:707px;float:left;border-bottom:1px solid #ccc;} .news #content .item h3.title {float:left; border-right:1px solid #ccc; font: bold 14px/14px Arial, helvetica, sans-serif;letter-spacing:normal;text-transform:capitalize;margin:0 10px 0 0;padding:0 10px 0 0;} .news #content .item p.dates { float:left;margin:0 10px 0 0;padding:0 10px 0 0;color:#555;line-height:13px;} .news #content .item p.dates .daysaway {} .news #content .item .message { display:none;} .news #content .pagination {padding:20px 0 0 0;clear:both;} .news #content.detail .item .message { clear:both;padding:10px 0;display:block;} .news #content.detail .item .dates { font-weight:bold;} .news #content .item.current {} .news #content .item.current p.dates {} .news #content .item.current .daysaway {color:green; font-weight:bold;} .news #content .item.past {background-color:;} .news #content .item.past .daysaway {color:red;} .news #content .item.upcoming {background-color:;} .news #sidebar {display:none;} /*------------------------------------------------- EVENTS -------------------------------------------------*/ .events #header { background: #000 url(images/header-fireworks.jpg) bottom left;} .events #content {width:710px;} .events #content h2.title { margin: 0 0 0px 0;padding:0 0 0px 0;} .events #content .item { padding:19px 0 20px; margin:0;width:707px;float:left;border-bottom:1px solid #ccc;} .events #content .item h3.title {float:left; border-right:1px solid #ccc; font: bold 14px/14px Arial, helvetica, sans-serif;letter-spacing:normal;text-transform:capitalize;margin:0 10px 0 0;padding:0 10px 0 0;} .events #content .item p.dates { float:left;margin:0 10px 0 0;padding:0 10px 0 0;color:#555;line-height:13px;} .events #content .item p.dates .daysaway {} .events #content .item .message { display:none;} .events #content .pagination {padding:20px 0 0 0;clear:both;} .events #content.detail .item .message { clear:both;padding:10px 0;display:block;} .events #content.detail .item .dates { font-weight:bold;} .events #content .item.current {} .events #content .item.current p.dates {} .events #content .item.current .daysaway {color:green; font-weight:bold;} .events #content .item.past {background-color:;} .events #content .item.past .daysaway {color:red;} .events #content .item.upcoming {background-color:;} .events #sidebar {display:none;} /*------------------------------------------------- MEMBERS -------------------------------------------------*/ .members #header { background: url(images/header-members.jpg) bottom left;} .members #content {width:710px;} .members #content h2.title { color: #6C8102; font: normal 25px Georgia, verdana, arial, helvetica, sans-serif; margin: 0 0 5px 0;padding:0 0 0px 0;border-bottom:1px solid #ccc;} .members #content form.categories {margin:0; padding:0 0 0 10px;position:absolute;top:4px;left:225px;border-left:1px solid #ccc;} .members #content form.categories select {width:auto;width:200px;} .members #content form.search { position:absolute;top:4px;right:0px;padding:0;width: 255px;} .members #content form.search * { float: none; margin: 0; padding: 0; } .members #content form.search label { font-weight: bold; letter-spacing: -0.08em; } .members #content form.search input { width: 175px; margin:0;} .members #content form.search input.button {margin:0; width:auto;font-weight:bold;} .members #content .membersList {clear:both;margin:10px 10px 100px;float:left;width:90%;font: bold 13px/19px georgia;} .members #content .vcard {background:#fff;clear:both;float:left;width:99%;border-bottom:1px solid #dedede;margin:0 0 15px 0;} .members #content .vcard .org {margin:15px;} .members #content .vcard .adr {text-transform:uppercase;font-size:11px;margin:0 15px 15px; font-weight:bold;} .members #content .vcard .adr .street-address {display:block;} .members #content .vcard .adr .locality {} .members #content .vcard .adr .region {} .members #content .vcard .adr .postal-code {} .members #content .vcard .adr .country-name {display:block;} .members #content .vcard ul.contact {font-size:11px;margin:0 20px 15px; font-weight:bold;} .members #content .vcard ul.contact li {margin:0;padding:0;background:none;} .members #content .vcard ul.contact .tel {} .members #content .vcard ul.contact .email {} .members #content .vcard ul.contact .url {} .members #content .vcard ul.contact .type {display:none;} .members #content .vcard ul.contact .type#fax {display:inline;} .members #content .vcard .description { font-size: 11px;margin: 0 15px 15px;clear:both;} .members #content .loginForm {padding:10px;margin:0 0 10px 0;background:#eee;width:300px;} .members #content .loginForm legend {display:none;} .members #content .loginForm fieldset {background:none;margin:0;padding:0;border:0;} .members #content .loginForm fieldset dd {margin:0 0 10px 0;} .members #content .loginForm fieldset dd input {width:98%;} .members #content .loginForm p{margin:0 0 0px 0;padding:0;} .members #content .loginForm .remember input {display: inline;} .members #content .loginForm input#btn_login {display: inline;margin:10px 5px 0 0;} .members #content .loginForm #reminder { background:lightyellow; padding:10px;} .members #content .loginForm #reminder p {margin:0px;} .members #content .loginForm #reminder input#btn_email {display: inline;margin:10px 5px 0 0;width:100px;} .members #content .loginForm #reminder dd a:link, .members #content .loginForm #reminder dd a:visited {color:red;} .members #content .loginForm #reminder dd a:hover, .members #content .loginForm #reminder dd a:active {color:white;background:red;text-decoration:none;} .members #content #alert {margin:0;padding: 10px;background: red; color:white;width:50%;} .members #content #alert a:link, .members #content #alert a:visited {color:white;} .members #content #alert a:hover, .members #content #alert a:active {color:red;background:white;text-decoration:none;} .members .pagination {display:none;} .members #content.detail .pagination {display:block;} .members #sidebar {display:none;} /*------------------------------------------------- JOBS -------------------------------------------------*/ .jobs #header { background-image: url(images/events_photo.jpg);} .jobs #content {width:710px;} .jobs #content .item { background: url(images/events_bullet.jpg) no-repeat 0 14px;padding:19px 5% 20px; margin:0;width:89%;float:left;border-bottom:1px solid #ccc;} .jobs #content .item h3.title {float:left; border-right:1px solid #ccc; font: bold 14px/14px Arial, helvetica, sans-serif;letter-spacing:normal;text-transform:capitalize;margin:0 10px 0 0;padding:0 10px 0 0;} .jobs #content .item p.dates { float:left;margin:0 10px 0 0;padding:0 10px 0 0;color:#555;/*font-weight:bold;*/} /*.jobs #content .item p.dates .daysaway { font-weight:normal;}*/ .jobs #content .item .message { display:none;} .jobs #content .pagination {padding:20px 0 0 0;clear:both;} .jobs #content .item .message { clear:both;padding:10px 0;display:block;} .jobs #content .item h4 { clear:both;padding:0;display:block;font-size:10px;margin:0;} .jobs #content .item.current {} .jobs #content .item.current p.dates { font-weight:bold;} .jobs #content .item.current .daysaway {color:green;} .jobs #content .item.past {background-color:;/*filter: alpha(opacity=50); khtml-opacity: 0.5; moz-opacity: 0.5; opacity: 0.5;*/} .jobs #content .item.past .daysaway {color:red;} .jobs #content .item.upcoming {background-color:;} .jobs #content .search { position:absolute;top:0px;right:0px;padding:0;width: 318px; } .jobs #content .search * { float: none; margin: 0; padding: 0; } .jobs #content .search form input { width: 175px; margin:0 14px 0 0;} .jobs #content .search form input.button { width: auto;margin:0; width:120px;font-weight:bold;} .jobs #content .search form label { font-weight: bold; letter-spacing: -0.08em; } .jobs #content .search a { color: #fff; } .jobs #content .browse #job_categories { float: left; line-height: 1; width: 14em; position:absolute; top:15px;left:250px;display:none; } .jobs #content .browse #job_categories li { background: transparent; float: left; width: 14em; } .jobs #content .browse #job_categories li a { background: url(images/but_arrow_down.gif) no-repeat 135px 4px; color: #000; display: block; font-weight: bold; letter-spacing: -0.08em; padding: .35em .5em 1em .5em; text-decoration: none; width: 12.5em; } .jobs #content .browse #job_categories li li a { background: #fff; color: #000; display: block; font-weight: normal; padding: .35em .5em; text-decoration: underline; width: 12.5em; } .jobs #content .browse #job_categories li li a:hover { text-decoration: none; } .jobs #content .browse #job_categories li li a.selected { background: #DFE5FF; font-weight: bold; text-decoration: none; } .jobs #content .browse #job_categories li ul { background: #fff; border: solid #000; border-width: 0 .25em .25em; font-size: 12px; left: -999em; line-height: 1; position: absolute; width: 13.5em; } .jobs #content .browse #job_categories li:hover ul, .jobs #content .browse #job_categories li.sfhover ul { left: auto; } .jobs #content .browse #job_categories li ul a:hover { background: #DFE5FF; color: #000; } .jobs form.categories { position:absolute; top:15px;left:250px;} .jobs form.categories label { font: bold 12px/12px arial, verdana, helvetica, sans-serif; } .jobs form.categories label select { display: inline; font-size: 11px; font-weight: bold; width: auto; } .jobs form.categories label select option { color: blue; } /*------------------------------------------------- MEMBERSHIP -------------------------------------------------*/ .membership #sidebar h2 {line-height:normal;margin:0;font: bold 15px georgia;padding:5px 0;border-bottom:1px solid #ccc;} .membership #sidebar p {line-height:normal;margin:0;font: normal 11px verdana;padding:5px 0;border-bottom:0px solid #ccc;} /*------------------------------------------------- CONTACT -------------------------------------------------*/ .contact #header { background: #000 url(images/header-map.jpg) center right;} .contact #sidebar h3 { font: bold 15px georgia;letter-spacing:0.05em;} .contact #sidebar h4 { font: bold 12px/12px verdana; color: green;margin: 0 0 5px 0;border-top:1px solid #ccc;padding:10px 0 0 0} .contact #sidebar p { font: normal 11px Verdana; margin:0 0 10px 0; } .contact #sidebar p em {display:block; margin: 3px 0 0 0;} .contact form {clear:both;border:none;background:#ddd;padding:10px;margin:0;} .contact form h3 {clear:both;border:none;} .contact form fieldset {clear:both;border:none;background:#fff;padding:0;margin:0;} /*------------------------------------------------- Photos -------------------------------------------------*/ .photos #header { background: #000 url(images/header-fort.jpg) center right;} .photos #content {width:710px;} .photos #content .search {display:none;} .photos #content .photo_categories {display:none;} .photos #content .browse {display:none;} .photos #content form.categories {margin:0; padding:0 0 0 10px;position:absolute;top:4px;left:90px;border-left:1px solid #ccc;} .photos #content form.categories select {width:auto;width:200px;} .photos #content a {font: normal 9px/9px verdana; float:left; width:200px; margin: 0 10px 10px 0;padding: 5px;overflow:hidden; background:#fff;border-bottom:2px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;} .photos #content a:link, .photos #content a:visited {text-decoration:none;} .photos #content a:hover, .photos #content a:active {background:lightblue;text-decoration:none;} .photos #content a .title, .photos #content a .description {display:none;} .photos #content a img {border:none;width:100%;} /*------------------------------------------------- LINKS -------------------------------------------------*/ .page.links #header { background: #000 url(images/header-path.jpg) bottom right;} .page.links #content {width:710px;} /*------------------------------------------------- PRINT -------------------------------------------------*/ @media print { #sidebar { display:none; } #content { float: none; width:90%; } } @import 'forms.css';