/* ===   Template Styles for Integrity_2012    === */
/*                          */
/* Graphic Design by Randy Blevins          */
/*                          */
/* Colors:                       */
/*   Blue (rich): #0086cf              */
/*   Blue (dark): #002596              */
/*  Orange: #FE7515                  */
/*  Orange (slightly darker): #f06301        */
/*                          */
/*   Light blue: #ebf0ff                */
/*                          */
/* Official Integrity Colors            */
/*  Reflex Blue: #344893 rgb(52,72,147)        */
/*  Process Cyan: #009dd8 rgb(0,157,216)      */
/*  Pantone 7403 (tan): #f0cc81 rgb(240,204,129)  */
/*                          */
/* -------------------------------------------------*/

/* ---- Contents ---------------------------------- */
/*  Reset                      */
/*  Layout                      */
/*  Call to Action Buttons              */
/*  Standard HTML Styles              */
/*  Links                      */
/*  Navigation                    */
/*  CMS Specific Styles                */
/*  Module Styles                  */
/*  Form Styles                    */
/*  Search-related Styles              */
/*  Template-specific styles            */
/*   Extension-specific styles and overrides      */
/* ------------------------------------------------ */

/* ================  */
/*  Reset      */
/* ================ */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}

a img {border: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}


/* ================  */
/*  Layout      */
/* ================  */

body {
  color: #002596;
  background: #0086cf url("../images/bg_main.png") repeat-x top;
  font-size: 1em;
  font-family: "source sans pro", helvetica, arial, sans-serif;
}

.headerwrap {
  background: url("../images/bg_header_split.png") repeat-y center center;
}
.header_container {
  background: transparent url("../images/header_stripe.png") repeat-y 269px 0;
}
.header {
  background: #F4E1AA url("../images/bg_header_integrity.png") no-repeat;
  height: 194px;
  position: relative;
}
.logo a {
  height: 85%;
  width: 165px;
  position: absolute;
  top: 11px;
  left: 25px;
}
.action_call {
}

.searchbox {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url("../images/bg_searchbox.png") no-repeat center center;
}

.nav {
  height: 32px;
  clear: both;
}

.contentwrap {
  margin-top: -1px;
  background: url("../images/bg_maincontent.png") no-repeat 269px top;
  padding-top: 1em;
}
.contentwrap.narrow {background: url("../images/bg_main_content_narrow.png") repeat-y;}
.contentwrap.full {background: url("../images/bg_main_content_full.png") repeat-y;}

.maincontent {
  background: #BBE1F3;
  padding: 1em 1em 2.5em 0;
  position:relative;
  left: 9px;
  text-shadow: 0 1px 1px #ccc;
  min-height: 20em;
  font-size: 100%;
  line-height: 1.4;
}


.layout_sidebar {
  min-height: 1px; /*force sidebar to show even if empty*/
}

.sidebar1 {
  float: left;
  padding-left: .5em;
  margin-top: 1.5em;
  color: #fff;
  text-shadow: 1px 1px 0 #344893;
}

.sidebar2 {
  float: right;
}

.footer {
  padding: 3.5em 0 1em;
  color: #fff;
  text-align: right;
  position: relative;
  width: 100%;
  font-size: 75%;
}

.blog_badge {
  bottom: 15px;
  right: -20px;
}

  
/* Micro-clearfix - http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/* End micro-clearifx */

/* ================================  */
/*  Call to Action Buttons      */
/* ================================  */

.buttons {
  margin-left: 16px;
  color: #002596;
}

.action_button {
  display: block;
  float: left;
  height: 52px;
  margin: 17px;
  text-align: center;
  font-size: 75%;
  font-weight: bold;
}
.action_button a {
  background-image: url("../images/bg_action_buttons.png");
  display: block;
  height: 52px;
  width: 52px;
}
.action_button.donate a {background-position: -3px -4px;}
  .action_button.donate a:hover {background-position: -56px -4px;}
