/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


html,
button,
input,
select,
textarea {
	font: 400 12px/21px 'Open Sans', Arial, Sans-Serif;
	font: 400 .75em/1.8em 'Open Sans', Arial, Sans-Serif;
}

a:link {
	color:#004494;
	text-decoration: none;
}

a:visited {
	color:#004494;
	text-decoration: none;
}

a:hover,
a:focus {
/*	color:#3491ac; */
/*	color:#85d4ec; */
	color:#002b5a;
	text-decoration: underline;
}

a:active {
}
.clr {
	clear: both;
}

h3 {
	color:#002a5c;
}
/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
  border-top:solid 12px #76bd1d;
 /* background: #94d8ee url(../images/page-bg-horz.png) repeat-x 0px 12px; */
  background:#94d8ee url(../images/page-bg-wave.png) center 0px;
}
body.admin-menu {
/*  background: #94d8ee url(../images/page-bg-horz.png) repeat-x 0px 32px; */
}


#page {
/*	background:url(../images/page-bg-wave.png) center 0px; */
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
	width:100%;
	background:#FFF;
	position:relative;
}
#header .header-wrap {
	height: 173px;
	width:1075px;
	margin:0 auto;
	position:relative;
	background:#FFF;
}



#logo { /* Wrapping link for logo */
  float: left;
  margin: 0;
  padding: 25px 0 0 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

.region-header .block {
	margin:0;
	padding:0;
}

/*
 * Main (container for everything else)
 */

#main {
	background:#FFF;
	border-bottom:solid 6px #1091ad;
	margin-bottom:75px;
	margin-bottom:4.7em;
	min-height: 450px;
}

/*
 * Content
 */

#content {
	padding:0 50px;
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}


.breadcrumb ol {
  margin: 20px 0 0px 0px;
  padding: 0;

}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 5px;
font:13px/24px 'Open Sans',Arial;
color:#000;
}
.breadcrumb a {
	font:13px/24px 'Open Sans',Arial;
	color:#004494;
	text-decoration:none;
	margin:0 5px 0 0;
}



h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}


h1.title {
	color:#1091ad;
	font:700 24px/26px 'Open Sans',Arial;
	padding-bottom:15px;
	padding-top:30px;
}
h2 {
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 1.5em;
	margin-bottom: .8em;
	color:#002a5c;
	font:700 18px/24px 'Open Sans',Arial;
}



tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0;
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
  text-align: right;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
	background: #002a5c;
	min-height:150px;
}

#content img {
	margin:0px 15px 15px 15px;
	border:solid 4px #dedede;
}

/* Juicebox corrections */
#content div.juicebox-parent img {
	margin:0;
	border:none;
}

#content div.juicebox-parent {
	padding-top: 20px;
	margin-top: 40px;
	border: solid 6px #dedede;
	background: #D9F0FA;
}

div.jb-caption {
	bottom: -73px;
	position: relative;
	background: rgba(0, 0, 0, 0.298039) !important;
}

.region-bottom .block p {
	margin:0;
	padding:0;
}

/* Home Page
------------------------------------------------- */
body.front {
	margin: 0;
	padding: 0;
	border-top: solid 12px #76bd1d;
	background: #FFF;
}
.front.sidebar-second #content {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.home #main {
	background: #FFF;
	border-bottom: none;
	margin-bottom: 0;
}
.home .home-column {
	width:320px;
	float:left;
	margin-right:75px;
	padding-top:40px;
}
.home .home-column .block {
	margin-bottom:30px;
}
.home .home-column.last {
	width:285px;
	float:right;
	margin-right:0;
}
.home .home-column .view {
	background: #d4f0b0;
	border:solid 4px #e4f2db;
	border-top:solid 4px #fff;
}

.home .home-column table{
	width:100%;
	margin:0;
	position: relative;
}
.home .home-column thead,
.home .home-column thead tr,
.home .home-column thead th.views-field-field-news-date,
.home .home-column thead th.views-field-title {
	visibility: hidden;
	height:1px;
	display: block;
	position: absolute;
}


.home .home-column tr.odd,
.home .home-column tr.even {
	background-color: transparent;
	border: none;
}
.home .home-column h2.block-title {
	padding:10px 15px;
	margin:0;
	background: #a6dd62;
	color:#FFF;
	font:300 23px/24px 'Open Sans Condensed', arial, sans-serif;
	border-bottom:solid 1px #fff;
	
}

