@import url('reset.css');
@import url('ehc-base.css');
/* will be link to global reset */

/*
  ehc Toolkit 
  Version 1.2
  Nov 20 2009
  
  -----------------
  1.BODY
  2.PAGE
  3.HEADER
    3.1 LOGO
    3.2 SEARCH
    3.3 NAVIGATION
  4.CONTENT
  5.INTERIOR PAGES
  6.FOOTER
  7.EXTRAS
  8.BASE STYLES
    8.1 HEADINGS
    8.2 TEXT ELEMENTS
    8.3 LISTS
    8.4 TABLES
    8.5 FORMS
    8.6 MICROFORMAT
    8.7 IMAGES
  -----------------
  
*/


/* = 1.BODY
----------------------------------------------- */
body {
  background: #666 url(/design/images/template/bg.gif) repeat-x;
  color: #e8e8e8;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px;
}


/* = 2.PAGE
----------------------------------------------- */


/* = 3.HEADER
----------------------------------------------- */
#header-wrap { 
  background: transparent url(/design/images/template/bg-header.png) repeat-x 0 100%; 
  position: relative;
  z-index: 5;
}


/*    3.1 LOGO
    h1 image replacement technique
    "images > template > logo.png"
----------------------------------------------- */
#logo h1 a {
  background: url(/design/images/template/logo.png) no-repeat;
  float: left;
  height: 60px;
  margin: 7px 0 15px;
  text-indent: -5000px;
  width: 226px;
}

#logo h1 a:hover { background-position: 0 -60px; }


/*    3.2 SEARCH
----------------------------------------------- */

#site-search fieldset { border: 0; padding: 0; }

fieldset.search { width: 210px; float:left;}
fieldset.search input { float: left; width: 210px; }

/* width needed to override base styles */
fieldset.submit { margin-top: 3px; width: 20px; float: right;}
fieldset.submit input { border: 0; float: right; width: 14px; }


/*    3.3 NAVIGATION
----------------------------------------------- */
#header .nav-sub { float: right; margin-top: 20px; width: 340px; }

#header .nav-sub ul {
  list-style: none;
}

#header .nav-sub ul li:first-child { background: url(/design/images/template/contact-icon.png) no-repeat 0 0;}

#header .nav-sub ul li {
  background: url(/design/images/template/twitter-icon.png) no-repeat 0 0;
  float: left;
  height: 34px;
  margin-left: 14px;
}

#header .nav-sub a {
  background:  #ff7b00;
  color: #efefef;
  float: left;
  font-size: 13px;
  margin: 5px 0 0 44px;
  padding: 4px 8px;
  text-decoration: none;
}
#header .nav-sub a:hover { background: #9A3700; color: #fff; }

/*    3.4 NAV-MAIN
    icons in images > template > nav-main
----------------------------------------------- */

#nav-main { background: url(/design/images/template/bg-gradient.png) repeat-x 0 -30px; padding-top: 5px;}

#nav-main ul li { 
  list-style: none;
}

#nav-main ul li a, #nav-main ul li a:visited {
  background: url(/design/images/template/nav-main/bg-nav-main.gif) no-repeat 0 0;
  color: #C96300;
  display: block;
  font-size: 18px;
  padding: 10px 20px 10px 80px;
  position: relative;
  line-height: 18px;
  margin: 20px 10px;
  text-decoration: none;
}

#nav-main ul li a:hover,
#nav-main ul li a.active:hover {
  background-position: -600px 0;
  color: #FF9900;
}

#nav-main ul li a.active { background-position: -300px 0; }

.graphic { position: absolute; }

#community span.graphic {
  background: transparent url(/design/images/template/nav-main/community.png) no-repeat 0 0;
  top: -12px;
  left: 10px;
  height: 50px;
  width: 50px;
}

#about span.graphic {
  background: transparent url(/design/images/template/nav-main/about.png) no-repeat 0 0;
  top: -12px;
  left: 4px;
  height: 50px;
  width: 64px;
}

#products span.graphic {
  background: transparent url(/design/images/template/nav-main/products.png) no-repeat 0 0;
  top: -12px;
  left: 4px;
  height: 60px;
  width: 54px;
}

#contact span.graphic {
  background: transparent url(/design/images/template/nav-main/contact.png) no-repeat 0 0;
  top: -8px;
  left: 15px;
  height: 46px;
  width: 46px;
}