.action_button.join a {background-position: 109px -4px;}
  .action_button.join a:hover {background-position: 56px -4px;}
.action_button.facebook a {background-position: -3px 56px;}
  .action_button.facebook a:hover {background-position: -56px 56px;}
.action_button.twitter a {background-position: 109px 56px;}
  .action_button.twitter a:hover {background-position: 56px 56px;}

/* ================================  */
/*  Standard HTML styles      */
/* ================================  */

.strong {font-weight: bold;}
.em {font-style: italic;}
blockquote {
  margin: 1em 2em;
  font-style: italic;
}
p {margin-bottom: 1em;}

ul, ol  {}
  .contentwrap ul, .contentwrap ol {margin-bottom: 1em;}
  .main ul li, .main ol li {list-style-position: outside;margin-left: 2em;}
ul li {list-style: inside disc;}
ol li {list-style: inside decimal;}

hr {
  border-top: 1px dotted #002596;
}

/* Headings */

h1,h2,h3,h4,h5,h6 {
  line-height: 1.2;
  margin-bottom: .25em;
  font-weight: normal;
  text-shadow: none;
  color: #FE7515;
}

h1 {
  font-size: 1.7em;
  font-weight: bold;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.1em;
}
h5, h6 {
  font-size: 1.0em;
}

/* Custom Styles */

.screen-reader-text {
  position: absolute;
  left: -9999px;  
  top: -9999px;
}

.small {font-size: 80%;}
.clr {clear:both;}

li.nolist,
.nolist li {
  list-style-type: none;
}

a.nolink,
.nolink a {
  text-decoration: none;
}

/* ================  */
/*  Links      */
/* ================  */

a {
  color: #002596;
  text-decoration: underline;
  text-shadow: none;
  }
