/******** general.css ***********/

/* base stylesheet for Webvanta default site                       */
/* assumes YUI reset-fonts-grid.css has been loaded first          */
/* (if you're using our standard templates they take care of that) */

/* Note: most colors are set in Config Settings. You can set the colors there, or
   you can replace the <w:data ... > text with color values here             */

/* BASE CSS SETTINGS -- PROVIDE CROSS-BROWSER DEFAULTS */


textarea.message{
  color: #005b5f;
}

.logocolor{
color:#005b5f;
}

.center {
text-align: center;
}

.right{
text-align: right;
}

.left{
text-align: left;
}


div.floatright {
  float:left;
  width:206px;
  margin-bottom:10px;
}

div.floatleft {
  float:left;
  width:206px;
  margin-bottom:10px;
}

h1 {
  /*22px via YUI Fonts CSS foundation*/
  font-size:167%;
  color: #005b5f ;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/
  font-size:123.1%;
  color: #005b5f ;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/
  font-size:108%;
  color: #005b5f ;
}
h1,h2,h3 {
  margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
  font-weight:bold;
}
abbr,acronym {
  border-bottom:1px dotted #000;
  cursor: help;
}
em {
  font-style:italic;
}
blockquote,ul,ol,dl {
  margin: 0.5em 1em;
}
ol,ul,dl {
  margin-left: 2em;
}
ol li {
  list-style: decimal outside;
  padding: 0 0 0.5em 0;
}
ul li {
  list-style: square outside;
  padding: 0 0 0.5em 0;
}
dl dd {
  margin-left:1em;
}
th,td {
  padding: .5em;
}
th {
  font-weight:bold;
  text-align: center;
}
caption {
  margin-bottom:.5em;
  text-align:center;
}
p,fieldset,table {
  margin-bottom:1em;
}
body {
  text-align: left;
  color: #333;
}
a {
  color: #005b5f ;
  -ms-word-wrap : sWrap;
}
a:hover {
  color: #222;
}
a:visited {
  color: #005b5f ;
}
a:active {
  color: #005b5f ;
}

/*********** PAGE STRUCTURE ************/

span.dropcap {
  display:block;
  float:left;
  width:90px;
  height:54px;
  margin-right:5px;
  background-image:url("/letterheadtest.png");
  background-repeat:no-repeat;
  }
span.dropcap span {display:none;}

html {
  background: url("/images/background.gif") repeat-x;
  background-attachment: fixed;
}
#doc4 {
  padding-top:1px;
}
#wrapper {
  background-color: #FFF;
  border: 1px solid #666;
  padding: 0;
  margin:0;
}
#content_area {
  padding: 2em;

background-image: url("/wawtermark4.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
#header {
  background-color: #005b5f;
}
.clearfix:after { /* apply the clearfix style to divs to ensure all floats are cleared at end of div */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
  display:block;
}
/* End hide from IE Mac */


/********** UTILITY NAV (TOP RIGHT) ************/

#topLinks {
  float: right;
  font-size: 11px;
  padding: 10px 0 5px;
}
#topLinks ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#topLinks li {
  float: left;
  list-style-type: none;
  padding: 0 10px 0 0;
}
#topLinks li a {
  color:#333;
  text-decoration: none;
  }
#topLinks li a:hover {
  text-decoration: underline;
}
.searchButton {
  margin: -0.15em 0 0 0;
}
.search {
  margin: -0.3em 0 0 0;
}
.fieldSkybox {
  vertical-align: top;
}

/* For main navigation see navigation.css */

/************** FOOTER **************/

#footer {
  padding: 0.5em 0;
  clear: both;
}
#footer ul li {
  color: #EEE;
  font-size: 85%;
  padding: 0 1.5em 0 0;
  list-style: none;
  float: left;
}
#footer ul li a {
  color: #fff;
  text-decoration: none;
}
#footer ul li a:hover {
  text-decoration: underline;
}

/********** FORMS **************/

label.reqd {   /* for required fields */
  font-weight:bold;
}


label {
  text-transform: uppercase;
  font-weight: bold;
  font-size:90%;
  padding-right: 5px;
}

label.left {
  width: 120px;
  display: block;
  float: left;
  text-align: right;
  clear: left;
}
.indent {
  margin-left: 125px;
}

#contact_intro {
  border-bottom: 1px solid #333;
  margin-bottom: 2em;
}
#contact_pod_form label {
  width: 8em;
  display: block;
  float: left;
  text-align: right;
  clear: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size:90%;
  padding-right: 1em;
}
#contact_pod_form input, textarea {
  background-color: #EEE;
  padding: 0.23em;
  border: 1px solid #333;
}
#contact_pod_form .indent {
  margin-left: 9em;
}
#contact_firstname, #contact_lastname {
  width: 15em;
}
#contact_company, #contact_email, #contact_subject, #contact_message {
  width: 31em;
}
#contact_subject, #contact_message {
  width: 31em;
}
p#email2 {
  display: none;
}
#contact_pod_form input.submit_button {
  background: none;
  border: none;
}