/* = 4.CONTENT
----------------------------------------------- */
#content {
  background: #444547 url(/design/images/template/bg-content.gif);
  margin: -10px 0;
  position: relative;
  z-index: 1;
}

#featured-content {
  background-image: url(/design/images/template/bg-featured-content.png);
  background-repeat: no-repeat;
  float: left;
  margin: 20px 0;
  padding: 20px 0 15px 20px;
  width: 920px;
}

#intro { float: left; width: 340px; }

#featured-content p { 
  clear: left;
  float: left;
  line-height: 24px;
  margin: 0 10px;
}

#featured-content h2 {
  background: url(/design/images/template/times-are-changing.png) no-repeat 3px 3px;
  border-bottom: 1px solid #9A3700;
  color: #C96300;
  display: inline;
  float: left;
  font-size: 32px;
  line-height: 38px;
  margin-top: 4px;
  padding: 0 0 14px 86px;
  position: relative;
  width: 254px;
}

#featured-content h2 span {
  font-size: 38px;
  position: absolute;
  top: 3px;
  left: 148px;
}

#featured-content h2 strong {
  color: #FF9900;
  display: block;
  font-size: 40px;
  font-weight: normal;
  margin-left: 10px;
}

#featured-content img { float: right; }

#content-main { margin-bottom: 20px; }

#home #content-main ul {
  list-style: none;
  margin-top: 10px;
}

#content-main h4 { margin-bottom: 2px; }

#home #content-main ul a,
#interior #content-main .nav-sub ul a {
  color: #CEEBEB;
  display: block;
  text-decoration: none;
}

#home #content-main ul a:hover,
#interior #content-main .nav-sub ul a:hover { 
  color: #FF9900;
}

#home #content-main ul li {
  background: url(/design/images/template/bg-gradient.png) repeat-x 0 -100px;
  float: left;
  margin: 20px 10px 20px 15px;
  padding: 10px;
  width: 420px;
}

#home #content-main ul li p,
#interior #content-main .nav-sub ul li p {
  font-size: 13px;
  line-height: 21px;
}

#home #content-main ul li:nth-child(2),
#home #content-main ul li:last-child {
  margin: 20px 0 20px 20px;
}

#home #content-main ul li:nth-child(3) { clear: left; }

#home #content-main ul li img {
  float:left;
  margin-bottom: 10px;
}

/*    CONTENT-SUB
    Content-sub and content-sub-block
----------------------------------------------- */
#content-sub1 {

}

/* =   5.INTERIOR PAGES
----------------------------------------------- */
#section-info,
#section-content { 
  background: url(/design/images/template/bg-gradient.png) repeat-x 0 0;
  padding: 20px 20px 5px 20px;
}

#section-content { margin-bottom: 20px; }

#section-info img { 
  float: right;
  margin: 14px 20px 0 20px;
}

#section-info h2 { margin: 10px 0 10px 0; }

#section-info h3,
#section-info p {
  margin-left: 16px;
}

#section-info h3 {
  color: #C96300;
  margin-bottom: 7px;
}

#section-info p { line-height: 21px; }

#interior #content-main .nav-sub ul li {
  background: url(/design/images/template/bg-gradient.png) repeat-x 0 -70px;
  float: left;
  list-style: none;
  margin: 0 27px 10px 0;
  padding-right: 5px;
  width: 295px;
}

#interior #content-main .nav-sub ul li:nth-child(2),
#interior #content-main .nav-sub ul li:last-child {
  margin: 0;
}

#interior #content-main .nav-sub ul li:nth-child(3) { clear: left; }

#interior #content-main .nav-sub ul li img { float: left; }

#interior #content-main .nav-sub ul li h4 { padding-top: 7px; }

#interior #content-main .nav-sub ul li p { line-height: 19px; }

#partner-with-us {
  background: url(/design/images/template/partner-with-us.png) no-repeat 0 0;
  clear: left; 
  display: block;
  height: 80px;
  margin: 0 auto;
  text-indent: -5000px;
  width: 280px;
}

#content-sub-block1 {
  background: url(/design/images/template/bg-gradient.png) repeat-x 0 0;
  float: left;
  margin: 20px 0;
  padding: 14px 14px 0 14px;
  width: 272px;
}

#content-sub-block1 h3 {
  color: #C96300;
  margin: 10px 0 10px 25px;
}

#content-sub-block1 ul li { list-style: none; margin: 0 0 10px 25px; }

#content-sub-block1 ul li a {
  background: url(/design/images/template/documentation/page.gif) no-repeat 0 1px;
  display: block;
  padding-left: 20px;
  text-decoration: none;
}

