/* CSS Document */


html {
    position: relative;
    min-height: 100%;
}


body {
	margin: 0 0 175px; /* bottom = footer height */
	background: url(http://www.wsaplumbingcontractors.org/images/framework/bg-admin.png) top center repeat-x;
	background-color:#c8c7b2;
}




.phooter, .push {
	position: absolute;
    left: 0;
    bottom: 0;
    height: 175px;
    width: 100%;
}



.sitewrap {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.sitewrap-content {
  flex: 1;
}











.content-wrapper {
    padding:30px 0 0 0;
	font-family: Calibri, Tahoma, Arial, Helvetica, sens-serif;
	color:#5e5f61;
	font-size: 16px;
	line-height: 28px;
	display: inline-block;
}

.logo-wrapper {
	display: inline-block;
    padding:46px 0 0 0;
}






/* Floating header */

#header {
	height: 36px;
	width: 100%;
	z-index: 1000;
	background:#3a3a3a;
	color:#FFF;
	font-family: Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

.fixed {
    position: fixed;
	left: 0;
    -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
}

.inner {color:#CCC; width: 1040px; margin-top: 6px; height: 36px;}

.inner a:link {color:#e9e9e9; text-decoration:none;}
.inner a:hover {color:#f2c10d; text-decoration:none;}
.inner a:visited {color:#e9e9e9; text-decoration:none;}


.shadow {
	width: 100%;
	/*height: 5px;*/
	position: absolute;
	left: 0;
	bottom: -5px;
	z-index: 500;
	/*display: none;*/
}





.introparagraph {
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 18px;
	line-height: 28px;
	color:#5e5f61;
}







.homeLeft {
	float: left;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 16px;
	line-height: 24px;
	color:#5e5f61;
	width: 570px;
	text-align:left;
	padding-bottom:130px;
}

.homeLeft a:link, .homeLeft a:visited {
	color:#0186ba;
	text-decoration:none
}

.homeLeft a:hover, .homeLeft a:active {
	color:#0186ba;
	text-decoration:underline;
}



.homeRight {
	float: right;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 14px;
	line-height: 22px;
	color:#5e5f61;
	width: 290px;
	text-align:left;
	margin-left:50px;
	padding-bottom:130px;
}

.homeRight a:link, .homeRight a:visited {
	color:#0186ba;
	text-decoration:none;
}

.homeRight a:hover, .homeRight a:active {
	color:#0186ba;
	text-decoration:underline;
}



.eventsLeft {
	float: left;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 16px;
	line-height: 24px;
	color:#5e5f61;
	width: 620px;
	text-align:left;
	padding-bottom:130px;
}

.eventsLeft a:link, .eventsLeft a:visited {
	color:#FFFFFF;
	text-decoration:none
}

.eventsLeft a:hover, .eventsLeft a:active {
	color:#FFFFFF;
	text-decoration:underline;
}


.eventsRight {
	float: right;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 14px;
	line-height: 22px;
	color:#5e5f61;
	width: 270px;
	text-align:left;
	margin-left:50px;
	padding-bottom:130px;
}

.eventsRight a:link, .eventsRight a:visited {
	color:#0186ba;
	text-decoration:none;
}

.eventsRight a:hover, .eventsRight a:active {
	color:#0186ba;
	text-decoration:underline;
}


.columnHead {
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	color:#5e5f61;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-decoration:none;
}

.columnHead a:link {
    color:#cb5926 !important;
}

.columnHead a:visited {
    color:#cb5926 !important;
}

.columnHead a:hover {
    color:#cb5926 !important; text-decoration:underline;
}

.columnHead a:active {
    color:#cb5926 !important;
}







.newsHeadline {
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 14px;
	line-height: 17px;
	color:#5e5f61;
	padding:0 0 12px 0;
	font-weight:300;
}

.newsHeadline a:link, .newsHeadline a:visited {
	color:#5e5f61;
}

.newsHeadline a:hover, .newsHeadline a:active {
	color:#0186ba;
	text-decoration:none;
}



.newsTitle {
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 18px;
	line-height: 28px;
	color:#000000;
	padding-bottom:10px;
}




.bioSub {
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	color:#5e5f61;
	font-size: 16px;
	line-height: 18px;
}











h1 {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	/*font-size: 40px;*/
	font-size: 34px;
	line-height:55px;
	color:#58585a;	
}
	


h2 {
	margin:0;
	padding:0;
}
	





.smallish {
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 11px;
	line-height: 12px;
	color:#5e5f61;
}




.regLeft {
	float: left;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 16px;
	line-height: 24px;
	color:#5e5f61;
	width: 570px;
	text-align:left;
	padding-bottom:130px;
}

.regLeft b, .regLeft strong {
	color:#000000;
}

.regLeft a:link, .regLeft a:visited {
	color:#0186ba;
	text-decoration:none
}

.regLeft a:hover, .regLeft a:active {
	color:#0186ba;
	text-decoration:underline;
}


.fullLeft {
	float: left;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 16px;
	line-height: 24px;
	color:#5e5f61;
	width: 100%;
	text-align:left;
	padding-bottom:130px;
}

.fullLeft a:link, .fullLeft a:visited {
	color:#0186ba;
	text-decoration:none
}

.fullLeft a:hover, .fullLeft a:active {
	color:#0186ba;
	text-decoration:underline;
}

.fullLeft2 {
	float: left;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 16px;
	line-height: 24px;
	color:#5e5f61;
	width: 100%;
	text-align:left;
	padding-bottom:130px;
}

.fullLeft2 a:link, .fullLeft2 a:visited {
	color:#000;
	text-decoration:none
}

.fullLeft2 a:hover, .fullLeft2 a:active {
	color:#0186ba;
	text-decoration:underline;
}

.fullLeftShmoo {
	float: left;
	font-family: 'Oxygen', Calibri, Tahoma, Arial, Helvetica, sens-serif;
	font-size: 17px;
	line-height: 23px;
	color:#000;
	width: 850px;
	text-align:left;
	padding-bottom:130px;
}

.fullLeftShmoo a:link, .fullLeftShmoo a:visited {
	color:#000;
	text-decoration:none
}

.fullLeftShmoo a:hover, .fullLeftShmoo a:active {
	color:#0186ba;
	text-decoration:underline;
}





.resultBox {
    font-family: 'Oxygen', Calibri, Arial, Helvetica, Verdana, sans-serif;	
	font-size: 15px;
	line-height: 22px;
	color: #5e5f61;
	font-weight: 400;
	padding:24px;
	
	background-color:#bab9a6;
	/*border:1px solid #333; border-radius:10px;*/
}

.resultBox h2 {
     color: #FFFFFF;
	 font-size: 18px;
}



.resultBox strong {
     color: #000000;
	 font-size: 15px;
}























#footer {
	width: 100%;
	z-index: 1000;
	padding-top:30px;
	padding-bottom:30px;
	background:#58585a;
	color:#aaa;
	background: url(http://www.wsaplumbingcontractors.org/images/common/pipes-blue3.jpg) top center repeat-x;
}


.footer {
	width:950px;
	font-family: 'Oxygen', Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height:20px;	
}


.footer a:link, .footer a:visited {
	text-decoration: none;
	font-size: 14px;
	line-height:22px;
	color: #aaa;
}

.footer a:hover, .footer a:active {
	text-decoration: none;
	color: #e1b448;
}





.formtag {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height:14px;
	color:#cb5926;	
}



.thinHeadsHuge {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	/*font-size: 55px;*/
	font-size: 45px;
	line-height:55px;
	/*color:#cb5926;*/
	color:#637EAB;	
	/*letter-spacing:1px;*/
	padding-bottom:10px;
	
}

.thinHeads {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	/*font-size: 35px;*/
	font-size: 22px;
	line-height:25px;
	color:#000;	
	/*letter-spacing:1px;*/
	padding-bottom:10px;
	
}

.thinHeadsSmall {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	/*font-size: 35px;*/
	font-size: 18px;
	line-height:22px;
	color:#000;	
	/*letter-spacing:1px;*/
	padding-bottom:10px;	
}

.thinHeadsTiny {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	/*font-size: 35px;*/
	font-size: 13px;
	line-height:16px;
	color:#cb5926;	
	/*letter-spacing:1px;*/
	padding-bottom:2px;	
}






.plHeadline {
	font-family:  'Francois One', 'Dorsa', 'Six Caps',  Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	line-height:25px;
	color:#cb5926;
	padding-bottom:10px;
	font-weight:bold;
}




.accordHead {
    font-family: 'Oxygen', Calibri, Arial, Helvetica, Verdana, sans-serif;	
	font-size: 20px;
	line-height: 23px;
	color: #ffffff;
	font-weight: 400;
	/*padding-top:24px;*/
}
















.pic {
	border: 1px solid #999;
}

.pic2 {
	border: 5px solid #aba898;
}





.picRightTop {
	border: 1px solid #999;
	margin: 0 0 30px 30px;
}

.picRightMid {
	border: 1px solid #999;
	margin: 30px 0 30px 30px;
}




.myspan {
    display: block;
}


.myspan a:hover {background-color:#434343;}