@charset "UTF-8";
/* CSS Document */
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 16px;
}
p {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.5em;
	text-align:left;
	color:#000000;
	margin: 0;
	}


h1 {
	font-family: 'Lato', sans-serif;
	font-size: 2em;
	margin-bottom: 1em;
	line-height: 1.3em;
	font-weight:400;
	color: #3358d4;
	}
h2 {
	font-family: 'Lato', sans-serif;
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight:400;
	color: #3358d4;
	margin-top: 32px;
	margin-bottom: 1em;
	}

h3 {
	font-size: 1em;
	line-height: 1.4em;
	font-weight:900;
	color: #3848AA;
	margin-bottom: 0;
	}
h4 {
	font-size:1.5em;
	font-weight:400;
	color:#3358d4;
	line-height: 1.5em;
	margin-bottom: .5em
	}
a.h4subhead {
	transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-webkit-transition: padding 0.2s linear;
	display:inline-block;
	color: #3358d4;
	}
a.h4subhead:visited {
	color: #800080;
	}
a.h4subhead:hover {
		padding-left: 6px;
		display:inline-block;
		color: #F52B2B;
		}
a.h4subhead:active {
	color: inherit;
	}
	
img {
	max-width:100%;
	}
a {
	text-decoration:none;
	outline: 0;
	color:inherit;	
	}

a.transition {
	transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-webkit-transition: padding 0.2s linear;
	display:inline-block;
	color: #000;
	}
a.transition:visited {
	color: #737373;
	}
a.transition:hover {
		padding-left: 6px;
		display:inline-block;
		color: #F52B2B;
		}
a.transition:active {
	color: inherit;
	}
		

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-26em;
}
/* new */
#sticky-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-26em;
	margin-top: 227px;
}
#sticky-container-homepage {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-26em;
	margin-top: 206px;
}


.push {
	clear:both;
	height:26em;
	}
	
/* header styles */

/* new */
.fixed-header {
	position: fixed;
    top: 0;
    width: 100%;
	z-index: 100000;
	background: #fff;
	}
	
	
.top-container {
	max-width:1000px;
	margin: 0 auto;
	clear: both;
	}
/* top row of page */	
#top {
	height: 36px;
	overflow:hidden;
	background-color:#464646;
	display: block;
	}
#top_wrapper {
	position: relative;
    float: right;
    display: block;
	}
#header {
	height: 96px;
	overflow:hidden;
	background-color: #000;
	}
.member {
	display:block;
	float: left;
	padding: 10px 30px 0 0;
	font-size: 13px;
	font-weight:700;
	color: #F7DB69;
	letter-spacing:.1em;
	text-transform:uppercase;
	}
.logged_in_name {
	display:block;
	float: left;
	padding: 9px 30px 0 0;
	font-size: 14px;
	font-weight:700;
	color: #F7DB69;
	}
.envelope {
	float: left;
	display:inline-block;
	padding: 7px 10px 0 0;
	color: #F7DB69;
	}
.contact_us {
	display:block;
	float: left;
	padding: 10px 30px 0 0;
	font-size: 13px;
	font-weight:700;
	color: #F7DB69;
	letter-spacing:.1em;
	text-transform:uppercase;
	}
.contact_us:before {
	float: left;
	content:"contact us";
}
.form_field {
	-webkit-appearance: none;
	-moz-appearance: none;
	display:inline-block;
	width: 160px;
	height: 100%;
	margin-top: 2px;
	overflow:hidden;
	}
input[type="search"] {
	height:100%;
    font-family: FontAwesome;
	padding: 5px 0 5px 5px;
}

input[type="search"]:focus {
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
	}
input[type="search"]::-webkit-input-placeholder,
input[type="search"]:-webkit-input-placeholder,
input[type="search"]::-moz-input-placeholder,
input[type="search"]:-moz-input-placeholder,
input[type="search"]:-ms-input-placeholder, {
	font-size: 15px;
	font-weight:400;
	color: #000;
	}

.spyglass {
	display: none;
	}


/* second row */
.column-hfes {
	float: left;
	width:29%;
	height: 96px;
	background-color:#F52B2B;
	padding-top: 5px;
	padding-right: 5px;
	text-align:center;
	}
.hfes {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	font-size: 70px;
	text-shadow: 1px 1px 3px #8F3233;
	}