#content-sub-block1 img {
  float: left;
  margin-top: 20px;
}

/* tabs styles */

#partners {
  float: left;
  margin: 20px 0;
  padding: 7px;
  width: 615px;
}

#partners h3, 
#partners p {
  margin-left: 10px;
  margin-right: 10px;
}

.tabs-nav li {
  list-style: none;
  float: left;
}

#description { 
  float: left;
  clear: left;
  width: 630px;
}

#news-tab ul, 
#dotcms-tab ul {
  clear: both;
}

/* Page icon next to News and Events Headings */
#news-tab h4 a, #dotcms-tab h4 a { 
  background: url(/design/images/template/icons/page-white-text.png) no-repeat 0 0;
  width: 100px;
}

.ui-tabs { 
  padding: 0;
  zoom: 1; 
}
.ui-tabs .ui-tabs-nav { 
  list-style: none;
  position: relative;
}

.ui-state-active a { background: #000; }

a#dotcms,
a#omniture,
a#kids-health,
a#ebsco,
a#google-maps {
  background-repeat: no-repeat;
  height: 29px;
  text-indent: -5000px;  
}

a#dotcms {
  background-image: url(/design/images/template/partners/dotcms.png);
  background-position: 50% -32px;
  width: 122px;
}

.ui-state-active a#dotcms { background-position: 50% 5px; }

a#omniture {
  background-image: url(/design/images/template/partners/omniture.png);
  background-position: 50% -29px;
  width: 93px;
}

.ui-state-active a#omniture { background-position: 50% 8px; }

a#kids-health {
  background-image: url(/design/images/template/partners/kids-health.png);
  background-position: 50% 5px;
  width: 106px;
}

.ui-state-active a#kids-health { background-position: 50% -30px; }

a#ebsco {
  background-image: url(/design/images/template/partners/ebsco.png);
  background-position: 50% -46px;
  width: 95px;
}

.ui-state-active a#ebsco { background-position: 50% 5px; }

a#google-maps {
  background-image: url(/design/images/template/partners/google-maps.png);
  background-position: 50% -26px;
  width: 98px;
}

.ui-state-active a#google-maps { background-position: 50% 8px; }

/* Background color of tabs when not selected */
.ui-tabs .ui-tabs-nav li { 
  border-bottom-width: 0 !important;
  float: left;  
  position: relative;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
/* News and Events tabs styles */
.ui-tabs .ui-tabs-nav li a {
  display: block;
  float: left;
  outline: 0;
  padding: 5px 10px;
  text-decoration: none; 

}  
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
/* Image when the tab is not selected */

/* image when the tab is selected */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
  color: #a57b33; 
  cursor: text;
  font-size: 14px;
}

.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
  cursor: pointer; 
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere/design. */

/* background image of tabs container */
.ui-tabs .ui-tabs-panel { 
  background: url(/design/images/template/bg-gradient.png) repeat-x 0 0;
  border-width: 0; 
  display: block;
  clear:left;
  float:left;
  height: 180px;
  margin-top: -1px;
  padding: 10px;
  padding-top: 20px;
  width: 594px;  
}
.ui-tabs .ui-tabs-hide { display: none !important; }
/* -- end tab styles -- */

#services li { 
  border-bottom: 1px solid #9A3700;
  list-style: none;
  margin-bottom: 10px;
}

#services li:last-child { border-bottom: 0; }

#services li img { float: left; }

/* =  BLOG
----------------------------------------------- */
.entry {

  margin-bottom: 20px;
}

.entry h2,
#entry h2 {
  margin-bottom: 0;
}

h3.posting-date {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}

#entry h3.posting-date {
  margin-bottom: 0;
}

.tags {
  color: #666;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.author {
  color: #666;
  margin-bottom: 15px;
  text-shadow: none;
}

.meta { padding: 0 7px; }

/* =  6.FOOTER
----------------------------------------------- */
#footer-wrap {
  background: transparent url(/design/images/template/bg-footer.png) repeat-x 0 0;
  padding-top: 10px;
  position: relative;
  z-index: 5;
}

#footer {
  background: #000;
  float: left;
  margin-top: 10px;
  padding: 10px 0 20px;
  width: 100%;
}

#site-info {
  margin: 0 auto;
  width: 940px;
}

