/* @override http://stwr.ndpclient.com/sites/all/themes/mainmodern/css/style.css?mlt6wu */

/*
NDP HTML5 Starter Theme.
Zen Sub Theme
Martin

styles.css
For layout, block, and custom styles
*/

/*   Contents   */
/*--------------*/
/*	Layout (including region info)
/* 	Blocks
/* 	Views
/* 	Articles
/* 	Maintenance
/*--------------*/



/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */

#header,
#main,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  border: 0 !important;
  overflow: visible;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/*=================================================*/
/*----------------------*/
/*      LAYOUT          */  /* Main Layout styles
/*----------------------*/
/*=================================================*/
/*		Set main column widths and create layout*/
/*=================================================*/

/*Fix width for iPad / iPhone*/
/*---------------------------*/
body{min-width:980px;}


#toptools,
#header,
#page,
#footer {
  position: relative;
  overflow: hidden;
  *zoom: 1;
}

/*Top Tools*/
/*--------*/
/*included REGION(s): 'Top Tools' */
/*Suggested use - user login, account links*/

#toptools {
  background: none repeat scroll 0 0 #FFFFFF;

}
.region-toptools {
  margin: 0 auto;
  border-bottom: 1px solid #333333;
  padding: 8px 228px 8px 0;
  position: relative;
  width: 712px;
  overflow: hidden;
  height: 34px;
}
.region-toptools .block {
	width:34%;
}
#block-block-4{
	float:left;
}
#block-menu-block-1,
#block-locale-language {
	float:right;
}
#block-locale-language {
	width: 220px;
	margin: 5px 0 0 0;
	padding-right: 15px;
	border-right: 1px solid #808080;
}
#block-locale-language a {
	color: #808080;
}
#block-locale-language a.active {
	font-weight: bold;
}
#block-locale-language ul{
	margin: 0;
}
#block-locale-language ul li{
	display: inline-block;
}
#block-locale-language img{
	vertical-align: middle;
	margin-top: -4px;
}
#block-locale-language li.ja img {
	border: 1px solid #d8d8d8;
}

#block-locale-language ul li.first {
	margin-right: 10px;
}
#block-lang-dropdown-language select {
	/*background: #fff;*/
	height: 32px;
	color: #808080;
	font-weight: bold;
	border: 1px solid #808080;
	
}
#block-menu-block-1 {
	max-width: 150px;
	margin-right: 10px;
}
/*Header*/
/*------*/
/*included REGION(s): 'Header' */
#mainheader {
  margin: 24px 0;
}
#mainheader .inner{
	width:940px;
	margin:0 auto;
}
#mainheader .inner .logo,
#mainheader .inner .block {
}
#mainheader .inner .logo {
	width:380px;
	margin-left:160px;
	float:left;
}
#mainheader .inner .header {
	width:640px;
	height:100px;
	float:left;
	position:relative;
}


/*Main Navigation*/
/*---------------*/
/*included REGION(s): 'Main Navigation Bar' */

#mainnav{
	margin-bottom:20px;
}
.front #mainnav{
	margin-bottom:20px;
}
#mainnav .inner {
  background: none repeat scroll 0 0 transparent;
  height: 90px;
  margin: 0 auto;
  width: 940px;
  overflow:hidden;
}

.front #mainnav .inner {
  border-bottom: 1px solid #00A6D6;
}

/*Page Content*/
/*------------*/
/*included REGION(s): 'Main Content', 'Main Top', 'Main Bottom', 'Highlighted', 'Help' */

#page{
	padding-bottom:20px;
}

.page-inner{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}

/*Highlighted*/
/*For highlighted / banner content -
can be moved to above page in template for full width*/
#highlighted{

}
/*highlight inner*/
.region-highlighted{
    /*use for inner fixed width if needed
	width:940px;
	margin:0 auto;
	overflow:hidden;*/
}


/*main content region*/
#main{
	width:860px;
	float:left;
}

.two-sidebars #main,
.one-sidebar.page-node #main{
	width:540px;
  margin-right:20px;
}
.one-sidebar #main,
.one-sidebar.page-node.hub-page #main,
.one-sidebar.section-get-involved #main,
.one-sidebar.page-node.front #main{
	width:700px;
}
.sidebar-second #main{
	margin-right:20px;
}


/*Sidebars*/
/*--------*/
/*included REGION(s): 'Sidebar First' (left), 'Sidebar Second' (right) */
.sidebar{
	width:140px;
	float:left;
}
.front .sidebar{
	width:220px;
}
.two-sidebars .sidebar{
	width:140px;
}
.region-sidebar-first{
	margin-right:20px;
}
.region-sidebar-second{
	margin-right:0;
}



