/**
 * Styles for CPIC
 * 
 * This file defines all of the main styles 
 * for CPIC.
 *
 * @author William Dodson | Outer Banks Design Works <http://obxdesignworks.com>
 * @copyright Copyright (c) 2009 CPIC
 * @date 2009-05-22
 * @version 0.1.0
 * @site CPIC (http://www.communitypartnersincare.org/)
 * @media screen
 */

/**
 * Colors used for CPIC
 *
 * @colordef #F06022 (main orange)
 * @colordef #FF6600 (vivid orange)
 * @colordef #FAF7F0 (creamy light orange)
 * @colordef #FDFCF9 (pale orange)
 * @colordef #04284f (dark blue)
 * @colordef #0b498d (medium blue)
 * @colordef #C3DEF2 (yet another blue)
 * @colordef #C3DEF2 (and yet another pale blue)
 * @colordef #D9EBFF (light icy blue)
 */

/**
 * @section Reset CSS
 * ======================================================================
 */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 background: transparent;
 border: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 margin: 0;
 padding: 0;
 outline: 0;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {
 background: #fff;
 color: #000;
 line-height: 1;
}
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
th, td {
 vertical-align: middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}

/**
 * @section Base HTML
 * ======================================================================
 */
body {
 background: #fff url('/img/main/body-tile-bg.png') repeat-x 0 0;
 color: #111111;
 font-family: helvetica, 'helvetica neue', arial, sans-serif;
 font-size: 75%;
 line-height: 1.5em;
 text-align: center;
}
/*block elements & typography*/
h1, h2, h3, h4, h5, h6 {
 color: #04284f;
 font-family: 'helvetica neue', helvetica, arial, sans-serif;
 letter-spacing: -0.012em;
}
h2 {
 font-size: 1.833em;
 font-weight: normal;
 line-height: 1.1em;
 margin-bottom: 0.4em;
}
h3 {
 color: #0b498d;
 font-size: 1.333em;
 line-height: 1.125em;
 margin-bottom: 0.5625em;
 padding-top: 0.5em;
}
p,  
ol,
ul {
 font-size: 1.166em;
 line-height: 1.285em;
 margin-bottom: 0.818em;
}
/*links*/
a, a:link {
 color: #04284f;
}
a:visited {
 color: #0A63C2;
}
a:hover,
a:focus {
 color: #F06022;
}
a:active {
 color: #000;
}
/*accentuation*/
strong {
 font-weight: 900;
}
/*forms*/
label {
 cursor: pointer;
 font-weight: 900;
}

/**
 * @section Classes and Overrides
 * ======================================================================
 */
/*breadcrumbs*/
.breadcrumb-nav {
 color: #828282;
 font-size:0.833em; 
 line-height: 1.8em;
 overflow: auto;
 margin-bottom: 1.5em;
}
.breadcrumb-nav .crumbs-home {
 background: none;
 display: block;
 float: left;
 height: 16px;
 overflow: hidden;
 width: 16px;
}
.breadcrumb-nav .crumbs-home a {
 background: none;
 display: block;
 height: 16px;
 position: relative;
 width: 16px;
}
.breadcrumb-nav .crumbs-home a span {
 background: transparent url('/img/icons/16px/ico-home.gif') no-repeat 0 0;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.breadcrumb-nav .separator,
.breadcrumb-nav .crumbs-current {
 background: transparent url('/img/accents/breadcrumb_separator.png') no-repeat 0 50%;
 margin-left: 3px;
 padding-left: 12px;
}
.hide {
 font-size: 0px;
 height: 0;
 line-height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 text-indent: -999em;
 width: 0;
}
/*blog post list in the sidebar*/
.list-posts {
 margin-bottom: 3em;
}
.list-posts li {
 border-bottom: 0.0833em solid #FAF7F0;
 font-size:0.833em; 
 line-height: 1.8em;
 margin-bottom: 0.75em;
 padding: 0 10px 0.75em 10px;
}
.list-posts li.last {
 border: none;
}
/*WP pagination*/
.navigation {
 height: 1.5em;
 margin-bottom: 1.5em;
 overflow: auto;
}
.navigation .alignright {
 float: right;
}
.navigation .alignleft {
 float: left;
}
.navigation a {
 text-decoration: none;
}
.required {
 color: #F06022;
 font-size: 0.8em;
}
/**
 * @section Wrapper
 * ======================================================================
 */
#wrapper {
 background: #fff;
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 960px;
}

/**
 * @section Header
 * ======================================================================
 */