.home .home-column .views-field-event-calendar-date, 
.home .home-column .views-field-field-news-date,
.home .home-column .views-field-field-alert-date {
	width:70px;
	color:#616163;
	font:700 23px/26px 'Open Sans Condensed',arial,sans-serif;
	text-align: center;
	vertical-align: top;
	padding:12px 0px;
}


.home .home-column .view-id-calendar .date-display-single,
.home .home-column .view-id-calendar .date-display-start,
.home .home-column .view-id-calendar .date-display-end {
	width:70px;
	color:#616163;
	font:700 23px/26px 'Open Sans Condensed',arial,sans-serif;
	text-align: center;
	vertical-align: top;
}

.home .home-column .view-id-calendar .date-display-single,
.home .home-column .view-id-calendar .date-display-start,
.home .home-column .view-id-calendar .date-display-end {
	vertical-align: top;
	display: inline-block;
}
.home .home-column .view-id-calendar .date-display-start,
.home .home-column .view-id-calendar .date-display-end {
	padding:0;
	text-align: center;
}
.home .home-column .view-id-calendar td {
	color:#616163;
	font:700 23px/26px 'Open Sans Condensed',arial,sans-serif;
	vertical-align: top;
	padding: 12px 10px;
}
.home .home-column .view-id-calendar .more-link,
.home .home-column .view-nasuad-news .more-link,
.home .home-column .view-advocacy-alert .more-link {
text-align: left;
padding:15px 0 15px 15px;
}

.home .home-column .view-id-calendar .more-link a,
.home .home-column .view-nasuad-news .more-link a,
.home .home-column .view-advocacy-alert .more-link a {
text-shadow: 0 0 0 #333;
font-size: 1em;
font-weight: 700;
color: #FFF;
cursor: pointer;
border-radius: 10px;
margin-bottom: 5px;
margin-top: 5px;
padding:5px 30px 5px 15px;
text-transform: uppercase;
font-family: "Open Sans Condensed", Arial, Sans-Serif;
font-size: 1.0em;
letter-spacing: .1em;
background: #3491ac url(../images/button-arrow-white.png) no-repeat 95% center;
}


.hcbs-page .home .home-column .view-nasuad-news .more-link {
	text-align: right;
	padding:15px;
}

.hcbs-page .home .home-column .view-nasuad-news .more-link a {
text-shadow: 0 0 0 #333;
font-size: 1em;
font-weight: 500;
color: #002b5a;
cursor: pointer;
border-radius: 0px;
margin-bottom: 5px;
margin-top: 5px;
padding:5px 30px 5px 15px;
text-transform: none;
font-family: "Open Sans", Arial, Sans-Serif;
font-size: 1em;
background: none;
font-weight: 600;
}



.home .home-column .view-id-calendar td a {
	font: 400 12px/18px 'Open Sans', Arial, Sans-Serif;
	display: block;
}

.home .home-column .views-field-title {
	padding:12px 10px;
	line-height: 19px;
	line-height: 1.5em;
	vertical-align: top;
}

.home .home-column .view-footer a {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	background: #1091ae url(../images/button-arrow-white.png) no-repeat 95% center;
	color: #fff;
	padding: 7px 30px 7px 10px;
	margin: 10px;
	text-transform: uppercase;
}


.home .home-column .view-home-page-sidebar  {
	background: transparent;
	border:none;
}

.home .home-column .view-home-page-sidebar .views-row {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:solid 5px #e4f2db;
}

.home .home-column .view-home-page-sidebar .views-field-title a,
.home .block-constant-contact h2.block-title {
	border:none;
	margin: 0;
	padding: 0;
	font: 700 21px/22px 'Open Sans', arial, sans-serif;
	color: #1091ad;
	display: block;
	background: #fff url(../images/button-arrow-bluebg.png) no-repeat 100% center;
}

.home .home-column .view-home-page-sidebar .views-field-field-logo {
	float:left;
}
.home .home-column .view-home-page-sidebar .views-row p {
	padding:0 0 15px;
	margin:0;
}




.home .callout {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:solid 5px #e4f2db;
	
}

.home .callout h2 {
	margin:0;
	padding:0 0 10px 0;	
}
.home .callout h2 a {
	margin:0;
	padding:0;	
	font:700 21px/22px 'Open Sans', arial, sans-serif;
	color:#1091ad;
	display: block;
	background: #fff url(../images/button-arrow-bluebg.png) no-repeat 100% center;
}
.home .callout img{
	float:left;
	
}
.home .callout p {
	float:left;
	width:50%;
	margin:0;
	padding:0 0 10px;
}
.home .callout p.wide {
	float:left;
	width:72%;
}