a:hover {
  color: #FE7515;
  text-shadow: none;
}
.contentwrap a:hover {
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
ul.pagenav a
 {
  text-decoration: none;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #FE7515;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: #002596;}

.sidebar1 a {
  color: #f0cc81;
  text-decoration: none;
}
.sidebar1 a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer a {
  color: #fff;
}
.footer a:hover {
  color: #fe7515;
}

/* ====================  */
/*  Navigation      */
/* ====================  */

/* Horizontal Navigation */

.moduletable_menu {
}

ul.menu-horiz  {
  margin-left: -1em;
}

.menu-horiz li {
  float: left;
  font-size: .9em;
  display: block;
  padding: 7px 1em;
  font-family: "source sans pro", helvetica, arial, sans-serif;
  font-weight: bold;
  list-style: none;
  position: relative;
  z-index: 100; /*to sit on top of slideshow*/
  border-top: 0px solid transparent;
  text-indent: 0;
}

.menu-horiz a,
.menu-horiz li>.separator{
  color: #002596;
  text-decoration: none;
  display: block;
}

.menu-horiz li:hover, 
.menu-horiz li:hover>a {
  color: #FE7515;
}
.menu-horiz li.active.parent>a,
.menu-horiz  li.current>a {color: #009dd8;}

/* Submenu */

.menu-horiz li ul {
  position: absolute;
  left: -9999em;
  background: #fff;
  background: rgba(255,255,255,.9);
}

.menu-horiz li:hover ul {
  left: 0px;
  top: 93%;
}

.menu-horiz li ul li {
  font-size: 1em;
  width: 9em;
}

.menu-horiz li ul li:hover {
}

.menu-horiz li ul li:first-child {
}

.menu-horiz li ul li:nth-last-child(1) {
}

.menu-horiz li ul li>.separator {
  font-style:italic;
  text-indent: -.5em;
  margin-bottom: -.5em;
}


/* Vertical Navigation */

.menu-vert li {
  font-size: 1em;
  display: block;
  font-weight: bold;
  list-style: none;
  z-index: 100; /*to sit on top of slideshow*/
  padding: .2em 0;

}

.menu-vert a,
.menu-vert li>.separator {
  color: #fff;
  text-decoration: none;
  display: block;
}

.menu-vert li:hover,
.menu-vert li:hover a,
.menu-vert li.current,
.menu-vert li.current>a,
.menu-vert li.current:hover>a {
  color: #002596;
  text-decoration: none;
  text-shadow: none;
}
.menu-vert li:hover,
.menu-vert li:hover a {
  color: #fe7515;
}

.menu-vert li>.separator {
  font-style: italic;
  margin-top: .5em;
  text-indent: 0;
}



/* Submenu */

.menu-vert li ul {
  position: absolute;
  left: -9999em;
  top:0;
  overflow:hidden;

}

.menu-vert li:hover ul {
  position: relative;
  top: 0;
  height: auto;
  overflow: visible;
  left: auto;
  padding: .5em 0 1em 1em;
  zoom:1;
}

.menu-vert li ul li, .menu-vert li:hover ul li, .menu-vert li:hover ul li a {
  font-size: .9em;
  color: #000;
}
.menu-vert li ul li a, .menu-vert li#current ul li a, .menu-vert li#current:hover ul li a{
  color: #000;
}

.menu-vert li ul li:hover a{
  color: #4278D3;
}

.menu-vert li ul li:first-child {
}

.menu-vert li ul li:nth-last-child(1) {
}

.menu-vert li.parent {background: url("../images/arrow.png") no-repeat center left;}
.menu-vert li.parent:hover {background: none;}

/* Secondary Menu */

.menu-secondary ul {list-style-type: none;}
.menu-secondary li {
  display:block;
  float:right;
  text-indent: 0;
  font-size: 1em;
  padding: 0 .5em;
}
.menu-secondary a {text-decoration: none;}

/* ============================  */
/* CMS-specific styles       */
/* ============================  */

/* actions (print/email buttons) */
ul.actions {
  display:block;
  float: right;
  margin: .5em 0;
}
ul.actions li {
  display:inline;
}



/* article styling */
dl.article-info {
  display:block;
  overflow: hidden;
  margin: .5em 0;
}
dt.article-info-term {
  display:none;
}
dl.article-info dd {
  font-size: 85%;
  text-indent: -40px;
  float: left;
  margin-right: 1em;
}

.content-links {
  margin-bottom: .5em;
}
.content-links li {
  list-style:none;
  font-style: italic;
}

.item {
  overflow: hidden;
}

/* table of contents - multipage article */
#article-index {
  float: right;
  width: 180px;
  margin-left: .5em;
  font-size: 80%;
}

#article-index ul {
  background: #ebf0ff;
  margin: 1em 0;
  padding: .5em;
}

#article-index li {
  list-style: none;
  margin: .25em;
}
a.toclink {text-decoration: none;}
a.toclink:hover {text-decoration: underline;}
a.toclink.active {color: #FE7515;}

.pagenavcounter {
  font-weight: normal;
  margin-bottom: 1em;
  font-style: italic;
}

/* pagination */

.pagination ul li {
  list-style: none;
  float:left;
  margin: 0 1em 2em 0;
}

.pagenav {
  clear: both;
  text-align: center;
  margin-top: 3em;
}
.pagenav li {
  list-style:none;
  display:inline;
  margin: .5em;
}

/* subcategory listing */

.cat-children {
  margin-top: 3em;
  background: #ebf0ff;
  padding: 1em;
}
.cat-children li {margin-top: .5em;}

/* category list */

table.category {
  width: 100%;
  padding: 3em 0;
}

table.category tr {padding: .5em 0}
tr.cat-list-row0 {}
tr.cat-list-row1 {background: #ebf0ff;}

fieldset.filters {
  border: 1px solid #0086cf;
  padding: .5em;
}
div.filter-search, div.display-limit {float:left;padding-right: 1em;}

/* image styling */
.img_left {
  float:left;
  margin: 0 1em 3px 0;
}

.img_right {
  float: right;
  margin: 0 0 3px 1em;
}

/* Caption fixes */
.img_caption.left {
  float: left;
  margin-right: 1em;
}

.img_caption.right {
  float: right;
  margin-left: 1em;
}

.img_caption.left p {
  clear: left;
  text-align: center;
}

.img_caption.right p {
  clear: right;
  text-align: center;
}

.img_caption  {
  text-align: center!important;
  background: #fff;
  margin-bottom: .5em;
}

.img_caption.none {
  margin-left:auto;
  margin-right:auto;
}

.caption.left {
  float: left;
  margin-right: 1em;
}

.caption.right {
  float: right;
  margin-left: 1em;
}

.caption.left p {
  clear: left;
  text-align: center;
}

.caption.right p {
  clear: right;
  text-align: center;
}

.caption.none {
  margin-left:auto;
  margin-right:auto;
}

.caption  {
  text-align: center!important;
}

/*error message styling*/
.system-message-container {} 

/* tooltips */
.tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  z-index:13000;
}

.tip-title {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../images/selector-arrow.png) no-repeat;
}

