@charset "utf-8";
/* CSS Document */


nav .navToggle{
	display: none;
}



a.closeSide {
    display: block;
    margin: .5em;
    background: #2AAAE1;
    height: 2.4em;
    line-height: 2.4em;
    font-size: 1.3em;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

@media only screen and (max-width : 1030px)	
{
.rowliner {
    width: auto;
    max-width: 1040px;
    margin: 0 1em;
}


}

@media only screen and (max-width : 1080px)	
{
	
	nav .navToggle{
	display: inline-block;
}

	nav .navWrap{
	display: none;
}
nav .navRight {
    float: right;
}
}

@media only screen and (max-width : 860px)	
{
header .headRight .hrRow1{
    display: none;
}

}

@media only screen and (max-width : 820px)	
{
.headWrap {
    height: 144px;
}
main {
    margin-top: 144px;
}
.logolink{
	background:  url(images/nacwa-rwd.png) center center no-repeat;
	width: 225px;
	height: 100px;
}

.news-events .colswrap{
	float: none;
}
.news-events .contentcol {
    margin-left:0;
		margin-bottom: 1.5em;

}

.news-events .leftcol {
    float: none;
    width: auto;
    margin-left: 0;
}
 .campaignBox {
    position: relative;
	width: 100%;
	bottom: auto;
	clear: both;
	margin: 1.5em 0 ;
}
.campaignBoxLiner {
    width: auto;
    margin: 0 1em;
}

.campaignBoxLiner .cblRow2 a {

    margin:  .5em;
}

.campaignBoxLiner .cblRow1 {

    font-size: 1em;
}

.campaignTitle h1{
	font-size: 42px;
	padding: 0 1em;

}

.campaignTitle h2{
	font-size: 32px;
		padding: 0 1em;



}
	
		.break800 > .sf_colsOut {
	    width: 100% !important;
	    float: none;
	}
    .break800 > .sf_colsOut > .sf_colsIn {
	    margin: 0 0 1.5em 0 !important;
    }
}

@media only screen and (max-width : 720px)	
{
	.conference header {
		height: 118px;
	}
	
	.conference header .rwdbrow{
		display: block;
		height: 30px;
	}
	.conference .headRight .navToggle,.conference .headRight .hrHomeLink{
		display: none;
	}
	header .headLeft {
        float: none;
	    margin-left: 1em;
	    width: auto;
    }
    .headRight {
        position: absolute;
        top: 0;
        right: 20px;
    }
	.conference header .headLeft {
        float: left;
    }
    .conference .headRight {
        top: 35px;
    }
}

@media only screen and (max-width : 640px)	
{
    .sf_2cols_1_25, .sf_2cols_2_75,
    .sf_2cols_1_33, .sf_2cols_2_67,
    .sf_2cols_1_67, .sf_2cols_2_33,
    .sf_2cols_1_75, .sf_2cols_2_25,
    .sf_2cols_1_50, .sf_2cols_2_50,
    .sf_3cols_1_25, .sf_3cols_2_50, .sf_3cols_3_25,
    .sf_5cols_1_20, .sf_5cols_2_20, .sf_5cols_3_20, .sf_5cols_4_20, .sf_5cols_5_20,
    .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25,
    .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33 {
        width: auto !important;
        float: none !important;
    }
    .sf_colsIn  {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
	.l3leftcol {
    display: none;
}

.l3rightcol, .l3rightcolInner  {
    margin-left: 0;
    float: none;
}
	.hideLeft640 > .sf_2cols_1_25, .hideLeft640 > .sf_2cols_1_33{
		display: none;
	}
	
	.hideLeft640 >  .sf_2cols_2_75, .hideLeft640 >  .sf_2cols_2_67 {
    float: none;
	width: 100% !important;
	}
	
	.breakat640 > .sf_colsOut {
	width: 100% !important;
	float: none;
}

.button1 .btnBreak a {
    margin: .5em 0;
}

.breakat640 > .sf_colsOut > .sf_colsIn {
	margin: 0 !important;
}
.advocacy .row3 .breakat640 > .sf_colsOut > .sf_colsIn{
	padding: 1.5em;
}
.breakat640.advolines > .sf_colsOut > .sf_colsIn {
	margin: 1.5em !important;
}
.advolines .sf_2cols_1in_50, .advolines .sf_2cols_2in_50{
		padding: 2em 1em !important;
border: none !important;
}
	header .rowliner {

    margin: 0;
}

	
	.conference header{
		height: 118px;
	}
	
	.conference header .headLeft {
    float: left;
		height: 88px;
}


.headRight .hrRow2 {
	margin-bottom: .5em;
	text-align: center;
}

	
.colswrap{
	float: none;
}
.sf_cols, .cbLiner {
    height: auto !important;
}
main img {
    display: block;
    float: none !important;
    margin: 15px auto !important;
}
main .slideshow img {
    margin: 0 !important;
}
.intro .leftcol,.row2 .leftcol {
    margin-right: 0;
	margin-bottom: 1.5em;
}

.intro .rightcol ,.row2 .rightcol {
    float: none;
    width: auto;
    margin-left: 0;
	
}

.btmBox {
    padding: 1em;
	height: auto !important;
    box-sizing: border-box;
}

.current-blog .cbRight .cbLiner{
	margin-left: 0;
	
	margin-top: 1em;
}

/*----------Columns----------*/
/* 50/50 w border */
    .resources .row2 .cbLeft, .resources .row3 .cbLeft, .resources .row4 .cbLeft,
    .about .row5 .cbLeft, .issues .row4 .cbLeft, .news .row6 .cbLeft {
        width: 50%;
        float: left;
        position: relative;
    }
    .resources .row2 .cbRight, .resources .row3 .cbRight, .resources .row4 .cbRight,
    .about .row5 .cbRight, .issues .row4 .cbRight, .news .row6 .cbRight {
        width: 100%;
        float: none;
    }
    .resources .row2 .cbLeft .cbLiner, .resources .row3 .cbLeft .cbLiner, .resources .row4 .cbLeft .cbLiner,
    .about .row5 .cbLeft .cbLiner, .issues .row4 .cbLeft .cbLiner, .news .row6 .cbLeft .cbLiner {
        margin:  0 2em;
    }
    .resources .row2 .cbRight .cbLiner, .resources .row3 .cbRight .cbLiner, .resources .row4 .cbRight .cbLiner,
    .about .row5 .cbRight .cbLiner, .issues .row4 .cbRight .cbLiner, .news .row6 .cbRight .cbLiner {
        margin:0 2em;
    }
    .resources .row2 .fullrow, .resources .row3 .fullrow, .resources .row4 .fullrow,
    .about .row5 .fullrow, .news .row6 .fullrow {
        background: none;
    }
/* 50/50 Boxes */
    .about .row4 .cbLeft, .about .row6 .cbLeft, .advocacy .row4 .cbLeft, .conference .row4 .cbLeft {
        width: 100%;
        float: none;
    }
    .about .row4 .cbRight, .about .row6 .cbRight, .advocacy .row4 .cbRight, .conference .row4 .cbRight {
        width: 100%;
        float: none;
    }
    .about .row4 .cbLeft .cbLiner, .about .row6 .cbLeft .cbLiner, .advocacy .row4 .cbLeft .cbLiner, .conference .row4 .cbLeft .cbLiner {
        margin: 1em;
    }
    .about .row4 .cbRight .cbLiner, .about .row6 .cbRight .cbLiner, .advocacy .row4 .cbRight .cbLiner, .conference .row4 .cbRight .cbLiner {
        margin: 1em;
    }
	
	/******************************/

 .cbLeft, .cbRight  {
    width: auto !important;
    float: none  !important;
    position: relative;
}



 .cbLiner {
	/*margin: 1.5em  !important;*/
}

.foottop .cbLiner{
	margin: 0   !important;
}

.foottop .leftcol {
    float: none;
    width: auto;
    margin-left: 0;
	background:#6AA3D8;
    border-left: none;
    border-right: none;
}

.foottop .contentcol {
	display: none;
}

.intro .rightcol{
	border: none !important;
}

.news .row5 .leftcol {
    margin-right: 0px;
}

.sponsorListButtons a {

    width: 100%;

    margin: .5em auto;
    
    display: block;
}



.annualNewsEvents .cbLiner{
	margin-bottom: 1.5em;
}

.campaignTitle {
	
position: relative;
    margin-top: -200px;
	top: auto;

}

.bigImg {
  opacity: .3;
}
}

@media only screen and (max-width : 480px) {
.headRight .hrRow2 {
    margin-top: 0;
}
.breakat480 > .sf_colsOut {
	width: 100% !important;
	float: none;
}

.breakat480 > .sf_colsOut > .sf_colsIn {
	margin: 0 !important;
}	

	
	.campaignTitle {
	
position: relative;
    margin-top: -145px;
	top: auto;

}
.downloadPDF a{
	display: inline-block;
	padding: 1.2em;
}
	.co-ev-wrap > .sf_colsOut{
		width: auto !important;
		float: none;
	}
	
	.socialrow .sf_colsOut{
		width: 100%;
		float: none;
	}
	
	.headWrap {
    height:auto;
    position: relative;
	}
	
	
	main {
    margin-top: 0px;
}
	.logolink{
	margin: 0 auto;
}

	.headRight, .headLeft {
        float: none;
        position: relative;
        top: auto;
        right: auto;
    }
	
	.headRight .hrRow2 .logBttns a {
    display: inline-block;
	    padding: .3em .8em;
		margin-top: 5px;
}
	.button1 a {
	
	padding: 1em;
	}
	.buttonright{
		text-align:center;
	}
	
	.regButton a {
  
    padding: .6em 1.5em;
	}
	
	.conference .headRight{
		display: none;
	}
	
	.conference header .headLeft {
    float: none;
    text-align: center;
}
	
/**************** net forum controls ******************/
    /*.nfBlock1  tr:first-child {
        display: none;
    }*/
    .nfBlock1 table {
        width: 100%;
    }
    .nfBlock1 tr, .nfBlock1 th,.nfBlock1 td {
        display: block;
    }
    .nfBlock1 td {
        padding: 0 .6em;
    }
    .nfBlock1  tr td:first-child {
        padding-top: 1em;
    }
	.nfBlock1  tr td:last-child {
	    padding-bottom: 1em;
    }
}
@media only screen and (max-width : 320px) {
	.searchwrap .sfsearchTxt {
        width: 200px;
    }
	.headRight .hrRow2 span{
	    display:none;
    }
    .headRight .hrRow2 .logBttns a {
        color: #99b974;
        text-decoration:underline;
        background-color: transparent;
        padding: 0 6px 0 20px;
	    background: url(images/signinike.png)left center no-repeat;
    }
}