#header {
 background: transparent url('/img/main/header-bg.png') no-repeat 0 0;
 height: 135px;
 margin: 10px 10px 0 10px;
 width: 940px;
}
/*logo*/
#header h1 {
 height: 92px;
 left: 20px;
 position: absolute;
 top: 23px;
 width: 162px;
}
#header h1 a {
 display: block;
 height: 92px;
 position: relative;
 width: 162px;
}
#header h1 a span {
 background: transparent url('/img/main/header-bg.png') no-repeat -10px -23px;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

/**
 * @section Nav
 * ======================================================================
 */
#nav {
 background: transparent;
 height: 135px;
 left: 210px;
 position: absolute;
 top: 0;
 width: 740px;
}
#nav ul li {
 float: left;
}
/*protected resources menu*/
#nav ul#menu-protected {
 background: #C3DEF2;
 height: 30px;
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 43px;
 width: 639px;
}
#nav ul#menu-protected li {
 background: #C3DEF2;
 height: 30px;
 margin: 0;
 padding: 0;
 text-align: center;
 width: 81px;
}
#nav ul#menu-protected li#tab-depression-care-resources {
 width: 216px;
}
#nav ul#menu-protected li#tab-collaborative-care {
 width: 148px;
}
#nav ul#menu-protected li a {
 color: #0b498d;
 display: block;
 font-weight: 900;
 height: 14px;
 padding: 8px 0;
 text-decoration: none;
 width: 100%;
}
body#depression-care-resources #nav ul#menu-protected li#tab-depression-care-resources a,
body#collaborative-care #nav ul#menu-protected li#tab-collaborative-care a,
body#training #nav ul#menu-protected li#tab-training a,
body#surveys #nav ul#menu-protected li#tab-surveys a {
 color: #222222;
}
#nav ul#menu-protected li a:hover {
 background: #99C7EB;
}
/*end protected resources menu*/

/*public menu*/
#nav ul#menu-main {
 background: transparent;
 height: 30px;
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 84px;
 width: 740px;
}
#nav ul#menu-main li {
 background: #FF6600;
 height: 30px;
 margin: 0;
 padding: 0;
 text-align: center;
 width: 100px;
}
#nav ul#menu-main li#tab-home {
 width: 73px;
}
#nav ul#menu-main li#tab-about {
 width: 88px;
}
#nav ul#menu-main li#tab-depression {
 width: 102px;
}
#nav ul#menu-main li#tab-news-events {
 width: 125px;
}
#nav ul#menu-main li#tab-contact {
 width: 176px;
}
#nav ul#menu-main li#tab-jobs {
 margin-right: 10px;
 width: 75px;
}
#nav ul#menu-main li#tab-login,
#nav ul#menu-main li#tab-logout {
 text-align: right;
 width: 91px;
}
#nav ul#menu-main li#tab-logout {
 background: #fff;
}
#nav ul#menu-main li a {
 color: #fff;
 display: block;
 font-weight: 900;
 height: 14px;
 padding: 8px 0;
 text-decoration: none;
 width: 100%;
}
#nav ul#menu-main li a:hover {
 background: #F06022;
}
body#index #nav ul#menu-main li#tab-home a,
body#about #nav ul#menu-main li#tab-about a,
body#depression #nav ul#menu-main li#tab-depression a,
body#news-events #nav ul#menu-main li#tab-news-events a,
body#contact #nav ul#menu-main li#tab-contact a,
body#jobs #nav ul#menu-main li#tab-jobs a {
 color: #222222;
}
#nav ul#menu-main li#tab-contact a {
 width: 104px;
}
#nav ul#menu-main li#tab-login a,
#nav ul#menu-main li#tab-logout a {
 padding-right: 10px;
 width: 81px;
}
#nav ul#menu-main li#tab-logout a {
 color: #F06022;
}
#nav ul#menu-main li#tab-logout a:hover {
 background: #C3DEF2;
 color: #0b498d;
}
/*end public menu*/

/*search form*/
#nav form#form-search {
 height: 36px;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 text-align: right;
 top: 12px;
 width: 306px;
}
#nav form#form-search p#nav-register {
 float: left;
}
#nav form#form-search label {
 color: #535353;
 margin-right: 6px;
}
/**/
/*search form*/
#nav form#form-search {
 display:block;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 text-align: right;
 top: 12px;
 width: 306px;
}
#nav form#form-search div#search-for {
 position:relative;
 float: right;
}
#nav form#form-search div#search-for label.compact-label {
 color:#535353;
}
#nav form#form-search div#search-for label.compact-label-applied {
 color:#535353;
 left:5px;
 position:absolute;
 top:3px;
 z-index:3;
}