.column-name {
	position: relative;
	display:block;
	float: left;
	width: 69%;
	}
.column-society {
	display:block;
	float: left;
	position: relative;
	padding: 53px 0 0 20px;
	width: 100%;
	}
.span_society {
	color:#FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 1.25em;
	letter-spacing: .04em;
	}
	
@media only screen and (max-width:1000px) {
.column-hfes {
	width:30%;
	}
.column-name {
	width: 69%;
}		
}
@media only screen and (max-width:880px) {
.column-hfes {
	width:33%;
	}
.column-name {
	width: 66%;
}

/* new */
.fixed-header {
	position: relative;
    top: 0;
    height: auto;
    width: 100%;
	background: none;
	}
#sticky-container, #sticky-container-homepage {
	margin-top: 0;
}
#main {
	padding: 1em 2em 3em 2em;
	}
}

@media only screen and (max-width:767px) {
#top_wrapper {
	margin-right:20px;
	}
.envelope {
	padding-right:30px;
	}
.contact_us {
	padding:0;
	}
.contact_us:before {
	display: none;
}
.form_field {
	display:none;
	}
.spyglass {
	float: left;
	display:inline-block;
	padding: 7px 20px 0 0;
	color: #F7DB69;
	}
.column-hfes {
	width:39%;
	}
.column-name {
	width: 60%;
}
.column-society {
	padding-top:54px;
	padding-left: 15px;
	}

.scrolling {
	background: none;}
}
	
@media only screen and (max-width:675px) {

#header {
	height: 75px;
	}
.column-hfes {
	width:36%;
	padding-top: 2px
	}
.hfes {
	font-size: 55px;
		}
.column-name {
	width: 63%;
}
.column-society {
	padding-top:38px;
	}
.span_society {
	font-size: 1.15em;
	}
.spyglass {
	padding-right: 5px;
	}


	}
@media only screen and (max-width:590px) {
.column-hfes {
	width:44%;
	padding-top: 5px;
	}
.hfes {
	font-size: 52px;
		}
.column-name {
	width: 55%;
	}
.column-society {
	padding:15px 5px 0 15px;
	}
.span_hide {
		display:none;
		}	
	}

@media only screen and (max-width:480px) {	
.column-hfes {
	width:47%;
	}
.column-name {
	width: 52%;
}
}
@media only screen and (max-width:400px) {
#header {
	height: 58px;
	}
.column-hfes {
	width:46%;
	padding-top: 3px;
	}
.hfes {
	font-size: 42px;
		}

.column-name {
	width: 53%;
	}
.span_society {
	font-size: 1.05em;
	}
.column-society {
	padding: 8px 0 0 9px;
	}

	}
@media only screen and (max-width:320px) {
.column-hfes {
	width:49%;
	padding-top: 5px;
	}
.hfes {
	font-size: 40px;
		}
.column-name {
	width: 50%;
	}
.column-society {
	padding: 9px 0 0 9px;
	}
.span_society {
	font-size: .95em;
	line-height:1em;
	}
	}
@media only screen and (max-width:300px) {
.column-hfes {
	width:100%;
	}
.column-society {
	display:none;
	}
	}
	
	
/* slider styles */	

#slidewide {
	width: 100%;
	background-color: #ddd;
	margin: 0;
	padding: 0;
		}
#slideholder {
	max-width: 1000px;
	margin: 0 auto;
	}
	
/* main body */		
.column-shadow {
	width: 100%;
	box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
	}
.column-shadow2 {
	width: 100%;
	box-shadow: 0 1px 10px #999;
	-webkit-box-shadow: 0 1px 10px #999;
	-moz-box-shadow: 0 1px 10px #999;
	}
	
/**new demo2 **/
.column-stickyblend {
	width: 100%;
	height: 50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+19&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,0.81) 19%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,0.81) 19%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(255,255,255,0.81) 19%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
	
#main {
	margin: 0 auto;
	max-width: 1000px;
	padding: 1em 2em 2em 3em;
	}
#main-breadcrumb {
	margin: 0 auto;
	max-width: 1000px;
	padding: 2em 2em 2em 3em;
	}
@media only screen and (max-width:880px) {

#main-breadcrumb {
	padding: 0 2em 3em 2em;
	}
}

.breadcrumb {
	display: inline-block;
	text-align:left;
	font-size:15px;
	line-height:1.5em;
	font-weight:400;
	color: #000;
	}