/*Bottom Blocks*/
/*-------------*/
/*Included Regions(s) 'After Columns Before Footer' */
/*As default this region appears inside the main page, after sidebars and main -
for full width edit page.tpl.php and move the region to after the main page area*/
#bottom-blocks{
	clear:both;
}

.region-bottom-blocks{
    /*use for inner fixed width if needed
	width:940px;
	margin:0 auto;
	overflow:hidden;*/
}


/*Footer Main*/
/*------*/
/*Wraps Footer Region*/
#footer_wrap {
  background:#fff;
  padding:0;
}

/*Footer*/
/*------*/
/*Included Regions(s) 'Footer' */

#footer {
  border-bottom: 1px solid #333333 !important;
  border-top: 3px solid #00A6D6 !important;
  margin: 0 auto;
  padding: 20px 0 0;
  width: 940px;
}


/*Post Footer*/
/*-----------*/
/*Included Regions(s) 'After Footer' */
/*Suggested use - legal, site credit links*/
#footer_post {
	background:#fff;
	padding:10px 0 0;
	overflow:hidden;
	margin-bottom:40px;
}
/*Post footer inner*/
#footer_post .inner{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
#footer_post .region-footer-post{
	width:620px;
	margin:0 auto;
	float:left;
}
#footer_post #ndp{
	width:300px;
	margin:0 auto;
	float:right;
	text-align:right;
}
.hidden {
	display: none;
}

/*=================================================*/
/*----------------------*/
/*       BLOCKS         */ /* custom block styles
/*----------------------*/
/*=================================================*/


.block{
	position:relative;
}

.sidebar .block{
	margin-bottom:20px;
}
.sidebar section.last{
	margin-bottom:0;
}

/*Block Theme Styles*/
/*------------------*/
/*Add your Block Theme styles here!*/


.homestrap p {
  padding: 0 160px;
}
.homestrap p {
  color: #808080;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 30px;
}
.front .region-body-blocks .block{
	width:300px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.front .region-body-blocks .even{
	margin-left:0;
}
.front .region-body-blocks .block-title {
  min-height: 45px;
  height: auto!important;
  height: 45px;
  max-height:45px;
  overflow:hidden;
}



/*MENU BLOCKS*/
/*-----------*/
.block-menu-block
.sidebar .block-menu-block{
	padding:0;
}


/*FOOTER MENU BLOCKS*/
/*------------------*/
#footer .block{
	float:left;
	margin-right:20px;
}
#footer #block-block-6{
  width: 380px;
}
#footer #block-block-12{
  width: 220px;
}
#footer #block-menu-block-5{
  width: 140px;
}
#footer #block-block-13{
  width: 220px;
  margin-right:0;
  float:right;
}

#footer #block-block-6 .img-float-left{
  margin-right:46px;
}
#footer #block-block-13 .img-float-left{
  margin-right:5px;
  margin-bottom:0;
}


.legal-links ul.menu li{
  display: inline;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #333;
  line-height: 15px;
}
.legal-links ul.menu li.last{
	border:0;
}
.legal-links ul.menu li a:hover{
	text-decoration:underline;
}


/*SEARCH BLOCK*/
/*------------*/
#toptools #block-search-form {
  height: 34px;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 218px;
}
#block-search-form .container-inline {
  border: 1px solid #808080;
  overflow: hidden;
  position: relative;
}
#toptools #block-search-form .form-item{
  padding:0;
  margin:0;
}
#block-search-form #edit-actions input{
	margin-right:0;
}

#block-search-form label{
	margin:0;
	padding:0;
}

#block-search-form #edit-actions,
#block-search-form #edit-actions--2 {
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
}
#block-search-form .form-submit{
  width: 28px;
  height: 32px;
  text-transform:uppercase;
  overflow:hidden;
  display:block;
  text-indent:-9999em;
  background:#fff url(../images/search.png) 0 0 no-repeat;
  padding:0;
}

.home-side-socials p{
	margin-bottom:10px;
}
.home-side-socials a.buttonlink,
.home-side-socials a.buttonlink:hover{
	display:block;
	padding-left:45px;
	background-position:10px center;
	background-repeat:no-repeat;
}
.home-side-socials a.facebook{
	background-image:url(../images/social-facebook.png);
}
.home-side-socials a.facebook:hover{
	background-image:url(../images/social-facebook-hover.png);
}
.home-side-socials a.vimeo{
	background-image:url(../images/social-vimeo.png);
}
.home-side-socials a.vimeo:hover{
	background-image:url(../images/social-vimeo-hover.png);
}
.home-side-socials a.twitter{
	background-image:url(../images/social-twitter.png);
}
.home-side-socials a.twitter:hover{
	background-image:url(../images/social-twitter-hover.png);
}