.slidewrapper {
	position: relative;
	width:100%;
	background: #94d8ee url(../images/page-bg-wave.png) center 0px;
	padding:35px 0;
	border-bottom: solid 5px #1091ad;
}
.slidewrapper .region-highlighted {
	width:1075px;
	margin:0 auto;
}
.slidewrapper .view-home-page-slider {
	background:#FFF;
	position: relative;
	padding:5px;
	margin:0;
}

.slidewrapper .views-slideshow-controls-bottom {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	width: 300px;
}

.slidewrapper .views-row img {
	float:left;
	padding-right:20px;
	height:410px;
}
.slidewrapper .views-row p {
	margin:0;
	font:400 16px/25px 'Open Sans',arial,sans-serif;
	padding-right:15px;
}
.slidewrapper .views-row p.more {
	text-align: left;
}
.slidewrapper .views-row p.more a{
	font:400 13px/25px 'Open Sans',arial,sans-serif;
	color:#1091ad;
}
.slidewrapper .views-row h2 {
	margin:0;
	color:#1091ad;
	font:400 22px/31px 'Open Sans',arial,sans-serif;
	padding:28px 15px 10px 0;
}


.slidewrapper .views_slideshow_pager_field_item {
	float: left;
	padding:0 5px;
}
.slidewrapper .views_slideshow_pager_field_item.active .views-content-field-home-slider-thumb  img{
		
}
.slidewrapper .views-content-field-home-slider-thumb {
	cursor: pointer;
	position: relative;
}

.slidewrapper .views_slideshow_pager_field_item.active .BWfade {
	visibility:hidden;
}
.slidewrapper .views_slideshow_pager_field_item .BWfade {
	visibility: visible;
}




.slidewrapper .views-content-field-home-slider-thumb img {
	border:solid 1px #bebebe;
}



#content table img {
	margin: 0;
}
#content td {
	vertical-align: top;
}



/* Search 
************************ */
.page-search #main .search-results p.search-snippet {
	margin:0;
	padding:0;
}
.page-search #main .search-results li {
	border-bottom:solid 3px #e9f6fc;
	padding-bottom:5px;
}
.page-search #main .search-form {
	border-bottom:solid 8px #d4f0b0;
	padding-bottom:5px;
}

.page-search #main fieldset {
	border: none;
	margin:0;
}
.page-search #main fieldset.collapsed .fieldset-legend,
.page-search #main fieldset.collapsible .fieldset-legend {
	background-color:#e9f6fc;
	border-radius: 5px;
	padding:3px 3px 3px 15px;
}
 
/* Matching Editor CSS
************************* */
.alth2 {
	color:#1091ad;
	border-bottom:solid 5px #e4f2db;
}
div.alth2 {
	color:#000;
}

.altlist {
	font: 700 14px/23px 'Open Sans', arial, sans-serif;
	display:inline-block;
	width:40%;
	padding-right:5%;
	vertical-align: top;
	
}
ul.column {
	display:inline-block;
	width:40%;
	padding-right:5%;
	vertical-align: top;
}
.callout-blue {
	background: #ace8f9;
	border:solid 5px #1091ad;
	padding:10px 25px;
	color: #002653;
}
.callout-blue h2 {
	color: #002653;
	font: 700 19px/21px 'Open Sans Condensed', arial, sans-serif;
	margin:0;
	padding:0 0 10px 0;
}
.callout-blue ul.column {
	display:inline-block;
	width:38%;
	padding-right:5%;
	vertical-align: top;
	margin-top:0;
}
#content div.column {
	display:inline-block;
	width:40%;
	padding-right:5%;
	vertical-align: top;
}


.slidewrapper .views-content-field-home-slider-thumb {
filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
}
.slidewrapper .active .views-content-field-home-slider-thumb,
.slidewrapper .views-content-field-home-slider-thumb:hover {
filter: none; /* IE6+ */
filter: grayscale(0%); /* Current draft standard */
-webkit-filter: grayscale(0%); /* New WebKit */
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%);
}

.lt_blue {
	color: #1091ad;
}
.dk_green {
	color: #86b44e;
}


#content img.sg-header-image {
margin: 0px;
border: none;
}


/* OVERLAY
------------------ */
.overlay #header .header-wrap,
.overlay .breadcrumb {
	display: none;
}
.html.overlay .defaultSkin .mceStatusbar div,
.overlay form .field-multiple-table td.field-multiple-drag {
	display:block;

}
.html .defaultSkin .mceStatusbar div,
form .field-multiple-table td.field-multiple-drag {
	display:none;
	
}