.breadcrumb a:hover {
	text-decoration: underline;
	}
#article {
	margin-right:2em;
	}
.span_black {
	font-weight: 900;
	}
.span_blue {
	color:#1a3fba;
	}
.span_700 {
	font-weight:700;
	}
.span_400 {
	font-weight:400;
	}
.span_12pt {
	font-size: 12px;
	}
.span_14pt {
	font-size: 14px;
	}	
.span_hide {
	}
#aside {
	}

.column-pub {
	max-width: 115px;
	line-height: 0;
	box-shadow: 5px 5px 8px #ccc;
	-webkit-box-shadow: 5px 5px 8px #ccc;
	-moz-box-shadow: 5px 5px 8px #ccc;
	margin-bottom: 2em;
	}
.typeholder {
	margin: 0 2em 0 1em;
	padding-top: 5em;
	max-width: 300px;
	font-family: 'Lato', sans-serif;
	color:#000000;
	font-size: 0.9em;
	line-height:1.5em;
	}
.typeholder-large {
	margin: 0 1em;
	font-family: 'Lato', sans-serif;
	color:#000000;
	font-size: 0.9em;
	line-height:1.5em;
	}
	
	
/** new for publications**/
a.body:link {
	color: #133aba;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: padding 0 linear;
    transition: 0;
	}
a.body:visited {
	color: #800080;
	}
a.body:hover {
	color: #F52B2B;
	padding: 0;
	}
a.body:active {
	color: inherit;
	}
	
/** end of new for publications**/

.titleholder {
	margin: 0;
	font-family: 'Lato', sans-serif;
	color:#000000;
	font-size:15px;
	line-height:1.4em;
	}

.titleholder2 {
	margin: 10px 0 0 15px;
	font-family: 'Lato', sans-serif;
	color:#000000;
	font-weight:700;
	font-style:italic;
	font-size:16px;
	line-height:1.5em;
	}
p.p13pt {
	font-size: 13px;
	font-weight:400;
	line-height: 1.4em;
	margin: 1em 2em 0 0;
	}
p.p14pt {
	font-size: 14px;
	font-weight:400;
	line-height: 1.4em;
	margin: 1em 2em 0 0;
	}
.pubs_border {
	width: 100%;
	padding: 5px 0;
	-webkit-box-shadow: 0 2px 2px -2px #787878;
	-moz-box-shadow: 0 2px 2px -2px #787878;
	box-shadow: 0 2px 2px -2px #787878; 
	margin-bottom: 1.5em;
	}

	
/* pubs table */
table.price {
	width: auto;
	font-weight:400;
	font-style:normal;
	font-size: 14px;
	  border: 0;
	  margin-top: 10px;
	  margin-bottom: 20px;
	  padding: 0;
	  border-collapse: seperate;
	  border-spacing: 20px;
	}
	 
table.price tr {
	border-top: 1px dotted #ccc;
	}
table.price th,
table.price td {
	padding: 1px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 30px;
	}
table.price td.right {
	text-align: right;
}
table.price tr:first-child {

	}
table.price tr:last-child {
	  border-bottom: 1px dotted #ccc;
	}

table.price th {
	  text-transform: uppercase;
	  font-size: 14px;
	  letter-spacing: 1px;
	}

@media screen and (max-width: 767px) {	 
p.p13pt {
	margin: 1em auto;
	max-width: 350px;
	}

table.price { 
	margin: 10px auto 0;
	}
	}

/* end of pubs table */
	
/** end of new for publications**/	
	
/* footer */
#footer {
	height: 26em;
	background-color: #eee;
}

.spread {
	margin: 0 10px;
	display: inline;
	}
.icon_color {
	color: #fff;
	}
.icon_color:hover {
	color:#000;
	}	
.l_shape_color {
		color: #0077b5;
		}
.fa-lg:hover > .l_shape_color {
	color: #008dd9;
	}		
.f_shape_color {
		color: #3b5998;
		}
.fa-lg:hover > .f_shape_color {
	color: #4a77d9;
	}
.t_shape_color {
		color: #00a9f2;
		}
.fa-lg:hover > .t_shape_color {
	color: #52bdff;
	}				
.centered {
	display: inline-block;
	width: 100%;
	text-align:center;
	background-color: #ddd;
	padding: 3px 0 3px 0;
	}