/**
 * @section Ancillary
 * ======================================================================
 */
#ancillary {
 background: #C3DEF2 url('/img/main/ancillary-bg.png') no-repeat 0 0;
 height: 180px;
 margin: 0 10px 10px 10px;
 padding: 5px 12px;
 width: 916px;
}
body#index #ancillary {
 background: #F06022 url('/img/main/ancillary-bg_home.png') no-repeat 0 0;
 height: 21em;
 text-align: right;
 width: 915px;
}
/*body#index #ancillary {
 background: #F06022 url('/img/main/ancillary-bg_home.png') no-repeat 0 0;
}*/
#ancillary h2#intro {
 color: #fff;
 font-size: 2.333em;
 font-weight: 900;
 line-height: 1.15em;
 margin: 0 0 0 524px;
}
#ancillary h2#intro a {
 background: transparent url('/img/icons/28px/ico-help_orange.png') no-repeat 0 50%;
 color: #D9EBFF;
 display: block;
 float: right;/**/
 margin-top: 67px;
 padding-left: 36px;
 text-decoration: none;
}
#ancillary h2#intro a:hover {
 
}
#ancillary h2#intro a:hover em {
 border-bottom: 1px solid #F48A5D;
}
/*upcoming workshops*/
#ancillary div#callout-upcoming {
 float: right;
 width: 270px;
}
#ancillary div#callout-upcoming h3 {
 color: #0b498d;
 font-size: 1.333em;
 line-height: 1.125em;
 margin-bottom: 0.5625em;
 padding-top: 0.5em;
}
#ancillary div#callout-upcoming dt {
 background: transparent url('/img/icons/16px/ico-date.gif') no-repeat 0 center;
 font-size: 1.083333em;
 line-height: 1.384615em;
 padding-left: 21px;
}
#ancillary div#callout-upcoming ul li.event-title a {
 color: #222222;
 display: block;
 margin-bottom: 0.34625em;
}
#ancillary div#callout-upcoming ul li.event-title a:hover {
 color: #0b498d;
}
#ancillary div#callout-upcoming ul li.event-excerpt {
 color: #222222;
 font-size: 0.916667em;
	line-height: 1.636364em;
	margin-bottom: 1.384615em;
}

/**
 * @section Overview
 * ======================================================================
 */
#overview {
 background: transparent;
 float: left;
 margin: 0 24px 0 10px;
 padding: 0;
 width: 191px;
}
/**
 * @note A few kinda-sorta hacks here. WVD 2009-05-28
 */
body#depression-care-resources #overview,
body#collaborative-care #overview,
body#training #overview,
body#surveys #overview {
 margin: 0 10px 0 10px;
 top: 149px;
}
#overview ul#sections-menu {
 background: #F06022;
 padding: 12px 10px;
}
/*body#about #overview ul#sections-menu,
body#depression #overview ul#sections-menu,
body#news-events #overview ul#sections-menu,
body#contact #overview ul#sections-menu,
body#jobs #overview ul#sections-menu {
 background: #F06022;
}*/
body#depression-care-resources #overview ul#sections-menu,
body#collaborative-care #overview ul#sections-menu,
body#training #overview ul#sections-menu,
body#surveys #overview ul#sections-menu {
 background: #C3DEF2 !important;
}
#overview ul#sections-menu li {
 line-height: 1em;
 margin-bottom: 1em;
}
#overview ul#sections-menu li a {
 color: #fff;
 display: block;
 font-weight: 900;
 text-decoration: none;
}
#overview ul#sections-menu li.current_page_item a {
 color: #222222;
}
#overview ul#sections-menu li.current_page_item ul li a {
 color: #fff;
}
body#depression-care-resources #overview ul#sections-menu li a,
body#collaborative-care #overview ul#sections-menu li a,
body#training #overview ul#sections-menu li a,
body#surveys #overview ul#sections-menu li a {
 color: #0b498d;
}
#overview ul#sections-menu li a:hover {
 color: #222222;
}
#overview ul#sections-menu li ul {
 font-size: 0.833333em;
 margin: 10px 0 0 0;
 padding: 0;
}
#overview ul#sections-menu li ul li {
 border-bottom: 1px dotted #CC480F;
 margin-bottom: 0.4em;
 padding: 0 0 0.4em 10px;
 position:relative;
}
#overview ul#sections-menu li ul li a {
 color: #FAF7F0;
 font-weight: normal;
}
#overview ul#sections-menu li ul li a:hover {
 color: #5A2007;
}