.tip p {
  font-size: 90%;
  margin: 0;
}

/* ======================== */
/*  Module Styles      */
/* ========================  */

.sidebar1 .moduletable,
.sidebar2 .moduletable {
  padding: .5em;
  margin-bottom: 1.5em;
}

.moduletable.featurebox {
  background: #f4e1aa;
  border: 1px solid #002596;
  color: #002596;
  box-shadow: 2px 2px 0 0 #002596;
  margin-bottom: 1.5em;
  padding: 1.5em;
  text-shadow: none;
  font-size: 90%;
}
  .moduletable.featurebox.altcolor {background: #ebf0ff;}
  .moduletable.featurebox > h3 {
    border-bottom: 2px solid;
    margin-bottom: 1em;
    font-style: italic;
    color: #002596;
  }
  
.moduletable.slideshow,
.moduletable.blog_badge {
  background: transparent;
  margin-bottom: 0;
  padding: 0;
}
.moduletable.slideshow {margin-top: -1.5em;}

.widget {padding: 0 !important;} /*no padding on embedded widgets*/

/* articles category module */

ul.category-module>li {
  list-style:none;
  margin-bottom: 1em;
  border-bottom: 1px solid #FE7515;
}

/* ================================  */
/*   Form styles             */
/* ================================  */

fieldset {
  padding: 1em;
  border: 1px solid;
  margin-bottom: 1em;
}

legend {
  padding: 0 1em;
  font-weight:bold;
}

/*specific form overrides*/

.login label,
#adminForm label {
  width: 12em;
  text-align: right;
  float: left;
  padding-right: 1em;
}
#adminForm label#jform_title-lbl {float:none;} /*pull title box back to left*/

.login input,
#adminForm .inputbox {
  margin-bottom: 1em;
}


/* ================================  */
/*   Search-related styles       */
/* ================================  */

.searchbox {
  padding: 3px;
  width: 170px;
  top: 1em;
  background-position: left center;
}
.searchbox form {
  padding-left: 10px;
}
.searchbox input {
  padding: 0;
  border: none;
  font-size: 90%;
  background: transparent;
  color: #888;
}

/* Search Results Page */
form#searchForm {
  border-bottom: 2px dotted #0086cf;
}

.searchintro {
  color: #FE7515;
  font-size: 1.2em;
}

fieldset.word,
fieldset.phrases, 
fieldset.only {
  padding: 1em;
  margin-bottom: 1em;
  border: none;
}
fieldset.word {
  border-bottom: 2px dotted #0086cf;
}

dt.result-title {
  font-weight: bold;
  font-size: 1.1em;
}
dd.result-category, dd.result-created {
  font-size: 85%;
}

/* ====================================  */
/*  Template Specific styles      */
/* ====================================  */

.clr {clear:both;}

.blog_badge {
  position: absolute;
  bottom: 15px;
  right: -10px;
}

.directory { /*BoD and Staff*/
  clear:both;
  margin-bottom: 1.5em;
}

/* ================================================  */
/*  Extension-specific styles and overrides      */
/* ================================================  */