#main_footer {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 2em 10px 2em;
	}
a #main_footer:link {
	color: #000;
	text-decoration: none;
	}
a #main_footer:visited {
	color: #55008a;
	}
a #main_footer:hover {
	color: ;
	}
a #main_footer:active {
	color: inherit;
}
	

.column-foot2 {
	padding: 20px 20px 0 0;
	font-size:12px;
	line-height: 1.6em;
	width:49.2%;
	position: relative;
    float: left;
    display: block;
	box-sizing: border-box;
	}
.column-6foot {
	width: 49.2%;
	}
.span_black_footer {
	font-weight:900;
	color:#1a3fba;
	}
.smaller{
	font-size:10px;
	line-height:1.2em;
	}
@media only screen and (max-width: 600px) {

.column-6foot {
	float: none;
	width: 100%;
	}
#footer {
	height:76em;
}
}

/*------------------------------*\
    Grid System
\*------------------------------*/

.row, 
.column {
    box-sizing: border-box;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.column {
    position: relative;
    float: left;
    display: block;
}
.column_right {
	box-sizing: border-box;
	position: relative;
    float: right;
    display: block;
	}
.column + .column {
    margin-left: 1.6%;
}

.column-1 {
    width: 6.86666666667%;
}

.column-2 {
    width: 15.3333333333%;
}

.column-3 {
    width: 23.8%;
}

.column-4 {
    width: 32.2666666667%;
}

.column-5 {
    width: 40.7333333333%;
}

.column-6 {
    width: 49.2%;

}
.column-pub {
	width: 49.2%
}
.column-pub-small {
	width: 41.82%
	}	
.column-mtg {
	width: 49.2%
	}
.column-mtg-small, .column-mtg-small-no{
	width: 40.7333333333%
	}
.column-7 {
    width: 57.6666666667%;
}

.column-8 {
    width: 66.1333333333%;
}

.column-9 {
    width: 74.6%;
}

.column-10 {
    width: 83.0666666667%;
}

.column-11 {
    width: 91.5333333333%;
}

.column-12 {
    width: 100%;
}

.column .column-mtg {
		max-width: 224px;
		margin-bottom: 2em;
		border-radius: 10px;
		box-shadow: 0px 0px 10px #ddd;
		-webkit-box-shadow: 0px 0px 10px #ddd;
		-moz-box-shadow: 0px 0px 10px #ddd;
	}
.column .column-mtg-small {
		max-width: 190px;
		margin-bottom: 2em;
		border-radius: 10px;
		box-shadow: 0px 0px 10px #ddd;
		-webkit-box-shadow: 0px 0px 10px #ddd;
		-moz-box-shadow: 0px 0px 10px #ddd;
	}
.column .column-mtg-small-no {
		max-width: 190px;
		margin-bottom: 2em;
		border-radius: 10px;
	}
	.column .column-ad {
		max-width: 238px;
		margin: 1.9em 0;
		padding-left: 1.5em;
	}
	
/* media queries */
	
@media only screen and (min-width: 601px) and (max-width: 968px) {
.column-foot2 {
		width: 100%;
		}
#footer {
	height: 42.5em;
}
}


@media only screen and (max-width: 767px) {
    .column-1, 
    .column-2,
	.column-foot2, 
    .column-3, 
    .column-4, 
    .column-5, 
    .column-6,
	.column-pub, 
	.column-pub100,
	.column-mtg,
	.column-mtg-small,
	.column-mtg-small-no,
    .column-7, 
    .column-8, 
    .column-9, 
    .column-10, 
    .column-11, 
    .column-12,
	column-ad
	 {
        float: none;
        width: auto;
    }
  
.column + .column {
    margin-left: 0;
    }

/* specific rules */
	
#article {
	margin-right: 0;
	}
.typeholder {
	margin: 0 auto;
	padding: 20px 0 40px;
	max-width:220px;
	}
.typeholder-large {
	margin: 0 auto;
	padding: 15px 0 40px 30px;
	max-width:300px;
	}
	
/** --new for publications--**/	
.titleholder {
	margin: 0 auto;
	font-size: 14px;
	max-width: 350px;
	}
.titleholder2 {
	margin: 0 auto;
	padding: 20px 0 50px 10px;
	max-width: 350px;
	text-align:center;
	}