/*CTA DONATE*/
.cta-donate .buttonlink{
	display:block;
}



/*=================================================*/
/*----------------------*/
/*       VIEWS          */ /* Base View styles
/*----------------------*/
/*=================================================*/

.views-row {
  padding-bottom: 1em;
}
.views-field-title{/*see editor.css*/}

/*display of author and date - update to relevant classes if needed*/
.views-field-created,
.views-field-name {

}
.views-field-body{
  margin-bottom: 0.5em;
  line-height:1.4em;
}

.view .field-name-field-news-image-video,
.view .field-name-field-blog-image-video,
.view .field-name-field-image-video,
.view .field-name-field-article-image-video,
.view .field-name-field-pub-image-video{
  float: left;
  margin-right: 20px;
  width: 220px;
}



/*Views In Sidebars*/
/*---------------*/
.sidebar .views-row {
  border-top: 1px solid #00A6D6;
  line-height: 1.4em;
  margin-bottom: 0;
  padding: 0.8em 0 0.3em;
}

.sidebar .view-id-tweets .views-row {
  padding: 0.8em 0 0.7em;
}
.sidebar .view-id-tweets .views-row-last {
  padding: 0.8em 0 0;
}
.sidebar .views-row-last  {
	padding-bottom:0;
	margin-bottom: 1em;
	border-bottom:0;
}
.sidebar .views-field-title {
  margin-bottom: 0.5em;
}
.sidebar  .views-field-body p {
  margin-bottom: 0.5em;
}


/*DIV based Grid Views*/
/*--------------------*/
.gridRow {
  margin:0 0 20px 0;
  overflow: hidden;
}
.gridCol{
	float:left;
	margin-left:20px;
}
.col-1{
	margin-left:0;
}

/*edit class and width as needed - 'grid-3' = 3 col grid*/
.grid-3 .gridCol{
	width:220px;
}


/*Pagers*/
/*------*/
.item-list .pager {
  border-top: 1px solid #333333;
  padding: 10px 0 0;
  text-align: left;
  margin-bottom: 10px;
}
.item-list .pager li {
  display: inline;
  list-style-type: none;
  padding: 0.2em 0.5em;
  font-weight:bold;
}
.pager li.pager-current {
  background: none repeat scroll 0 0 #CCE7F4;
  color: #333333;
}


.view-related-content .gridCol{
	width:140px;
}

.node-webform{
	margin-bottom:2em;
}


/*=================================================*/
/*----------------------*/
/*       CAROUSELS       */ /*
/*----------------------*/
/*=================================================*/

/*If views slideshow colapses or acts weird in IE, first unchecked the IE 'cleartype' stuff in the view/slideshow options.
IF still werid try the below:*/

.views-slideshow-cycle-main-frame,
.views-slideshow-cycle-main-frame-row {
height: 380px !important;
width:  700px !important;
background: transparent !important;
}

.homeslider{
	border-top: 3px solid #00A6D6;
}


.homeslider-text {
  background: url("../images/carouseltext.png") repeat scroll 0 0 transparent;
  bottom: 0;
  height: 75px;
  padding: 20px 25px;
  position: absolute;
  width: 650px;
  z-index: 2;
}
.homeslider-text .title{
	margin-bottom:0.1em;
}


/*Navigation*/
#views_slideshow_controls_text_homepage_slideshow-block a{
	height:49px;
	width:30px;
	overflow:hidden;
	text-indent:-9999em;
	text-transform:uppercase;
	display:block;
	position: absolute;
	top:165px;
	background-image:url(../images/slider-controls.png);
	background-repeat:no-repeat;
	background-color: transparent;
	background-position: 0 0;
	z-index: 100;
}
#views_slideshow_controls_text_homepage_slideshow-block .views_slideshow_controls_text_pause{
	display:none;
}
#views_slideshow_controls_text_homepage_slideshow-block .views-slideshow-controls-text-next a{
	right:0;
	background-position: -30px 0;
}
#views_slideshow_controls_text_homepage_slideshow-block a:hover{
	background-position: 0 -49px;
}
#views_slideshow_controls_text_homepage_slideshow-block .views-slideshow-controls-text-next a:hover{
	background-position: -30px -49px;
}

