/*
Theme Name: SimpleKey - One page portfolio Joomla Template.
Authors: ThemeVan & htmgarcia
License: GNU General Public License and Themeforest general license
*/
@import url(general.css);
@import url(layout.css);
/*@import url(editor.css);*/

.bullet ul li{ list-style: disc;
	margin-left:30px; }

/* horizontal rule styles */
/* Gradient color1 - color2 - color1 */		
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

hr.style-two {
    border: 0;
    height: 1px;
    background: #fff;
}

/* js_jobs styles */
div#jsjobs_footer {
	display:none;
}


/* ncba_logo style */
#ncba_logo{
	position:absolute;
	top:8px;
	left:30px;
	z-index:5;
	background:url('../../../images/ncba_clusa_int.png') no-repeat; 
	width:47%; 
	background-size:contain;
}

/* just south of menu styles */

/* left sidebar */

  div.left_sidebar{
  	float: left;
  }

/* braedcrumb */
section#vg-main-body.page-area div.wrapper div.one_half table tbody tr td table.moduletable tbody tr td ul.breadcrumb li{
	height:30px;
	display: inline;
}
/* search */


/* right sidebar */

  div.right_sidebar{
  	float: right;
  }

/* SECTION STYLES */


section#section-about.page-area div.wrapper div.custom table tbody tr td center a:hover{
	background:#444444;
}

  #section-team.page-area div.wrapper hgroup.title h1 *, #section-team.page-area div.wrapper hgroup.title p{
	color:#444444;
  }
  
  section#section-contact.page-area div.wrapper div.custom div * {
  	color:#ffffff;
  }



#join {
text-align: right;
width: 507px;
float:right;
margin-left:500px;
}

img.bmunson {
width:301px;
height:306px;
position:relative;
top:11px;
right:40px;
z-index:8;
}

#staff {
width: 100px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size:18pt;
line-height: 22pt;
color:#414141;
text-align:left;
top:190px;
position:relative;
z-index:8;
}

#staffphone {
width: 150px;
text-align:left;
font-size:10pt;
font-weight:bold;
color:#000000;


top:205px;
left:10px;
position:relative;
z-index:8;
}

#staffemail {
width: 160px;
text-align:left;
font-size:10pt;
top:200px;
position:relative;
z-index:8;

}

table#careers {
width:1012px;
height:197px;
}

#memberben {
border-width:1px; 
border-style:solid; 
border-color: black; 
float: left; 
width: 350px; 
height: 350px;
margin-right:10px;
margin-bottom:10px;
padding:10px;
}

#memberjoin {
background-image: url('/images/joinnow.png');
border-width:1px; 
border-style:solid; 
border-color: black; 
float: left;
width: 370px; 
height: 370px;
margin-right:10px;
margin-bottom:10px;
}

#memsay {
border-width:1px; 
border-style:solid; 
border-color: black; 
float: left;
width: 400px; 
height: 210px;
margin-right:10px;
margin-bottom:10px;
padding:10px;
}

div#container section#vg-main-body.page-area div.wrapper div#eblog-wrapper.eblog-default div#ezblog-head{
    display:none;
}

div#container section#vg-main-body.page-area div.wrapper div.one_half form#mod-finder-searchform.form-search{
	margin:2px;
}
div#container section#vg-main-body.page-area div.wrapper div.right_sidebar{
	max-height:90px;
}
div#container section#vg-main-body.page-area div.wrapper div.right_sidebar div.entry{
	max-height:170px;
	float:right;
	width:auto;
	max-width:430px;
}

div#container section#vg-main-body.page-area div.wrapper div.right_sidebar div.entry:last-child{
	max-height:570px;
}
/*
div#container section#vg-main-body.page-area div.wrapper div.one_half div.entry:nth-child(3){	
	width:auto;
}
div#container section#vg-main-body.page-area div.wrapper div.one_half div.entry:nth-child(4){	
	width:auto;
}
div#container section#vg-main-body.page-area div.wrapper div.one_half div.entry:last-child{	
	width:auto;
}
*/

body._two_thirds div#container section#vg-main-body.page-area div.wrapper div.finder div#search-form{
    max-width:66%;	   
}
body._two_thirds div#container section#vg-main-body.page-area div.wrapper div.finder div#search-results{
    max-width:66%;
    min-height:570px;	   
}
div#container section#vg-main-body.page-area div.wrapper div.blog_two_thirds{
	max-width:66%;
	min-height:570px;
}
div#container section#vg-main-body.page-area div.wrapper div.item-page_two_thirds{
	max-width:66%;
	min-height:570px;
}

div#container section#vg-main-body.page-area div.wrapper div.one_half div.entry div div.social-share-button-mod-tw{
	max-width:73px;
	max-height:70px;
}
div#container section#vg-main-body.page-area div.wrapper div.one_half div.entry div div.social-share-button-mod-gone{
	max-width:54px;
	max-height:70px;
}