/****************** ROUNDED POD SURROUND ********************************/
.pod {
  margin: 0px auto;
  margin-bottom: 15px;
  width: 100%;
}
.top {  /* provides the left part of the top border */
  background: transparent url("/images/LClr.png") no-repeat scroll 0px 50%;
  height: 25px;
  margin: 0 8px 0 0;
}
.top span {  /* provides the right part of the top border */
  background: transparent url("/images/RClr.png") no-repeat scroll right top;
  height: 25px;
  position: relative;
  font-size: 1px;
  line-height: 1px;
  right: -8px;
  display: block;
}
.pod-content {  /* provides the straight part of the left and right edges */
  background-color: #fff;
  margin: 0;
  padding: 1px 20px 1px 25px;
  position: relative;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  font-size: 12px;
}
.bottom { /* provides the left part of the bottom border */
  background: transparent url("/images/crnrLBtm.png") no-repeat scroll left bottom;
  height: 8px;
  margin: 0 9px 0 2px;
}
html>body .bottom { /* IE fix for left part of the bottom border */
  background: transparent url("/images/crnrLBtm.png") no-repeat scroll left bottom;
  height: 8px;
  margin: 0 7px 0 0;
}
.bottom span {  /* provides the right part of the bottom border */
  background: transparent url("/images/crnrRBtm.png") no-repeat scroll right bottom;
  display: block;
  height: 8px;
  position: relative;
  font-size: 1px;
  line-height: 1px;
  margin-right: -7px;
}

/******* CSS for DATABASE PAGES ************/

/*********** PAGE STRUCTURE ***********/

.yui-t4 #yui-main .yui-b {
  margin-right:15.8456em;
}

/********** BLOG *************/

.blog_article {
  border-bottom: 1px solid #005b5f ;
  margin-bottom: 15px;
}

/********** CATEGORY, LIST, AND ITEM PAGES *************/

.kb h1, .kb h1 a, .kb h1 a:visited {
  color: #005b5f ;
  font-size: 182%;
}
.kb h2, .kb h2 a, .kb h2 a:visited {
  color: #005b5f ;
  font-size: 123.1%;
  font-weight: bold;
}
.kb h3 a, .kb h3 a:visited {
  color: #005b5f ;
  font-size: 93%;
}
.kb a {
  color: #005b5f ;
  text-decoration:none;
}
.kb a:hover {
  color: #222;
  text-decoration:underline;
}
.crumbs {
  padding-bottom: 1em;
}
.crumbs p {
  float: left;
}

/********* CATEGORY PAGE **********/

.category_description {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #005b5f ;
}
.category_articles {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #005b5f ;
}
.category_resources {
  margin: 0;
  padding: 0;
}
#category #article_body {
  display:none;   /* if on a category page, don't display the body of article, just the excerpt */
}

/*********** COMMENT FORM ************/

.comment_form {
  width: 90%;
  border: 1px solid #005b5f ;
  padding: 1em;
  margin: 1.5em 0;
}
.comment_form label {
  display: block;
  width: 5.38em;
  text-align: right;
  float: left;
  font-size: 80%;
  letter-spacing: .04em;
  text-transform: uppercase;
  clear: left;
  padding: 0 0.5em 0 0;
}
input#feedback_name, input#feedback_email, input#feedback_subject, textarea#feedback_body {
  background-color: #EEE;
  border: none;
  padding: 0.23em;
}
.comment_form .indent {
  margin-left: 5.38em;
}
.comment_form .indent_submit {
  margin: 1em 0 0 5.38em;
}
#comment_email2 {
  display: none;   /* spam robot trap */
}
input#feedback_subject {
  width: 80%;
}
.comment_form p {
  margin: 0 0 0.15em 0;
  padding: 0;
}
textarea#feedback_body {
  width: 80%;
}
.form_note {
  font-size: 80%;
}
div#comments {
  border-top: 1px solid #005b5f ;
  padding-top: 10px;
  margin-top: 15px;
}

/********* BOOKS *********/

#views_summary .book_listing p {
  display:block;
}
#news_list .book_button, .kb .book_button {
  padding: 3px;
  color: #fff;
  margin-right: 20px;
  text-decoration: none;
}
#news_list .book_button:link, #news_list .book_button:visited, .kb .book_button:link, .kb .book_button:visited {
  background-color: #005b5f ;
  color: #fff;
  text-decoration: none;
}
#news_list .book_button:hover, #news_list .book_button:active, .kb .book_button:hover,.kb .book_button:active {
  background-color: #222;
  color: #fff;
  text-decoration: none;
}
#news_list .book_listing h1 {
  margin-bottom: 10px;
  padding-top: 5px;
}
#news_list .book_listing h2 {
  margin-bottom: 10px;
  padding-top: 5px;
}

