/* Stylesheet - New Pixelsilk Site */
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, caption
{margin:0; padding:0; outline:0; vertical-align:baseline; background:transparent;}

header, footer, nav, article, section, aside {display:block;}

:focus {outline:none;}

html, body {height:100%;}
body {font:13px/20px omnes-pro, Arial, Helvetica, sans-serif; color:#333;}
body.pixelsilk {text-align:left; padding:0; border:0; background:#fff;}

.inner {position:relative; z-index:1; min-width:1000px; width:1000px;}

p {margin:0 0 0.75em 0;}
a img {border:0;}
hr {height:1px; color:#333; background-color:#333; 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:#693; text-decoration:none; outline:none;}
a:active, a:hover, a:focus {color:#693; text-decoration:underline; outline:none;}
a[name] {color:#000; text-decoration:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0 0 10px; font-weight:500; color:#333;}
h1 {font-size:18px; margin:0 0 25px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px;}

.themedLightGreenBox {background-color:rgba(156,197,77,0.85)}

/* Alignment/spacing classes */
.alignleft {margin:0 20px 20px 0 ! important; float:left;}
.alignright {margin:0 0 20px 20px ! important; float:right;}

.imgAlignLeft {margin:0 20px 20px 0 ! important; padding:1px; float:left;}
.imgAlignRight {margin:0 0 20px 20px ! important; padding:1px; float:right;}

.imgAlignLeft, .imgAlignRight {
    -moz-box-shadow:0 0 3px #666;
    -webkit-box-shadow:0 0 3px #666;
    -o-box-shadow:0 0 3px #666;
    box-shadow:0 0 3px #666;
}

/* Setup the Sprites */
.spriteTheme {background-image:url('/abilitree-sprite-theme.png'); background-repeat:no-repeat;}
.spriteHorz {background-image:url('/abilitree-sprite-horz.png'); background-repeat:repeat-x;}

/* Header styles */
#header {position:relative; height:470px; z-index:100; min-width:1000px; padding:0; background-position:0 -50px;}
#header .inner {margin:0 100px;}
#logo {position:absolute; left:0; top:0; z-index:1; width:520px; height:200px; display:block;}
#logo span.spriteTheme {display:block; width:238px; height:117px; margin:60px auto 0 60px; cursor:pointer; background-position:0 0;}

.sectionImage {position:absolute; top:200px; left:0; z-index:1; width:674px; height:210px;}

/* Search box/form */
#search {position:absolute; left:520px; top:130px; z-index:1; padding:0; width:322px; height:30px; border-bottom:solid 1px #ccc;}
body.home #search {top:15px;}
.txtSearch {position:absolute; left:0; top:0; width:300px; height:20px; margin:0; padding:5px 0; font-size:14px; color:#999; font-family:omnes-pro, Arial, Helvetica, sans-serif; line-height:20px; border:0; background-color:transparent;}
.btnSearch {position:absolute; right:4px; top:8px; width:14px; height:15px; line-height:15px; vertical-align:middle; font-size:10px; cursor:pointer; text-align:center; margin:0; padding:0; border:solid 0px #fff; background-color:transparent; background-color:transparent; background-position:-300px 0;}

#header div.missionStatement {position:absolute; top:81px; left:520px; z-index:1; width:322px; height:76px; background-position:-330px 0;}

body.home #header {height:530px; background-position:0 0;}

/* Social Media Icon Styles */
#header .social {position:absolute; top:135px; right:0; z-index:1;}
#header .social a, section.social a:link, section.social a:visited {color:#b3a068; font-size:10px; text-transform:uppercase;}

.socialIcon {width:19px; height:20px; display:inline-block; vertical-align:middle; margin:0;}
.socialIcon.twitter {background-position:-240px 0;}
.socialIcon.facebook {background-position:-259px 0;}
.socialIcon.youtube {background-position:-278px 0;}

.headerCTA {position:absolute; top:200px; left:520px; z-index:100; margin:0; padding:0; list-style:none; width:480px;}
.headerCTA li {position:relative; z-index:1; margin:0 0 30px; padding:0; height:150px; }
.headerCTA a, .headerCTA a:link, .headerCTA a:visited {display:block; width:94px; height:110px; padding:20px 30px; color:#fff; font-size:36px; font-weight:500; line-height:36px; text-decoration:none;}
.headerCTA a.ctaText, .headerCTA div.ctaText {position:absolute; top:0; left:154px; z-index:1; width:270px; height:80px; background-color:#693; line-height:18px; font-size: 13px;}
.headerCTA a.ctaText span {color:#fff; font-family: omnes-pro,Arial,Helvetica,sans-serif;}
.headerCTA span.ctaTextRight {float:right; width:50%; height:120px; margin:0 0 0 10px; background-color:#3f5c22;}
.headerCTA li.alt .ctaTextRight a {padding:15px 20px; font: 13px/18px omnes-pro,Arial,Helvetica,sans-serif;}
.headerCTA li.alt .ctaText{height: 120px; width: 328px;}
.headerCTA li.alt .ctaRightBox{font-size: 13px; line-height: 18px; width: 110px; padding-top: 10px;}
.headerCTA li.alt .ctaLeftBox{font-size: 13px; line-height: 18px; width: 110px;}

.sectionTitle {position:absolute; top:200px; left:520px; z-index:10; width:94px; height:110px; padding:20px 30px; color:#fff; font-size:24px; font-weight:500; line-height:24px; text-decoration:none;}
.sectionDescription {position:absolute; top:200px; left:674px; z-index:10; width:286px; height:170px; padding:20px; color:#fff; background-color:#693;}

/* Menu Styles */
#nav {
    position:relative;
    z-index:1000;
    margin:-60px 0 0;
    padding:0;
    text-align:center;
    list-style:none;
    width:1100px;
    height:60px;
    line-height:60px;
    background-color:#bbb8a1;
}

body.home #nav {margin:0;}

#nav ul {position:relative; z-index:1000; height:60px; margin:0 0 0 85px; padding:0; list-style:none; text-align:left;}
#nav li {position:relative; z-index:1000;}
#nav>ul>li {display:inline-block; margin:0; position:relative; z-index:1000;}
#nav li.separator {color:#fff;}

#nav li a, #nav li a:link, #nav li a:visited {display:block; color:#fff; font-size:20px; font-weight:500; text-decoration:none; padding:0 15px;}
#nav>ul>li.over>a, #nav>ul>li.over>a:link, #nav>ul>li.over>a:visited, #nav>ul>li>a:active, #nav>ul>li>a:hover, #nav>ul>li>a:focus {}

#nav li.current>a, #nav li.current>a:link, #nav li.current>a:visited {color:#47463d;}

#nav li.separator {color:#d0cdb3; font-size:20px; margin:0; padding:0; vertical-align:top;}

/* Sub Navigation */
#nav ul ul {position:absolute; top:60px; left:0; z-index:1000; margin:0; text-align:left; display:none; list-style:none; padding:0; line-height:18px; width:200px; height:auto; border:0; background-color:transparent;}
#nav ul ul li {/*margin:1px 0 0;*/border-top:solid 1px #fff;}
#nav ul ul li a, #nav ul ul li a:link, #nav ul ul li a:visited {color:#525044; font-size:14px; font-weight:500; background-color:#dedcc8;}
#nav ul ul li a:active, #nav ul ul li a:hover, #nav ul ul li a:focus {color:#693;}
#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:200px;}

#nav .themedLightGreenBox.menuBox {position:absolute; top:0; right:-154px; z-index:1; width:154px; height:30px;}

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

/* Main content area styles */
#contentArea {position:relative; z-index:1; margin:0; padding:0; min-width:1100px; text-align:left;}
#mainColumn {position:relative; z-index:5; float:left; display:block; width:645px; margin:0 0 0 100px; padding:40px 0 0; letter-spacing:0.5px;}
#column2 {position:relative; z-index:5; float:left; display:block; width:266px; margin:0 0 0 29px; padding:40px 30px 15px;}
#column2 h2 {font-size:18px; margin:0 0 30px;}
#column2 hr {margin:25px 0;}
#pseudoColumn2 {position:absolute; top:0; left:774px; z-index:2; width:326px; height:100%; background-color:#ebf6d5;}

/* Event List Feed Styles */
ul.eventListFeed {margin:0; padding:0; list-style:none;}
ul.eventListFeed li {margin:0; padding:0;}
ul.eventListFeed h3 {font-size:18px; font-weight:500;}
ul.eventListFeed p {}
ul.eventListFeed p.dateTime {text-transform:uppercase; font-weight:500;}
ul.eventListFeed a, ul.eventListFeed a:link, ul.eventListFeed a:visited {}

.moarEvents a, .moarEvents a:link, .moarEvents a:visited {color:#333; font-weight:500; text-transform:uppercase;}

/* Homepage-specific styles */
#slides {position:absolute; top:200px; left:0; z-index:0; width:674px; height:330px;}
#slides ul {margin:0; padding:0; list-style:none; width:674px; height:330px; overflow:hidden;}
#slides li {}

/* Subpage styles */
#breadcrumbs {margin:5px 0 0 19px; font-size:10px;}
#breadcrumbs a {font-size:10px; color:#000;}
#breadcrumbs .separator {padding:0 3px; font-size:12px;}

/* Footer styles */
#footer {position:relative; z-index:1; margin:30px 0 0; padding:10px 0; width:645px; font-family:Verdana, Geneva, sans-serif; letter-spacing:0; border-top:solid 1px #bbb8a1;}
#footer div {color:#9cc54d;}
#footer p {color:#bbb8a1; font-size:9px;}
#footer a, #footer a:link, #footer a:visited {color:#9cc54d; font-size:9px;}
#footer a:first-child {color:#47463d;}

#footer .unitedWayLogo {position:absolute; top:20px; right:0; z-index:1; width:87px; height:46px; background-position:-240px -21px;}

/* General form styles */
.editForm div {clear:both;}
.editForm>div {margin:0 0 3px;}
.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; width:auto !important; min-width:625px !important; height:273px; overflow:auto;}
.editForm legend {margin:0 0 0 10px;}

.contactForm input[type=text]:focus, .contactForm textarea:focus {outline:none; box-shadow:1px 1px 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;}

/* 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;}
.listItems .listItemImage {float:left; display:inline; margin:0 10px 10px 0; padding:1px; border:solid 1px #bbb8a1;}
.listItemDetail {}
.listItemDetail .listItemImage {float:right; margin:0 0 10px 10px; padding:1px; border:solid 1px #bbb8a1;}

/* 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;}
.item .date{font-size: 11px;}


/* Staff styles */
.staffItem {float:left; margin:0 40px 30px 0; width:40%;}
.staffImage {float:left; margin:0 20px 20px 0;}
.staffItemName {font-weight:bold;}
.staffItemTitle {font-style:italic;}
#staffDetailImage {float:left; margin:0 20px 20px 0;}
#staffDetailBody {}
#staffName {}
#staffJobTitle {}

/* 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%;}

/* Basic Events styles */
.eventsList {}
.eventsList .item {}
.eventsList p {margin:0; padding:5px 0 0;}
.eventsList p.dateTime {padding:0; font-weight:500;}

/* 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;}
.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;}
iframe {border:0;}