div._240{
	
}
div._300{
	
}
    div#container section#vg-main-body.page-area div.wrapper div.left_sidebar{
    	max-width:49%;
    	max-height:100px;
    	overflow:hidden;
    }

     div#container section#vg-main-body.page-area div.wrapper div.right_sidebar{
    	max-width:49%;
    	margin-right:20px;    	
    } 
@media only screen and (max-width: 770px) {
     div#container section#vg-main-body.page-area div.wrapper div.right_sidebar{
    	max-width:49%;
    	margin-right:20px;    	
    } 
	div#container section#vg-main-body.page-area div.wrapper div.right_sidebar div.entry{
		max-height:40px;
		float:right;
		width:auto;
		max-width:370px;
	} 
	div#container section#vg-main-body.page-area div.wrapper div.right_sidebar div.entry:last-child{
	    max-height:570px;
	}
}
}

.members {
font-size:18pt;
color:orange;
}






#scale {
    position:relative;
    width:40%;
    height:40%;
    margin-bottom:0%;
    margin-left:20%;
    float:left;
}

#scale4 {
    position:relative;
    margin-top:0%;
    float:left;
}


.coopmonth {
width:100%;
border:0px;
border-spacing: 10px;
text-align: center;
}


.coopmonth3 {
width:47%;
border:0px;
border-spacing: 5px;
text-align: center;
padding:0px;
margin-left:0px;
}

.coopmonth4 {
width:50%;
border:0px;
border-spacing: 5px;
text-align: center;
padding:0px;
}

.coopmonth5 {
width:31%;
border:0px;
border-spacing: 5px;
text-align: center;
padding:0px;
}

.coopmonth6 {
width:50%;
border:0px;
border-spacing: 5px;
text-align: center;
padding:0px;
}

.cmlogo {
box-pack:left;
box-align:left;
}
section#section-media.page-area div.wrapper div.entry div.one_third {
	display:none;
}
section#section-media.page-area div.wrapper div.fb-like-box{
	width:49%;
	float:left;
	margin-top:10px;
	background:#fff;
	overflow:hidden;
}
section#section-media.page-area div.wrapper div.entry {
	width:50%;
	float:left;
	margin-top:10px;
	margin-left:7px;
	background:#fff;
	overflow:hidden;
}
section#section-media.page-area div.wrapper div.entry div.two_third {
	width:100%;
	position:relative;
}

div.cbj_tag ul.category li span.tag-body p:first-child img{
	max-width:200px;
	height:auto;
	align:left;
	padding:0px;
}
div.tag-categorycbj_tag ul.category li span.tag-body p{	

}
div.cbj_tagg ul.category li span.tag-body p:first-child{
	max-width:200px;
	height:auto;
	float:left;
	clear:right;
	margin-right:10px;
}
html.csstransforms body.home div#container section#section-media.page-area div.wrapper div#btcontentslider131.bt-cs div.slides_container{
 margin:5px auto;
}

/* styles for mindactive-like grid from Our Works*/
div.media_grid div.gkNspPM figure figcaption{
	height:115px;
	padding:0 5px 4px;	
}
div.media_grid div.gkNspPM figure figcaption h3{
	font-size:12px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
div.media_grid div.gkNspPM figure figcaption a{
	font-size:11px;
}



html.csstransforms body.home div#container section#section-media.page-area div.wrapper div#btcontentslider131.bt-cs div.slides_container div.slides_control div.slide div.bt-row div.bt-inner div.bt-center a.bt-image-link img{
	min-height:160px;
	min-width:280px;	
}

html.csstransforms body.home div#container section#vg-main-body.page-area div.wrapper div.item-page{
	margin-top:7px;
}




.front-grid {
padding:0px 3px 5px;
float:left;


}

div.finder._top_right_search button._top_right_search i.icon-search.icon-white, div.finder._240 button._240 i.icon-search.icon-white{
	height:20px;
	line-height: 18px;
	width:18px;
}





div.articlemenu {
	width:280px;
	height: auto;
	float:left;
	margin-right: 8px;
	margin-bottom: 8px;
	clear:both;
}

div.articlemenu.right {
	float:right;
	margin-right: 0px;
	margin-left: 8px;
}

div.articlemenu .toggle_title{
	background:#eee url('../images/icons/collapse_16_yellow_dwn_glw.png') no-repeat 250px 9px;
	padding:5px;
}
div.articlemenu .toggle_title.on{
	background:#eee url('../images/icons/collapse_16_yellow.png') no-repeat 250px 9px;
}
div.articlemenu div.toggle_content{
	min-height:180px;
}

div.articlemenu div.toggle_content ul {
	width: 265px;
	list-style-type: none;
}

div.articlemenu div.toggle_content ul li{
	list-style-type: none;
	margin-top: 2px; 
	float: left;
	clear:both;
}

/* this allows you to set a pageclass of no-sections on menu items and it will hide the sections */
body.no-sections div#container section{
	border-bottom:none;
}
body.no-sections div#container section.vg-section-image{
	display:none;
}

body.no-section-works div#container section#section-works{
	display:none;
}