.column .column-mtg, .column .column-mtg-small, .column .column-mtg-small-no{
		margin: 0 auto;
	}
.column .column-pub,.column .column-pub100 {
		margin: 0 auto;
}
/** end of new for publications**/	

.column .column-ad {
		margin: 0 auto;
		padding: 2em 0;
}



/*------------------------------*\
    Styling
	
\*------------------------------*/

.row {
    margin-bottom: 10px;
}

.row:last-child {
    margin-bottom: 0;
}

}

@media only screen and (max-width: 767px) {
    .row {
        margin-bottom: 0;
    }
    .column {
        margin-bottom: 0px;
    }
    .row:last-child .column:last-child {
        margin-bottom: 0;
    }
}

/*----Search page styles------*/

.search_border {
	width: 100%;
	padding: 5px 0;
	-webkit-box-shadow: 0 2px 2px -2px #787878;
	-moz-box-shadow: 0 2px 2px -2px #787878;
	box-shadow: 0 2px 2px -2px #787878; 
	margin: 0.5em 0 1em 0;
	}
table.search {
	box-sizing:border-box;
	border:none;
	margin: 0 auto;
	text-align:center;
	border-collapse: separate;
    border-spacing: 5px 0;
	color: #133aba;
	font-size: 15px;
	}
table.search td {
	padding: 2px 8px 4px 8px;
	}
table.search td.boxed:hover {
	outline: 1px solid #ccc;
	}

table.search td.nolink {
	color: #000;
	padding-left: 0;
	}

table.search td.selected {
	outline: 1px solid #ccc;
	}
table.search td.show-hide {
	display: table-cell; 
	}
a.search:link {
	color: #133aba;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: padding 0 linear;
    transition: 0;
	}
a.search:visited {
	color: #7a8dcc;
	}
a.search:hover {
	color: #F52B2B;
	padding: 0;
	}
a.search:active {
	color: inherit;
	}
	
@media only screen and (max-width: 767px) {
table.search {
	display:table;
	}

table.search td.show-hide {
	display: none; 
	}
	}
	
/** back-to-top icon **/

  .back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 430px;
 	right: 20px;
 	width: 28px;
 	height: 32px;
 	z-index: 100;
 	display: none;
 	text-decoration: none;
 	color: #ffffff;
 	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	padding-left: 9px;
	padding-top: 6px;
	padding-right: 1px;

 }
 
.back-to-top i {
	font-size: 20px;
 }
@media only screen and (max-width:880px) {
	.back-to-top {
	visibility:hidden;
	}
	}
/** end of back-to-top icon **/	
	
/** for print **/

	
@media print {

html { 
	height: auto; 
	margin: 0;
}
body {
	background: #fff;
	height: auto;
	margin: 0;
	float: none;
}


header, nav, #footer, footer, .column-shadow, .gradient_wrap2, .push, button, #slidewide, .fixed-header {
	  display: none;
	  }
#container {
	min-height: 0;
	margin-bottom: 0;
}
#sticky-container, #sticky-container-homepage {
	min-height: 0;
	margin-bottom: 0;
	margin-top: 0;
	}
#main {
	padding-bottom: 10%;
	}

h1, h2, h3, h4 {
   page-break-after: avoid;
}

ul, img {
   page-break-inside: avoid;
}
@page {
	size: auto;
	orphans: 3;
	widows: 3;
}
.back-to-top {
visibility: hidden;
	}


/* info table styling */

table.info tr {
	   border-bottom: 1px solid gray;
	   border-top: 1px solid gray;
	}


/* receipt table styling */

	 
table.receipt tr {
	   border-bottom: 1px solid gray;
	   border-top: 1px solid gray;
	}
table.receipt th {
	border-top: none;
	}
	
table.receipt tr.no-bottom {
	   border-top: 1px solid gray;
	}
	
table.receipt tr.no-top {
	   border-bottom: 1px solid gray;
	}
	
table.receipt td.col3 {
	  border-left: 1px solid gray;
	}
	
table.receipt td.col4 {
	  border-left: 1px solid gray;
	  border-right: 1px solid gray;
	}
	
table.receipt td.col4alt {
	  border-left: 1px solid gray;
	  border-right: 1px solid gray;
	}
	
	/* results table styling */
table.results {
	  border-top: 1px solid gray;
	}
	 
table.results tr {
	  border-bottom: 1px solid gray; 
	}

	}