/* =   7. EXTRAS
    Progressive enrichment for WebKit and Mozilla
----------------------------------------------- */
#featured-content,
#home #content-main,
#section-info,
#section-content,
#interior #content-main .nav-sub ul li,
#partners,
#content-sub-block1,
.meta {
  background-color: rgba(0,0,0,.4);
}

#nav-main {  background-color: rgba(0,0,0,.6); }

#header .nav-sub a {
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#featured-content,
#content-main,
#home #content-main ul li,
#interior #content-main .nav-sub ul li,
#section-info,
#section-content,
#nav-main,
#nav-main a,
#partners,
#content-sub-block1 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.meta {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#header .nav-sub a,
#content-main ul a {   
  -webkit-transition-property: background-color, color; 
  -webkit-transition-duration: .3s; 
  -webkit-transition-timing-function: ease-in; 
}

#header .nav-sub a:hover,
#content-main ul a:hover { -webkit-transition-timing-function: ease-out; }

#header .nav-sub a,
p,
#section-content li { 
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

/* = 8. BASE STYLES 
----------------------------------------------- */

/*      8.1 HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h2, h3 { color: #FF9900; }

h4 { color: #C96300; }

h1 { font-size:32px; line-height: 32px; }

h2 {  font-size:24px; line-height: 24px; padding-bottom: 5px; margin-bottom:15px; }

h3 { font-size:21px; line-height: 21px; margin-bottom:15px; }

h4 { font-size:18px; line-height:; margin-bottom:10px; }

h5 { font-size:16px; font-weight:bold; margin-bottom:10px; }

h6 { font-size:14px; font-weight:bold; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }


/*     8.2 TEXT ELEMENTS
----------------------------------------------- */
p { letter-spacing: .0725em; margin-bottom: 15px; }

a, a:visited { color: #FF9900; text-decoration:underline; }
a:hover, a:focus { color: #C96300; }

blockquote {}

strong { font-weight:bold; }

em, dfn { font-style:italic; }

dfn { font-weight:bold; }

sup, sub { line-height:0; }

abbr, acronym { border-bottom:; }

address {}

ins { font-weight: bold; text-decoration: none; }
del { text-decoration: line-through; }

pre { white-space:pre; }
pre, code, tt { font-family: 'andale mono', 'lucida console', monospace; color: #999;font-size: 14px; line-height: 14px; margin-bottom: 15px; }


/*     8.3 LISTS 
----------------------------------------------- */
ul { list-style-type:disc; margin-bottom: 15px; }
ol { list-style-type:decimal; margin-bottom: 15px; }

dl { margin:0 0 15px 0; }
dl dt { font-weight:bold; }
dd { margin-left:15px; }


/*     8.4 TABLES 
----------------------------------------------- */
table { margin: 10px 0 15px 0; width:100%; border: 1px solid #ccc; border-bottom: 0; }

th { background: #ccc; color: #525252; font-weight:bold; text-align: left; }
th, td, caption { padding: 3px 5px; vertical-align:top; }
td, th { border-bottom: 1px solid #ccc; }

tfoot {}

caption {}

tr.alt { background: #e8e8e8; }


/*     8.5 FORMS
----------------------------------------------- */
.form-input { padding: 5px; }

legend { display: none; }

fieldset { padding: 20px 0; margin: ; border-bottom: 1px solid #ccc; }
 
label { font-size: 14px; font-weight: bold; float: left; width: 150px; }

input { color: #666; font-size: 14px; padding: 3px 5px; border: 1px solid #999; width: 300px;}

textarea { color: #666; width: ; height: ; padding:5px; }

select { border: 1px solid #999; color: #666; }

option { color: #666; padding: 0 3px 3px 3px; }

/*     8.6 MICROFORMAT
----------------------------------------------- */
.vcard  { 
  color: #C96300;
  font-size: 12px;
  float:left;
  line-height: 16px;
  width: 940px;
}

.vcard div { float: left; }

.org { 
  background: url(/design/images/template/logo-white.png) no-repeat;
  float: left;
  height: 28px;
  margin-right: 20px;
  text-indent: -5000px;
  width: 91px;
}

.street-address, .region, .postal-code, .tel, .fax, .locality, .email, .region { margin-top: 9px; }
.street-address, .region, .postal-code, .tel, .fax { border-right: 1px solid #C96300; padding: 0 10px; }
.locality, .email { padding-left: 10px; }
.region { padding-right: 10px; }

/*     8.7 IMAGES
----------------------------------------------- */
img.left { float: left; margin-right: 20px; }
img.right { float: right; margin-left; 20px; }