/* Core Extensions */

/* Newsfeed Display */

li.newsfeed-item {
  list-style-type: none;
  border-bottom: 1px solid #ccc;
}
li.newsfeed-item:last-of-type {
  border-bottom: 0;
}
li.newsfeed-item h4 {
  padding: 5px 0;
  margin: 0;
}


/* 3PD Extensions */

/* Simple RSS Feed Reader */
/* class blogfeed added to module to style for article presentation */

div.srfrContainer.blogfeed ul.srfrList {
  width: 100%;
}

div.srfrContainer.blogfeed ul.srfrList li {
  list-style: none;
}

div.srfrContainer.blogfeed ul.srfrList li.srfrRow0,
div.srfrContainer.blogfeed ul.srfrList li.srfrRow1 {
  background: transparent;
}

div.srfrContainer.blogfeed ul.srfrList li img.srfrImage {
  margin: 1em 0em 1em 1em;
  float: right;
  font-size: 1em; /*does this mess up captions in feed? */
}

div.srfrContainer ul.srfrList li span.srfrFeedItemDate {
  color: #002596  !important;
  font-style: italic;
}

/* XMap */
#xmap ul li {list-style-type: none;}
#xmap ul li a {text-decoration: none;}
#xmap ul li a:hover {text-decoration: underline;}
ul.level_0 li {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em; /*a little breathing room*/
}
ul.level_1 {
  padding-left: 1em;
  margin-bottom: 1em;
}
ul.level_1 li {
  font-weight:normal;
  font-size: 80%;
  margin-bottom: 0; /*pull it back up*/
}
ul.level_2, ul.level_3, ul.level_4 {padding-left: 1em}
ul.level_2 li {
  font-size: 1em;
}

/* DJ Image Slider */

.slide-desc-text {
  font-size: 75%;
}

/* ChronoForms */

.ccms_form_element label {
  font-weight: normal;
}
.small-message {
  color: #f06301;
  margin-top: -4px;
  margin-bottom: 5px;
}
div.chronoform {
  display:none;
}

.form-caption-label-over { /*to simulate .label_over .small-message*/
  clear:both;
  font-size:11px;
  margin: -4px 0 5px 5px;
  font-style:italic;
  color: #f06301;
}

.Chronoform input[type=submit],
.Chronoform input[type=button] {
  background-color: #0093d0;
  background-image: -webkit-linear-gradient(#002596, #0093D0);
  background-image: -moz-linear-gradient(#002596, #0093D0);
  background-image: linear-gradient(#002596, #0093D0);
  border: 1px solid #CCCCCC;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 2px 5px #000000;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  margin-top: 1.5em;
}

.Chronoform input[type=submit]:hover,
.Chronoform input[type=button]:hover {
  background-image:none;
}

div.cfdiv_submit input[name=back] { /*make back button appear to left of submit button*/
  float:left;
  margin-right: .75em;
}

/* ==== Responsive Menu ==== */


#menu-icon {display:none;}

@media screen and (max-width:760px) {
  #nav-wrap {
    position: relative;
  }
  #menu-icon {
    color: #002596; /*#fff;*/
/*    width: 42px;*/
    height: 30px;
    background: #fff url("../images/menu_button.png") no-repeat .5em center;
    padding: 8px 10px 0 42px;
    cursor: pointer;
/*    border: solid 1px #666;*/
    display: block;
  }
  
  #nav {
    clear: both;
    position: absolute;
    top: 38px;
    width: 70%;
    z-index: 10000;
    padding: 5px;
    background: #f8f8f8;
/*    border: solid 1px #999;*/
    box-shadow: 3px 6px 6px 0 #002596;
    display: none;
  }
  .menu-horiz li {
    float: none;
  }
  .menu-horiz li ul {
    position: inherit;
    left: 0;
  }
  .menu-horiz li ul li {
    width: 100%;
  }
}
@media screen and (min-width:761px) {
  #nav {display:block !important}
}