/******* LIST PAGE **********/

#list h2 {
  margin: 20px 0 5px 0;
  padding-top: 15px;
  border-top: 1px solid #005b5f ;
}
#list h3 {
  margin-bottom: 10px;
  padding-top: 5px;
}
#list p {
  display:block;
}
#list #article_body {
  display:none;   /* if on a list page, don't display the body of article, just the excerpt */
}

/********* ITEM PAGE *********/

#item #comments_links, #item #continue_link {
  display: none;   /* if on an item page, don't display the comments or continue links */
                   /* they are for category and list pages */
}
.share {
  margin: 8px 0 8px;
  float:right;
}

#item #article_description {
  display: none;  /* if on an item page, don't display excerpt, since we're showing the full article */
}

/********* RESOURCES PAGE **********/

/* The resources page is a single-page presentation of database content using our knowledgebase structure. */
/* The HTML for this page is in the snippet called resources_page */

#resources_page .share {
  float:right;
}
#resources_page .resource_item {
  border-bottom: 1px solid #005b5f ; 
  padding-bottom: 10px; 
  margin: 0 0 10px 30px;
}
#resources_page .book_image {
  float:left; 
  padding: 0 15px 15px 0;
}
#resources_page .book_text {
  margin-left: 25px;
}
#resources_page .book_button {
  padding: 3px 3px 3px 6px;
  margin-right:20px;
}
#resources_page .book_button:link, #resources_page .book_button:visited {
  background-color: #005b5f ;
  color: #fff;
  text-decoration: none;
}
#resources_page .book_button:hover, #resources_page .book_button:active {
  background-color: #222;
  color: #fff;
  text-decoration: none;
}
#resources_page h2 {
  font-size: 18px;
  font-weight: bold;
}
#resources_page h3 {
  font-size: 16px;
  font-weight: bold;
}
#resources_page h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0 1em 0;
}
#resources_page h5 {
  font-size: 14px;
  font-weight: normal;
}

/********* TREE NAVIGATOR FOR CATEGORIES ********/

/* Modified for Webvanta from YUI tree.css example 2.7.0b */
/* See http://developer.yahoo.com/yui/treeview/ for more on styling the tree */

.ygtvtn {  /* first or middle sibling, no children */
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvtm {  /* first or middle sibling, collapsable */
  background: url(/images/tree/collapse.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvtmh {  /* first or middle sibling, collapsable, hover */
  background: url(/images/tree/collapseh.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvtp {  /* first or middle sibling, expandable */
  background: url(/images/tree/expand.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvtph {  /* first or middle sibling, expandable, hover */
  background: url(/images/tree/expandh.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvln {  /* last sibling, no children */
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvlm {  /* Last sibling, collapsable */
  background: url(/images/tree/collapse.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvlmh {  /* Last sibling, collapsable, hover */
  background: url(/images/tree/collapseh.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvlp {  /* Last sibling, expandable */
  background: url(/images/tree/expand.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer; 
}
.ygtvlph {  /* Last sibling, expandable, hover */
  background: url(/images/tree/expandh.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
  cursor:pointer;
}
.ygtvloading {  /* Loading icon */
  background: url(/images/tree/loading.gif) 0 6px no-repeat; 
  width:1em; 
  height:22px; 
}
.ygtvdepthcell {  /* empty cells used for rendering the depth of the node */
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvblankdepthcell { 
  background: transparent; 
  width:1em; 
  height:20px; 
}
.ygtvitem {  /* div around each node */
  border: 0px solid #333; 
}  
* html .ygtvchildren { /* for IE, div around each node's collection of children */
  height:1%; 
}  
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { /* text label in ygTextNode */
  font-size: 12px;
}
.ygtvrow td {
  padding: 0;
  margin: 0;
}
.ygtvrow td a {
  text-decoration: none;
}
.ygtvitem table {
  padding: 0;
  margin: 0;
}
.wvCurLabel {
  font-weight:bold;
  padding-left:2px;
}
#subnav, #subnav li {
  list-style:none;
  margin-left: 0;
  padding-left: 0;
}
.hours {
  float:right;
  padding:5px 5px 1px 5px;
  border: 1px solid #666;
  background:#eee;
  margin: 0 0 10px 10px;
}
.hours td {
  padding: 0 6px;
}
.hours table {
  width: 205px;
}
.form_surround {
  border: 1px solid #333;
  background-color: #eee;
  padding: 15px;
  margin: 20px 0;
}
.sidebar_box {
  border: 1px solid #333;
  background-color: #e9e9e9; 
  padding: 10px;
  margin: 10px 0;
}