/*Pager*/
#widget_pager_bottom_homepage_slideshow-block {
  padding: 10px 0;
  text-align: center;
}
.views-slideshow-pager-field-item,
.homeslider .views-field-nid{
	width:7px;
	height:6px;
	display:inline-block;
	*display: inline;
  zoom: 1;
}
.views-slideshow-pager-field-item{
	margin:0 3px;
}
.homeslider .views-field-nid{
	display:block;
}
.homeslider .views-content-nid{
	height:6px;
	width:7px;
	display:block;
	overflow:hidden;
	text-indent: -9999em;
	background:url(../images/slider-pager.png) -18px 0 no-repeat;
	cursor: pointer;
}
.homeslider .active .views-content-nid{
	background:url(../images/slider-pager.png) 0 0 no-repeat;
}

.link{
	font-weight:bold;
}
.homeslider .views-slideshow-controls-bottom {
	margin-bottom:20px;
}



/*=================================================*/
/*----------------------*/
/*       ARTICLES       */ /* Node and Article styles
/*----------------------*/
/*=================================================*/

.field-name-field-topics .field-item {
  display: inline;
  margin-right: 15px;
}

article .field{
	margin-bottom:1em;
}

.one-sidebar #main .node,
.one-sidebar #main h1#page-title{
	width:540px;
}

.one-sidebar #main .views-row .node,
.hub-page #main .node,
.section-get-involved #main .node,
.hub-page #main h1#page-title,
.section-get-involved #main h1#page-title,
.page-views #main h1#page-title{
	width:auto!important;
}

.region-content-post{
	border-top: 1px solid #00A6D6;
  padding: 10px 0 0;
}

#block-sharethis-sharethis-block {
  width:auto;
  float:left;
  margin-right:5px;
}
#block-local-custom-print-link{
	float:left;
	width:32px;
	height:32px;
}

.stButton .stLarge{
	width:32px;
	height:32px;
	background-image: url("../images/sharethis.png")!important;
	background-repeat: no-repeat;
}
.stButton .stLarge:hover{
	background-image: url("../images/sharethis.png")!important;
}

.st_twitter_large .stLarge{
	background-position: -1px 0 ;
}
.st_facebook_large .stLarge{
	background-position:  -40px 0;
}
.st_linkedin_large .stLarge{
	background-position:  -79px 0;
}
.st_email_large .stLarge{
	background-position:  -156px 0;
}
.st_pinterest_large .stLarge{
	background-position:  -235px 0;
}
.st_googleplus_large .stLarge{
	background-position:  -195px 0;
}


.st_twitter_large .stLarge:hover{
	background-position: -1px -32px!important;
}
.st_facebook_large .stLarge:hover{
	background-position:  -40px -32px!important;
}
.st_linkedin_large .stLarge:hover{
	background-position:  -79px -32px!important;
}
.st_email_large .stLarge:hover{
	background-position:  -156px -32px!important;
}
.st_pinterest_large .stLarge:hover{
	background-position:  -235px -32px!important;
}
.st_googleplus_large .stLarge:hover{
	background-position:  -195px -32px!important;
}

#block-local-custom-print-link .content a,
#block-print-print-links .content a {
  background: url("../images/sharethis.png") no-repeat scroll -117px 0 transparent;
  display: inline-block;
  height: 32px;
  overflow: hidden;
  text-indent: -9999em;
  text-transform: uppercase;
  width: 32px;
}
#block-local-custom-print-link .content a:hover,
#block-print-print-links .content a:hover{
	background: url("../images/sharethis.png") no-repeat scroll -117px -32px transparent;
}
#block-print-print-links .print_html,
#block-print-print-links .print_mail,
#block-print-print-links .print_pdf {
  margin-left: 0;
}

.submitted .author-name{
	font-weight:bold;
	color:#00A6D6;
	margin-right:7px;
}


/*FLOATED SHARE THIS ICONS*/
#sthoverbuttons {
  top: 280px!important;
}
.logged-in #sthoverbuttons {
  top: 309px!important;
}



/* Global Calling Blocks */

.collapsingblock h3.block-title,
.collapsingblock h2.block-title {
  border-width: 0;
}
.button-active {
  background: #00A6D6;
  color: #fff !important;
}
.block-signatures-links ul {
  margin: 0;
  padding: 0;
}
.block-signatures-links ul li {
  border-top: 1px solid #00A6D6;
  padding: 0.8em 0em;
  list-style: none;
}


