@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint. */

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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1em;
  font-family: arial, trebuchet, helvetica, sans-serif;
  vertical-align: baseline;
}
body {
  line-height: 1.35em;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
abbr,acronym {
  border:0;
}

a {text-decoration:none;}

strong {font-weight:bold;}

p+p {text-indent:0 !important;}

/* ********************   GLOBAL  ******************** */

body {color: #817e75; /*background:#f9f9f9;*/ background: #fff;}

.container {width:1100px; margin-left: auto; margin-right:auto;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/* ********************   MAIN MENU  ******************** */

#site_mainmenu .item2 {display:none;}



/* ********************   SUBHEADER  ******************** */

#site_subheader {background: url(../images/bg-footer.jpg) left; padding:4px 30px; position:relative; height:118px; overflow:hidden;}

#site_subheader #slogan {position:absolute; top:40px; left:250px; font: 300 24px/36px 'Open Sans', 'Droid Sans'; color: #17b8ff;}
#site_subheader #slogan span {color: #fff;}

#site_subheader #subheader_social {position:absolute; top:52px; right:30px; }
#site_subheader #subheader_social li {display:inline-block; padding-right:7px; vertical-align:top;}
#site_subheader #subheader_social li.donate {background:url(../images/donate.jpg) no-repeat; width:55px; height:58px;}
#site_subheader #subheader_social li.facebook {background:url(../images/facebook.png) no-repeat; width:16px; height:16px;}
#site_subheader #subheader_social li.email {background:url(../images/email.png) no-repeat; width:16px; height:16px;}
#site_subheader #subheader_social li.twitter {background:url(../images/twitter.png) no-repeat; width:16px; height:16px;}
#site_subheader #subheader_social li.youtube {background:url(../images/youtube.png) no-repeat; width:16px; height:16px;}
#site_subheader #subheader_social li a {display:block; width:100%; height:100%;}

/* ********************   SITE_FOOTER  ******************** */

#site_footer {border-top:12px solid #e9eaee; background-color: #014077;}

  #site_footer * {font-family: "Raleway", Arial, Helvetica, sans-serif;}
  .foot_top * {color: #e1e1e1;}
  .foot_top .column {float:left; width:33%; min-height:200px; padding:30px 0;}
  .foot_top .second p {margin-bottom:1em;}
  .foot_top .second p a {padding:.5em 1em; border:1px solid #e1e1e1; display:block; width:40%; margin:0 auto; text-align:center; font-weight:bold;}
  
  .foot_bottom {background-color: #282a2b; border-top: 1px solid #4b4c4d; padding:18px 0; clear:both;}
  .foot_bottom p {font-size:.75em; color:#e1e1e1;}
  

/*
#site_footer {border-top:2px solid #17b8ff; height:94px; background: url(../images/bg-footer.jpg); color:#fff; padding-top:75px;}
#site_footer span {font-size:.9em;}
#site_footer p {float:right; width:45%; font-size:.9em; text-align:right;}
#site_footer a {color:#666;}
#site_footer a:hover {color:#fff;}
*/

/* ********************   FIXES  ******************** */

#cpx { width:1100px; padding-top:10px; padding-bottom:20px;
  /*-webkit-box-shadow:0 0 30px rgba(0, 0, 0, .25); -moz-box-shadow:0 0 30px rgba(0, 0, 0, .25); box-shadow:0 0 30px rgba(0, 0, 0, .25);*/}

form#main_query table {width:50%;} /* fixes the simple search input */

#cpx form.search table {width:25%;} /* fixes the search bar on the Search Results page; needed for IE7 */

/* fix the display of the login form */
#cpx p#form-login-username input,
#cpx p#form-login-password input
  {display:block; margin-bottom:1em; padding:5px; width:50%;}
#cpx #form-login input.button {padding:5px; margin:1em 0;}
p#form-login-remember label {line-height:1em;}

/* =============================================================================
===
===              THREE-STEP CUSTOM SEARCH INTERFACE
===
============================================================================= */

/* general */
#customSearch {margin-top:2em;}
#customSearch {color:#000;}

#customSearch .tablerow {display:table; width:100%; margin-bottom:2em;} /* Definitions for each row container; each one is a "table" */
#customSearch .tablerow > div {display:table-row;} /* define the table rows */
#customSearch .tablerow > div > div {display:table-cell; border:2px solid #00539B; padding:2%;} /* define the table cells */
#customSearch .tablerow div div.first {text-align:center; border-right:0; border-top:2px solid #00539B; border-bottom:2px solid #00539B; background:#00539B; color:#fff;} /* define the first cell in each row, used as an identifier */

#customSearch #step2, #customSearch #allSubcats {display:none;} /* hide Step 2 and Step 3 */

#customSearch p {margin: 0 0 1.5em 0; line-height:1.35em;}

#customSearch a {text-decoration:none; color:#00539B; font-size:1em;}

/* style the radio buttons and their associated paragraphs/labels */
#customSearch .tablerow input[type="radio"] {float:left; display:none;}
#customSearch .tablerow input[type="radio"] + p {padding-left:2em; display:none;}

#customSearch .tablerow p.heading {font-size:1.5em; font-weight:bold; margin-bottom:1.5em;} /* style the heading of each row */

/* style the containers and content for the picklists as seen in step 1 */
#customSearch .tablerow .selectgroup {width:32%; float:left; margin-bottom:.5em;}
#customSearch .tablerow .selectgroup p {margin:0; padding-left:.5em;}
#customSearch .tablerow .selectgroup select {font-size:1em; padding:.25em; background:#fff; margin-top:.5em; width:80%;}

#customSearch .disclaimer {display:none; margin:1em 0 0 0; font-style:italic; clear:both;} /* style the disclaimers */

#customSearch a.button_link {font-weight:bold; padding:.5em 1em; background-color:#fff; color:#000; border:2px solid #ccc; display:inline-block; width:6em; text-align:center; -webkit-transition: border .25s, color.25s, background-color.25s; /* For Safari 3.1 to 6.0 */ transition: border .25s, color .25s, background-color.25s; vertical-align:top;}
#customSearch a.button_link:hover {text-decoration:none; background-color:#ccc;}
#customSearch .tablerow input[type="text"] {width:55%; padding:.45em; color:#000; border:2px solid #ccc; font-size:1em; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; line-height:1.5em; margin:0;} /* style text inputs */
#customSearch #custom_container {margin:1em 0;}

/* style the grid of icons as seen in step 2 */
#customSearch .tablerow .icons {padding:0; margin:0; text-align:center;}
#customSearch .tablerow .icons li {display:inline-block; width:260px; text-align:center; vertical-align:top; padding:1em 0; border:5px solid #fff;}
#customSearch .tablerow .icons li:hover {border:5px dashed #efefef;}
#customSearch .tablerow .icons li p {margin:0;}

/* style the large icon as seen in step 3, and its associated content */
#customSearch .tablerow .large_icon {float:left; width:256px; padding-left:20px;}
#customSearch .tablerow .large_icon p {font-weight:bold; text-align:center; color:#000; margin-top:1em; text-transform:uppercase;} /* style the label beneath the large icon */
#customSearch .tablerow .large_icon + div {margin-left: 320px;} /* style the container for the content to the right of the large icon */
#customSearch .tablerow .large_icon + div p {width:47%; margin-right:1%; float:left; padding: .5em 1%; margin-bottom:.25em; min-height:2.75em; line-height:1.35em;} /* put the paragraphs into two columns */
#customSearch .tablerow .large_icon + div p:nth-child(4n-3), #customSearch .tablerow .large_icon + div p:nth-child(4n-2) {background:#eee;} /* differentiate the alternating items with different background colors (this create the darker rows) */
#customSearch p#step3-toplink {text-align:center; margin:0 0 0 320px; padding:2em 0 0 0; clear:both;}
#customSearch p#step3-toplink a {color:#222C83;}

/* styles for the box links as seen at the top of the page */
#customSearch .box-links {margin:1em 0 2em 0; padding:0; width:100%;}
#customSearch .box-links li {display:inline-block; width: 33%; padding-left:0;}
#customSearch .box-links li a {display:block; width:96%; background:#00539B; color: #fff; padding:2%; text-align:center;}
#customSearch .box-links li:first-child a {background:#E10707;}
#customSearch .box-links li a:hover {text-decoration:underline;}
#customSearch .box-links li:nth-child(2) {margin:0 0.5%;}