/*
#page-list {
float:left;
clear:left;
margin:20px 0 0 10px;
display:block;
position:relative;
}

#overview ul {
	list-style:none;
	margin:0;
	}
#overview ul li{
padding:0 10px 0 10px;
margin:2px 0;
display:block;
cursor:pointer;
background-color:#ccc;
}
#overview ul li ul li{
padding:0;
margin:0;
position:relative;
 
}
#overview ul li ul li a{
	}
#overview ul li a{
padding:3px 5px;
display:block;
width:150px;
background-color:#f4f4f4;
}*/

/**
 * @section Article
 * ======================================================================
 */
#article {
 background: transparent;
 float: left;
 margin: 0 24px 1.5em 0;
 padding: 0;
 width: 409px;
}
body#index #article {
 background: transparent url('/img/main/article-bg_home.png') repeat-y 0 0;
 float: none;
 margin: 0 10px;
 padding: 0;
 overflow: auto;
 width: 940px;
}
body#depression-care-resources #article {
 background: transparent;
 float: left;
 margin: 0;
 width: 740px;
}
/*home page callouts*/
#article div#callout-intro {
 float: left;
 margin: 10px;
 width: 510px;
}
#article div#callout-intro h2 {
 background: transparent url('/img/accents/intro-heading-underline.png') no-repeat 0 100%;
 font-size: 1.833em;
 letter-spacing: 0;
 line-height: 1.2em;
 margin: 0 100px 0.4em 0;
 padding-bottom: 6px;
}
#article div#callout-intro p {
 line-height: 1.6em;
 margin-right: 10px;
}
/*home page workshops*/
#article div#callout-workshops {
 float: left;
 margin: 10px 10px 10px 20px;
 width: 380px;
}
#article div#callout-workshops h3 {
 color: #0b498d;
 font-size: 1.333em;
 line-height: 1.125em;
 margin-bottom: 0.5625em;
 padding-top: 0.5em;
}
#article div#callout-workshops dt {
 background: transparent url('/img/icons/16px/ico-date.gif') no-repeat 0 center;
 font-size: 1.083333em;
 line-height: 1.384615em;
 padding-left: 21px;
}
#article div#callout-workshops ul li.event-title a {
 color: #222222;
 display: block;
 margin-bottom: 0.34625em;
}
#article div#callout-workshops ul li.event-title a:hover {
 color: #0b498d;
}
#article div#callout-workshops ul li.event-excerpt {
 color: #222222;
 font-size: 0.916667em;
	line-height: 1.636364em;
	margin-bottom: 1.384615em;
}
/*resources dashboard intro*/
#article div#intro-resources {
 float: left;
 margin: 0 24px 10px 10px;
 width: 412px;
}
/*resources dashboard video callout*/
#article div#callout-video {
 background: #FAF7F0;
 float: left;
 padding: 10px;
 width: 272px;
}
/*depression resources matrix table*/
#article table#table-matrix {
 background: #FDFCF9;
 border-collapse: collapse;
 border-top: 2px solid #FDFCF9;
 border-left: 2px solid #FDFCF9;
 clear: both;
 margin-bottom: 3em;
 width: 735px;
}
#article table#table-matrix tr {
 /*height: 3.25em;*//*don't need this, but leaving it for now*/
}
#article table#table-matrix th,
#article table#table-matrix td {
 background: #fff;
 border-right: 2px solid #FDFCF9;
 border-bottom: 2px solid #FDFCF9;
 font-weight: 700;
 line-height: 1.2em;
 padding: 0;
 vertical-align: middle;
}
#article table#table-matrix th {
 background: #FDFCF9;
 width: 102px;
}
#article table#table-matrix th[scope=col] {
 border-right-color: #fff;
 padding-right: 5px;
 padding-bottom: 5px;
 text-align: right;
 vertical-align: bottom;
}
#article table#table-matrix th[scope=row] {
 border-bottom-color: #fff;
 padding-right: 5px;
 text-align: right;
}
#article table#table-matrix td {
 text-align: center;
}
#article table#table-matrix th a,
#article table#table-matrix td a {
 color: #0b498d;
 text-decoration: none;
}
#article table#table-matrix th a {
 height: 3em;
}
#article table#table-matrix th a:hover {
 color: #FF6600;
}
#article table#table-matrix td a {
 background: #FF6600;
 color: #fff;
 display: block;
 /*height: 100%;
 height: 1.75em;*/
 padding: 0.875em 0;
 width: 100%;
}
#article table#table-matrix td a:hover  {
 background: #D2490F;
}