/* CAPTCHA */
.webform-client-form fieldset.captcha {
  background: none;
  /*border: 1px solid #ddd;*/
  border-width: 0;
  padding: 14px 0 0 0;
}
.webform-client-form fieldset.captcha .fieldset-description {
  display:none;
}
.webform-client-form fieldset.captcha .fieldset-legend,
.webform-client-form fieldset.captcha .fieldset-description,
.webform-client-form fieldset.captcha div.description {
  display:none;
}
#webform-client-form-403 .webform-component .form-text,
#webform-client-form-400 .webform-component .form-text {
  width: 335px;
}
#webform-client-form-403 .webform-component .form-select,
#webform-client-form-400 .webform-component .form-select {
  width: 345px;
}



/*=================================================*/
/*----------------------*/
/* MAINTENANCE MODE     */ /* For Maintenance Page
/*----------------------*/
/*=================================================*/
.maintenance-page #page {
  margin: 40px auto;
  text-align: left;
  width: 940px;
  padding:0 20px;
}

.maintenance-page #content{
  margin:0;
  font-size:1.4em;
}

.maintenance-page #name-and-slogan{
	margin:20px 0 10px 0;
}

.authored-by-list a{
  display: inline;
  padding-right: 5px;
  margin-right: 5px;
 /* border-right: 1px solid #333;*/
  line-height: 15px;
}
.authored-by-list .username{
	border:0px;
}

/*
#cce7f4
.page-global-call-signatures-400 td.active,
.page-global-call-signatures-403 td.active {
  background-color: #fff;
}
.page-global-call-signatures-400 th, .page-global-call-signatures-400 td,
.page-global-call-signatures-403 th, .page-global-call-signatures-403 td {
  border: 1px solid #888;
  padding: 10px;
}
.page-global-call-signatures-400 tr.even, .page-global-call-signatures-400 tr.odd,
.page-global-call-signatures-403 tr.even, .page-global-call-signatures-403 tr.odd {
  background-color: #fff;
}
*/
.page-global-call-signatures-400 th, .page-global-call-signatures-400 th a,
.page-global-call-signatures-403 th, .page-global-call-signatures-403 th a {
  background: #00a6d6;
  color: #fff;
  text-shadow: 0 0 1px #6f6f6f;
  text-decoration: none;
}
.page-global-call-signatures-400 tr.odd,
.page-global-call-signatures-403 tr.odd {
  background-color: #cce7f4;
}

.page-global-call-signatures-400 table,
.page-global-call-signatures-403 table {
  width: 130%;
}

/* Homepage banner */

.front #mainnav {
  margin-bottom: 4px;
}
.front #highlighted {
  background-color: #D9D9D9;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 18px 0;
  color: #fff;
}
.front #highlighted .homestrap p {
  color: #fff;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 0;
}
.front #highlighted .homestrap p a {
  /*color: #cce7f4;*/
  color: #404040;
}
.front #mainnav .inner {
  height: 80px;
  border-bottom: none;
}
.front #highlighted:hover {
  background-color: #000;
  opacity: 0.7;
}
.front #highlighted:hover .homestrap p a {
  color: #cce7f4;
}



/*Hide the individual call form on the thank you page*/
.page-node-408 #block-webform-client-block-403 {
  display: none;
}
/*=====================================================================*/
/* There is some respose here to shift the sharing bar over to the right
/* when the site is on mobile or tablet

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	body .sthoverbuttons-pos-left {
		left:auto!important;
		right:-1px!important;
	}

	#sthoverbuttons .sthoverbuttons-shade-l {
	    background:url('../images/mini_BG_flip.png') 0px 0px!important;
	}

	body #sthoverbuttons #sthoverbuttons-top {
		height:1px;
	}
	body #sthoverbuttons #sthoverbuttons-bottom {
		height:2px;

	}
	#sthoverbuttons .sthoverbuttons-bottom-l {
		background-position:0 -1px!important;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	body .sthoverbuttons-pos-left {
		left:auto!important;
		right:-1px!important;
	}

	#sthoverbuttons .sthoverbuttons-shade-l {
	    background:url('../images/mini_BG_flip.png') 0px 0px!important;
	}

	body #sthoverbuttons #sthoverbuttons-top {
		height:1px;
	}
	body #sthoverbuttons #sthoverbuttons-bottom {
		height:2px;

	}
	#sthoverbuttons .sthoverbuttons-bottom-l {
		background-position:0 -1px!important;
	}

}