/* Stylesheet - Volunteer Connect */
html, body, div, span, applet, object, iframe,
p, 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, b, u, i, center,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

/* * { font-size:1em; font-family: inherit; } */
:focus {outline:none;}

html, body {height: 100%;}
body {font: 12px/18px /*Trebuchet MS, Helvetica,*/ Tahoma, Geneva, sans-serif; color: #402E00;}
body.pixelsilk {text-align:center; background: #FFFCD6; border: 0;}

p {margin: 0 0 0.75em 0;}
a img {border: 0;}
hr {height: 1px; color: #ddd; background-color: #ddd; border: 0;}
object {outline: none;}
sub {font-size: 10px; vertical-align: sub;}
sup {font-size: 10px; vertical-align: super;}

a, a:link, a:visited {color: #8A1F03; text-decoration: underline; outline: none;}
a:active, a:hover, a:focus {color: #8A1F03; text-decoration: underline; outline: none;}
a[name] {color: #402E00; text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 10px 0; font-weight: bold; color: #8A1F03;}
h1 {font-size: 20px;} /* 2em */
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}

/* Image alignment/spacing classes */
img.alignleft {margin: 5px 20px 20px 0; float: left;}
img.alignright {margin: 5px 0 20px 20px; float: right;}

#theme {position: relative; margin: 0 auto; text-align: left; width: 800px; z-index: 1; /*min-height: 235px; height: auto !important; height: 100%; min-height: 100%;*/}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 727px; height: 163px; z-index: 100;}
#logo {position: absolute; left: 2px; top: 0; width: 254px; height: 106px; z-index: 200;}
#centralOregonBug {position: absolute; left: -36px; top: 0px; width: 30px; height: 140px; z-index: 200;}

#headerMenu {position: absolute; left: 260px; top: 65px; width: 310px; height: 12px; z-index: 200; font-size: 10px; color: #8A1F03; font-weight: bold; line-height: 12px; text-align: right; font-family: Arial, Helvetica, sans-serif; white-space: nowrap;}
#headerMenu a, #headerMenu a:link, #headerMenu a:visited {font-size: 10px; color: #8A1F03; font-weight: bold; line-height: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
#headerMenu a:hover, #headerMenu a:active {font-size: 10px; color: #8A1F03; font-weight: bold; line-height: 12px; text-decoration: underline;}

/* Search box/form */
#search {position: absolute; right: 0; top: 57px; width: 153px; height: 20px; z-index: 200;}
.txtSearch {position: absolute; left: 0; top: 0; width: 133px; margin: 0; padding: 4px 0 0 1px !important; height: 14px; font-size: 11px; color: #999; line-height: 12px; border: solid 1px #c2c1c2; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 137px; top: 0; width: 20px; height: 20px;}

/* Menu styles */
#siteMenu {position: absolute; left: 0; top: 121px; width: 100%; height: 26px; z-index: 100;}
ul#Menu {list-style: none; margin: 0; padding: 0;}
ul#Menu li {display: inline; float: left; position: relative; height: 26px; line-height: 26px;}
ul#Menu li a, ul#Menu li a:link, ul#Menu li a:visited {display: block; padding: 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 26px; line-height: 26px; color: #361F10; text-decoration: none;}
ul#Menu li a:hover, ul#Menu li a:active {display: block; padding: 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 26px; line-height: 26px; color: #8A1F03; font-weight: bold; text-decoration: none; background: #B1AB9B;}
ul#Menu li.current a, ul#Menu li.currentFade a {color: #8A1F03; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; background: #B1AB9B;}
ul#Menu li.separator {width: 10px;}

div#subNavigation {display: none;}

/* Submenu styles */
ul#Menu li ul {display: none; position:absolute; left: 0; top: 26px; list-style: none; margin:0; padding:3px 0 10px 5px; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ background: #B1AB9B;}
ul#Menu li ul * {list-style-position:outside;}
ul#Menu li ul li {position:relative; height: auto; margin:0; padding:0; width: auto; min-width:200px;}
ul#Menu li ul li a, ul#Menu li ul li a:link, ul#Menu li ul li a:visited {display:block; padding: 0 5px; height:auto; line-height: 24px; color:#503427/*#fff*/; font-size: 12px; font-weight: normal; text-decoration: none; white-space: nowrap; text-align: left;}
ul#Menu li ul li a:hover, ul#Menu li ul li a:active, ul#Menu li ul li a:focus {color: #503427/*#fff*/; font-weight: normal; text-decoration: underline; background: #B1AB9B;}
ul#Menu li ul li.separator {padding: 0; color: #fff; height: 1px; width: 180px; background: #fff;}

ul#Menu li ul li ul {position:absolute; top:0; left:200px; width: auto; min-width: 200px; /* Match UL width above */}
ul#Menu li ul li ul li {}
ul#Menu li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}
img.arrow {padding-left: 4px; background: url('/main-sub-indicator.gif') no-repeat 4px 0;}
li.current img.arrow, li.currentFade img.arrow {padding-left: 4px; background: url('/main-sub-indicator-over.gif') no-repeat 4px 0;}

/* Breadcrumb styles */
#breadcrumbs {position: absolute; left: 0; bottom: 0; width: auto; height: 15px; font-size: 9px; line-height: 14px; color: #402E00; z-index: 50;}
#breadcrumbs a {padding: 0 5px; font-size: 9px; line-height: 14px; color: #402E00; text-decoration: none;}
#breadcrumbs a:hover, #breadcrumbs a:active {padding: 0 5px; font-size: 9px; line-height: 14px; color: #402E00; text-decoration: underline;}

/* Main content area styles */
#content {position: relative; margin: 0 auto; padding: 0; width: 727px; text-align: left; background: #fff; z-index: 1;}

#column1 {float: left; display: inline; margin: 10px 0 10px 15px; width: 511px;} /*541px*/
#column2 {float: left; display: inline; position: relative; margin: 0 0 0 15px; width: 186px;}

#column2 #subHead {position: absolute; left: 0; top: 0; width: 217px; height: 67px; background: #503427; z-index: 10;}
#subHead .inner {padding: 22px 15px 0 15px; color: #fff; font-size: 18px; line-height: 20px; font-weight: 100; letter-spacing: 2px; /*font-family: Trebuchet MS, Helvetica, sans-serif;*/}

#column2 #subMenu {position: relative; margin: 67px 0 0;}
#subMenu .inner {padding: 10px 12px;}
#subMenu ul {list-style: none; margin: 0; padding: 0;}
#subMenu ul li {margin: 0; padding: 0; line-height: 16px;}
#subMenu ul li a {font-size: 11px; line-height: 16px; font-weight: bold;}
#subMenu ul li img {vertical-align: baseline;}

/* Homepage-specific styles */
body.home #content {background: #FFFCD6;}
body.home #column1 {margin: 0; width: 100%; position: relative;}

#homeRollovers {position: relative; width: 100%; height: 395px;}
#ctaNeed {position: absolute; left: 285px; top: 35px; width: 227px; height: 82px;}
#ctaFind {position: absolute; left: -8px; top: 102px; width: 309px; height: 83px;}
#ctaDonate {position: absolute; left: 578px; top: 102px; width: 136px; height: 82px;}
#ctaHappening {position: absolute; left: 285px; top: 169px; width: 309px; height: 82px;}
#ctaSignup {position: absolute; left: 103px; top: 237px; width: 198px; height: 82px;}
#ctaSponsor {position: absolute; left: 578px; top: 237px; width: 136px; height: 82px;}
#ctaExtra {position: absolute; left: 300px; top: 308px; width: 227px; height: 82px;}

#homeAboutText {position: relative; margin: 20px 0 0; font-size: 9px; line-height: 11px;}

/* IFrame-specific styles for Volunteer Solutions integration */
body.vsIframe #column1 {margin: 10px; width: 100%; position: relative;} /*707px*/

/* Footer styles */
#footer {position: relative; margin: 0 auto; text-align: left; width: 800px; height: 69px; clear: both; background: url('/footer-bg.gif') no-repeat; z-index: 10;}

#unitedWayBug {position: absolute; left: 37px; top: 16px; width: 57px; height: 39px; z-index: 20;}

#BendBroadbandBug {position: absolute; left: 160px; top: 16px; width: 57px; height: 39px; z-index: 20;}

#footerRight {position: absolute; right: 33px; top: 44px; width: auto; height: 20px; line-height: 20px; color: #000; font-size: 10px; text-align: right;}
#footerRight a, #footerRight a:link, #footerRight a:visited {line-height: 20px; color: #000; font-size: 10px; text-decoration: none;}
#footerRight a:hover, #footerRight a:active {line-height: 20px; color: #000; font-size: 10px; text-decoration: underline;}
#footerRight a.social {margin-left: 10px; text-decoration: none;}
#footerRight img {vertical-align: text-bottom;}

/* General form styles */
.formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%;}
.formField {float: left; margin: 0 0 10px 0; width: 60%;}
.nextLine {clear: both;}
.required {font-weight: bold;}
.formField > p {display: block; /*width: 49%; float: left;*/ line-height: normal; margin: 0; padding: 0; white-space: nowrap;}
textarea {width: 100%; height: 150px;}
.formButton {clear: both;}
fieldset {}
fieldset .inner {padding: 5px;}
fieldset.form {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
fieldset.form .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
legend {margin: 0 0 0 10px;}
.radioGroup span {display: block; width: 60px; float: left; line-height: normal; margin: 0; padding: 0;}

/* Contact form styles */
.contactForm {}
#DurationAmount {width: 30px;}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* Article styles */
.articleItem {clear: both; margin: 0 0 20px 0;}
.articleItemTitle {margin: 0 0 5px 0;}
.articleItemDate {font-style: italic;}
.articleItemImage {float: left; margin: 0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin: 0 0 15px 0; font-style: italic;}
#articleImage {float: left; margin: 0 20px 15px 0;}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:665px; height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width: 110px; cursor:pointer; position:relative; text-align: center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 271px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
.calendarPicker {float: right; display: block; margin: 0 0 15px 15px; width: 300px} /* Flash calendar */

/* Pagination */
.Pagination {display: block; margin: 0; text-align: right;}
.Pagination ul {list-style: none; margin: 0; padding: 0;}
.Pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.Pagination ul li a, .Pagination ul li a:link, .Pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li a:hover, .Pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.Pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}

.Pagination ul li.previous a, .Pagination ul li.previous a:link, .Pagination ul li.previous a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.previous a:hover, .Pagination ul li.previous a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none; font-weight: bold;}

.Pagination ul li.next a, .Pagination ul li.next a:link, .Pagination ul li.next a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none;}
.Pagination ul li.next a:hover, .Pagination ul li.next a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Misc styles */
.clear {clear: both;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg {color: #cc0000;}

label.error {margin: 0 0 0 5px; color: #cc0000;}
#cse-search-results iframe {width: 511px;}