/**
 * @section Aside
 * ======================================================================
 */
#aside {
 /*outline: 1px solid red;*/
 background: transparent;
 float: left;
 margin: 0;
 padding: 5px 12px;
 width: 268px;
}
body#index #aside {
 background: transparent url('/img/main/aside-bg_home.png') repeat-y 0 0;
 float: none;
 margin: 10px 10px 0 10px;
 padding: 0;
 overflow: auto;
 width: 940px;
}
#aside h2 {
 font-size: 1.333em;
 line-height: 1.125em;
 margin-bottom: 0.5625em;
}
/*home page callouts*/
body#index #aside div#callout-partners,
body#index #aside div#callout-resources,
body#index #aside div#callout-newsletter {
 background: transparent url('/img/accents/callout-bg_partners.png') no-repeat 100% 0;
 float: left;
 height: 9.5em;
 margin: 0 10px 0 0;
 padding: 10px;
 width: 286px;
}
body#index #aside div#callout-resources {
 background: transparent url('/img/accents/callout-bg_resources.png') no-repeat 100% 0;
 width: 288px;
}
body#index #aside div#callout-newsletter {
 background: transparent url('/img/accents/callout-bg_newsletter.png') no-repeat 100% 0;
 margin-right: 0;
 width: 285px;
}
body#index #aside div#callout-newsletter h2 {
 margin-right: 130px;
}
body#index #aside div#callout-newsletter label {
 display: block;
 margin-bottom: 0.5em;
}
body#index #aside div#callout-partners p,
body#index #aside div#callout-resources p {
 margin-right: 90px;
}
/*sidebar list of file attachments*/
#aside #cpic-summary {
 background: #FAF7F0 url('/img/accents/callout-bg_cpic-summary.png') no-repeat 100% 0;
 margin: 2.5em -12px -5px -12px;
 padding: 10px 12px;
}
#aside #cpic-summary .attachments {
}
#aside #cpic-summary h3 {
 font-size: 1.333em;
 line-height: 1.125em;
 margin-bottom: 0.5625em;
 /*font-size: 1.083333em;
 line-height: 1.384615em;
 margin-bottom: 0.3em;*/
}
#aside #cpic-summary .attachments dl {
 /*font-size:0.833em;
 line-height: 1.8em;*/
 margin: 0;
 padding: 0;
}
#aside #cpic-summary .attachments dl.attachments-large {
 border-style: none !important;
}
#aside #cpic-summary .attachments dl dd {
 margin-bottom: 0.75em;
}
#aside #cpic-summary .attachments dl dd a {
 word-wrap: break-word;
}
/*#aside #cpic-summary .attachments ul li {
 font-size:0.833em;
 line-height: 1.8em;
}
#aside #cpic-summary .attachments ul li a {
 background: url('/img/icons/16px/ico-txt.png') no-repeat 0 50%;
 padding: 3px 0 3px 21px;
}
#aside #cpic-summary .attachments ul li.pdf a {
 background: url('/img/icons/16px/ico-pdf.png') no-repeat 0 50%;
}
#aside #cpic-summary .attachments ul li.msexcel a {
 background: url('/img/icons/16px/ico-xls.png') no-repeat 0 50%;
}*/

/**
 * @section Footer
 * ======================================================================
 */
#footer {
 clear: both;
 color: #F06022;
 font-size: 0.833333em;
 line-height: 1.8em;
 margin: 10px 10px 0 10px;
 /*overflow: auto;*/
 padding-bottom: 1.5em;
 width: 940px;
}
#footer p {
 margin-bottom: 1.2em;
}
#footer p#menu-bottom {
 color: #464646;
 float: right;
}
#footer p#menu-bottom a {
 color: #464646;
 text-decoration: none;
}
#footer p#menu-bottom a:hover {
 color: #111111;
 text-decoration: underline;
}
/*site design credits*/
#footer p#credits,
#footer p#credits a {
 color: #828282;
}
#footer p#credits a:hover {
 color: #464646;
}

/**
 * @section jQuery jModal
 * ======================================================================
 */
  
.jqmWindow {
 display: none;
 position: fixed;
 top: 17%;
 left: 50%;
 margin-left: -300px;
 width: 590px;
 background-color: #FAF7F0;
 border: 1px solid #04284f;
 padding: 1.5em;
}

.jqmOverlay { background-color: #000205; }