.recruitBack{
	background-image:url('/img/recruitBackground1.jpg');
	background-position: center center;
	width:100%;
	background-size:cover;
	repeat:none;
	height:300px;
		border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-bottom:10px solid #bfbfbf;
}

.recruitBack p.main,.shachoMessageBack p.main {
	font-size:3em;
	font-weight:bold;
	font-family:"Helvetica",sans-serif;
	color:#fff;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);

}
.recruitBack p,.shachoMessageBack p {
	font-size:1.2em;
	font-family:"Helvetica",sans-serif;
	color:#fff;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);

}

.recruitWhite{
	background-color:#fff;
	padding:15px 30px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
}

.shachoMessageBack{
    background-image: url('/img/shachoMessage.jpg');
    background-position: center center;
    width: 100%;
    background-size: cover;
    repeat: none;
      background-repeat: no-repeat;

    height: 200px;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom: 10px solid #bfbfbf;
}

.background_message {
  /* Location of the image */
  background-image: url(/img/iiimapback3.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
}

.president{
  -webkit-box-shadow: 5px 6px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 5px 6px 5px 0px rgba(0,0,0,0.14);
box-shadow: 5px 6px 5px 0px rgba(0,0,0,0.14);
margin-top:10px;
margin-bottom:10px;
}


.position-square{
	border:2px solid #9e9e9e;
	border-radius:5px;
-webkit-box-shadow: 0px 11px 5px -3px rgba(156,156,156,1);
-moz-box-shadow: 0px 11px 5px -3px rgba(156,156,156,1);
box-shadow: 0px 11px 5px -3px rgba(156,156,156,1);
	    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;


}
.position-square:hover{
	background-color:#bfbfbf;
	border-radius:5px;
		    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
}
.position-square .position-logo{
	height:150px;
	background-image:url(/img/opportunityBadge.gif);
	background-repeat: no-repeat;
	background-position:center center;
	    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
}
.position-square:hover .position-logo{
	height:150px;
	background-image:url(/img/opportunityBadge2.gif);

	background-repeat: no-repeat;
	background-position:center center;
	    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
}
.positionText{
color:#9e9e9e; 
font-weight:bold;
text-align:center;

	    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
}

.position-square:hover .positionText{
color:#fff;
	    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
}
