/* Stylesheet for Deschutes Children's Foundation */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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,
caption {
  margin:0;
  padding:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  border:0;
}

header, footer, section, nav, article {display:block;}
html#html {width:100%; height:100%; margin:0; padding:0;}
body {font:normal normal 12px Trebuchet MS, sans-serif; color:#444;}
body.pixelsilk {min-width:1006px; text-align:center; margin:0; padding:0; background-color:#d6d5d3;}

.spriteTheme {background-image:url('/dcf-sprite-theme.png'); background-repeat:no-repeat;}
.spriteHorz {background-image:url('/dcf-sprite-horz.png'); background-repeat:repeat-x;}

.inner {position:relative; z-index:1; width:1006px; margin:0 auto; text-align:left;}

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

a, a:link, a:visited {color:#96082a; text-decoration:underline;}
a:active, a:hover, a:focus {color:#96082a;}
a[name] {color:#000; text-decoration:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0 0 10px; padding:0; color:#610821;}
h1 {font-size:20px; font-weight:normal;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12;}
h5 {font-size:10px;}

/* Header Styles */
#header {position:relative; z-index:1; height:155px; background-color:#63041f; background-position:0 0;}
#header .inner {height:155px;}
.logo {position:absolute; top:8px; left:19px; z-index:1;}
.headContact {position:absolute; top:0; right:15px; z-index:1; width:285px; height:60px;}
.headContact span {display:block; font-family:Lucida Sans Unicode; color:#fff;}
.headContact span.head {color:#dcd0a4; font-size:16px; font-variant:small-caps;}
.headContact span.phone-number {font-size:24px;}
.headContact .corner {position:absolute; z-index:1; width:10px; height:10px; display:block;}
.headContact .bl {bottom:0; left:0; background-position:-80px -10px;}
.headContact .br {bottom:0; right:0; background-position:-90px -10px;}

#header .fbLike {position:absolute; top:10px; right:0; width:80px; height:23px; display:block;}

.social {position:absolute; bottom:20px; right:0; z-index:1; height:29px; line-height:29px; color:#fff; font-size:16px;}
.social a.socialLink {width:28px; height:29px; display:inline-block; vertical-align:middle;}
.social a.socialLink.youtube {margin:0 0 0 10px; background-position:0 -40px;}
.social a.socialLink.facebook {background-position:-34px -40px;}
.social a.socialLink.twitter {background-position:-67px -40px;}

/* Menu Styles */
#nav {
  position:relative;
  z-index:1000;
  margin:0;
  padding:0;
  text-align:center;
  list-style:none;
  line-height:41px;
  height:41px;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #fff;
  background-color:#615c52;
  background-position:0 -155px;
}

#nav ul {position:relative; z-index:1000; width:1006px; height:41px; margin:0 auto; padding:0; list-style:none; border-left:solid 1px #fff;}
#nav li {position:relative; z-index:1000;}
#nav > ul > li {float:left; display:inline; margin:0; position:relative; z-index:1000; border-right:solid 1px #fff;}

#nav li a, #nav li a:link, #nav li a:visited {display:block; color:#fff; font-size:16px; text-decoration:none; padding:0 10px;}
#nav>ul>li.over>a, #nav>ul>li.over>a:link, #nav>ul>li.over>a:visited, #nav>ul>li.current>a, #nav>ul>li>a:active, #nav>ul>li>a:hover, #nav>ul>li>a:focus {background-color:#610821;}

/* Sub Navigation */
#nav ul ul {text-align:left; display:none; list-style:none; padding:0; line-height:18px; position:absolute; top:41px; left:0; z-index:1000; width:275px; height:auto; border:0; background-color:#610821;}
#nav ul ul li {border-bottom:solid 1px #fff;}
#nav ul ul li a:active, #nav ul ul li a:hover, #nav ul ul li a:focus {background-color:#706b62;}
#nav ul ul li:last-child {border-bottom:0px;}
#nav ul ul li a, #nav ul ul li a:link, #nav ul ul li a:visited {padding:5px 15px; display:block;}
#nav ul ul ul {margin:0; top:0; left:275px;}

span.menu-sub-indicator {float:right; display:block; line-height:20px; width:9px; height:100%; margin:0 2px 0 10px;}

/* Content Area / Column Styles */
#contentArea {width:1006px; margin:0 auto; min-height:100px; text-align:left; background-color:#fff;}
#mainColumn {float:left; display:block; margin:0; padding:20px; width:690px; min-height:100px; background-color:#fff;}
#column2 {float:left; display:block; width:255px; margin:0; padding:20px 0;}
#column2 img {margin:0 !important; border:solid 1px #fff; box-shadow:0 0 2px rgba(0,0,0,0.45);}

/* Homepage-specific styles */
body.home #mainColumn {width:590px;}
body.home #column2 {width:335px; padding:20px;}

#homeContent {margin:0 2px;}
#homeCol1 {width:633px; float:left; display:block; min-height:100px;}
#homeCol2 {width:367px; float:left; dipslay:block; margin:0 0 0 2px; min-height:100px;}

#homeSlides {position:relative; z-index:1;}

#slides {margin:0; padding:0; list-style:none; width:633px; height:345px; position:relative; z-index:1;}
#slides li {
  width:633px;
  height:345px;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  left:0;
}

#slides>li>img {position:absolute; top:0; left:0; z-index:2;}
#slides>li>.slideText {
  position:absolute;
  bottom:0;
  left:0;
  z-index:3;
  width:633px;
  height:102px;
  background-position:0 -196px;
}

#slides h2 {position:absolute; top:20px; left:25px; z-index:4; margin:0; padding:0; color:#fff; font-size:25px; width:380px; height:80px; font-weight:normal;}
#slides a {position:absolute; top:50px; right:27px; z-index:4; width:118px; height:37px; overflow:hidden; line-height:37px; display:block; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; text-decoration:none;}
#slides a span.arrow {width:30px; height:30px; vertical-align:middle; display:inline-block; margin:0 0 0 5px; background-position:-220px -91px;}

.slidePager {margin:2px 0;}
.slidePager a {position:relative; z-index:1; text-align:center; float:left; display:block; width:209px; height:117px; margin:0 1px;}
.slidePager div.imgOverlay {position:absolute; top:0; left:0; z-index:34; width:202px; height:111px;}
.slidePager a img {position:absolute; top:0; left:0; z-index:2;}
.slidePager a.current div.imgOverlay {border:solid 3px #f3ad36;}

/* Home Donation Box */
.donationCTA {height:125px; text-align:center; color:#fff; margin:0 -20px 10px 0; font-family:Verdana, Geneva, sans-serif; background-position:0 -298px; background-color:#65873f;}
#homeContent .donationCTA {margin:0;}
.donationCTA p {display:block; font-size:20px; margin:0; padding:15px 0 0;}
.donationCTA span {display:block; font-size:12px; margin:0;}
.donationCTA a, .donationCTA a:link, .donationCTA a:visited {margin:10px auto; width:118px; height:37px; line-height:37px; display:inline-block; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; text-decoration:none; font-family:Trebuchet MS, sans-serif;}

#homeContent .content {margin:2px 0 0;}

.newsletterSignup {text-align:center; height:107px; color:#6e6960; margin:17px -20px 0 0; background-position:0 -424px; background-color:#fff;}
#homeContent .newsletterSignup {margin:17px 0 0;}
.newsletterSignup h3 {color:#6e6960; font-weight:normal; font-size:16px; margin:0; padding:10px 0;}
.newsletterSignup label {display:inline-block; font-size:16px; height:23px; vertical-align:middle;}
.newsletterSignup input[type=text] {display:inline-block; width:161px; height:18px; margin:0; padding:2px 5px; vertical-align:middle; border:solid 1px #c8beb9;}
.newsletterSignup input[type=submit] {display:inline-block; width:45px; height:23px; border:solid 0px #fff; vertical-align:middle; background-position:-119px 0;}

/* Site Search Styles */
.search {text-align:center; min-height:25px; color:#6e6960; margin:0 -20px 0 0; padding:0 0 10px 0; background-color:#fff;}
.search .txtSearch {display:inline-block; width:200px; height:18px; margin:0; padding:2px 5px; vertical-align:middle; border:solid 1px #c8beb9;}
.search .btnSearch {display:inline-block; width:45px; height:23px; border:solid 0px #fff; vertical-align:middle; background-position:-119px 0;}
body.home .search .txtSearch {width:250px;}

/* Event calendar styles */
.calendarList {}
.calendarListItems {}
.calendarListItems h3 {margin:0; padding:0;}
.calendarListItems h3 a {}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {margin:0 0 10px; font-style:italic;}
#eventStartTime {display:none;}
#calendarEndDate {display:none;}
#eventEndDate, #eventEndTime {display:none;}
#calendarImage {float:right; margin:0 0 10px 20px;}
.calendarPicker {position:relative; margin:0 0 20px;}

/* Photo gallery styles */
#photoItems {margin:20px 0 10px;}
.photoItem {float:left; margin:0 25px 15px 0; width:135px; 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;}

/* Generic List Section Styles */
.listItems {margin:0; padding:0; list-style:none;}
.listItems .item {display:block; clear:both; padding:10px 0; border-bottom:solid 1px #ddd;}
.listItems .item:last-child {border-bottom:0px;}

/* Staff Section Styles */
ul.listItems.staff {}
ul.listItems.staff li.item {position:relative; z-index:1; clear:none; float:left; display:block; width:150px; height:200px; margin:0 25px 20px 0; border:none;}
ul.listItems.staff li.item h2 {margin:0; padding:0 10px; color:#fff;}
ul.listItems.staff li.item h3 {margin:0; padding:0 10px; color:#fff; font-size:14px;}
ul.listItems.staff li.item:nth-child(4n+4) {margin:0;}

ul.listItems.staff li.item a, ul.listItems.staff li.item a:link, ul.listItems.staff li.item a:visited {text-decoration:none;}
ul.listItems.staff .listItemImage {position:absolute; top:0; left:0; z-index:1;}
ul.listItems.staff div.data {position:absolute; bottom:0; left:0; z-index:2; width:150px; /*height:50px;*/ min-height:50px; background-position:0 -196px;}

/* Pagination */
.pagination {display:block; margin:5px 0 25px; text-align:right; height:18px;}
.pagination ul {list-style:none; margin:0; padding:0;}
.pagination ul li {margin:0 0 0 3px; padding:0; font-size:11px; display:inline-block; min-width:10px; height:18px;}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {display:inline-block; font-size:11px; padding:0 3px; line-height:18px; height:18px; text-decoration:none; border:solid 1px #cdcead; vertical-align:top;}
.pagination ul li a:hover, .pagination ul li a:active {display:inline-block; font-size:11px; padding:0 3px; line-height:18px; height:18px; text-decoration:none; font-weight:bold; background:#f6f7e1;}
.pagination ul li.current span {display:inline-block; padding:0 3px; font-size:11px; line-height:18px; height:18px; font-weight:bold; border:solid 1px #cdcead; background:#f6f7e1; vertical-align:top;}

.pagination ul li.previous a, .pagination ul li.previous a:link, .pagination ul li.previous a:visited {display:inline-block; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold;}
.pagination ul li.previous a:hover, .pagination ul li.previous a:active {font-family:Tahoma, Geneva, sans-serif; font-size:16px;}

.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;font-weight:bold;}
.pagination ul li.next a:hover, .pagination ul li.next a:active {font-family:Tahoma, Geneva, sans-serif; font-size:16px;}

/* Footer Styles */
#footer {color:#fff; font-size:12px; height:145px; background-color:#610821;}
#footer .inner {position:relative; z-index:1; height:145px;}
#footer p {margin:0; padding:0; font-size:12px; color:#fff;}
#footer a, #footer a:link, #footer a:visited {font-size:14px; color:#fdba31;}

#footer .addressBlock {width:auto; height:100px; float:left; display:block; margin:20px; padding:0 35px 0 0; border-right:solid 1px #7b0826;}
#footer .addressBlock.last {border-right:0;}

/* Smart Solutions link Styles */
a#smartzLink, a#smartzLink:link, a#smartzLink:visited {position:absolute; bottom:-25px; right:15px; z-index:10; color:#6b665d; font-size:10px; font-family:Trebuchet MS, sans-serif; text-decoration:none;}
a#smartzLink img {vertical-align:middle;}

/* General form styles */
.editForm div {clear:both; margin:0 0 5px;}
.editForm label {float:left; margin:0 10px 0 0; width:30%;}
.editForm span {float:left; width:65%;}
.editForm span label {float:none;}
.editForm span span {float:none;}
.editForm span input[type=text] {width:60%;}
.editForm span input[type=text].hasDatepicker {width:75px;}
.editForm span img {max-width:120px; max-height:120px;}
.required {font-weight:bold;}
.editForm textarea {width:100%; height:150px;}
.editForm fieldset {clear:both; float:left; margin:0 0 10px 0; width:100%; height:300px; border:1px #ccc solid;}
.editForm fieldset .inner {padding:5px 10px 0 10px !important; height:273px; overflow:auto;}
.editForm legend {margin:0 0 0 10px;}

.contactForm input[type=text], .contactForm textarea {border:solid 1px #ccc;}
.contactForm input[type=text]:active, .contactForm input[type=text]:focus, .contactForm textarea:active, .contactForm textarea:focus {border:solid 1px #bbb; box-shadow:0 0 3px rgba(0,0,0,0.25);}

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

/* Misc Styles */
.clear {clear:both;}
.marginFix {height:0px; line-height:0; overflow:hidden; background:transparent;} /* This is used to "fix" the collapsing top and bottom margin issue with nested DIVs (Not a bug!). */
.replaceVideo {display:block; margin:10px 0;}
.listItemImage {float:left; display:inline; margin:0 10px 10px 0;}
.imgAlignLeft {float:left; margin:0 10px 10px 0;}
.imgAlignRight {float:right; margin:0 0 10px 10px;}
.alignRight {float:right;}
p.columnThirds {vertical-align:top; display:inline-block; width:30%; margin:0; padding:10px 2% 10px 0;}
.hidden {display:none;}
.divAddControl {margin:25px 0 0 0;}
.divEditDeleteControls {margin:25px 0 0 0;}
.errorMsg, .error {color:#cc0000;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position:center 33%;}
label.error {margin:0 0 0 5px; color:#cc0000;}
#cse-search-results iframe {width:600px;}
a[title="Insert Table"] {display:none !important; visibility:hidden !important;}??