/*
_______________________________
Desktop version layout - place your custom code here */
#header-row {
    overflow:visible;
}

#header,
  #content,
  #footer {
     width:100%; 
  }


#header .account, #header .search  {
    right: 60px;
}



.shadow {
 -webkit-box-shadow : rgba(0, 0, 0, 0.15) 0 5px 7px;
    -moz-box-shadow    : rgba(0, 0, 0, 0.15) 0 5px 7px;
    -ms-box-shadow     : rgba(0, 0, 0, 0.15) 0 5px 7px;
    -o-box-shadow      : rgba(0, 0, 0, 0.15) 0 5px 7px;
    box-shadow         : rgba(0, 0, 0, 0.15) 0 5px 7px;

}





/* COLUMNAL - MOBILE
///////////////////////////////////////////// */

/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 759px) { 

#content {
    margin-top: 0px !important;
}


div.default-column {
	font-size:2em;
	line-height:normal;
}

div#home-banner-main-top {
	margin:0;
}

	div#home-banner-main-top img{
		width:100% !important;
	}
	
	div#home-banner-main-top-title p{
		font-size:3em;
		margin:0.5em;
        line-height:normal;
	}

div#home-banner-main-top-right img{
	width:100%;	
}


div.home-lead-story {
	clear:both;
	font-size:2em;
}

	div.home-lead-story img {
		float:left;
		margin:0 1em 2em 0;	
	}







div.home-publication  {
	clear:both;
}


div.home-publication h1{
	margin-top:1em;
}

div.home-publication p{
	margin-top:0.5em;
}

div.home-publication img {
	float:left;
	margin: 1em;
	
}





	.row, .body, .container {
	width: 100%;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	}
	/* kill prefixes and suffixes, otherwise 1-column version breaks */
	.pre_1, .pre_2, .pre_3, .pre_4, .pre_5, .pre_6, .pre_7, .pre_8, .pre_9, .pre_10, .pre_11 {padding-left: 0;}
	.suf_1, .suf_2, .suf_3, .suf_4, .suf_5, .suf_6, .suf_7, .suf_8, .suf_9, .suf_10, .suf_11 {padding-right: 0;}

	/************************************************************************/

	/* cssgrid.net - mobile presets */
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6,
	.col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		clear: both;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
		width: -moz-available;
	}


	/* Columnal - sub columns */
	.col_2 .col_1, 
	.col_3 .col_2, .col_3 .col_1,
	.col_4 .col_3, .col_4 .col_2, .col_4 .col_1,
	.col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1,
	.col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1,
	.col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1,
	.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1,
	.col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8,
	.col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1,
	.col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1,
	.col_12 .col_11, .col_12 .col_10, .col_12 .col_9, .col_12 .col_8, .col_12 .col_7, .col_12 .col_6, .col_12 .col_5, .col_12 .col_4, .col_12 .col_3, .col_12 .col_2, .col_12 .col_1 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	/* .row {width: 100%;} */
	/* Type presets */
	.container h1 {margin:.5em 0 .5em;}
	.container h2 {margin:.5em 0 .535em;}
	.container h3 {margin:.5em 0 .57em;}
	.container h4 {margin:.5em 0 .615em;}
	.container h5 {margin:.5em 0 .67em;}
	.container h6 {margin:.5em 0 .8em;}

	/* .reverse {padding-top: 1em; margin-bottom: 1em;} */

	/* Columnal content control - use on any elements to show/hide content on mobile */
	.mobile-hide {display: none;}
	.mobile-only {display: block;}

	/*****************************************
	   CUSTOM ADDITIONS FOR MOBILE SITE LAYOUT 
	*****************************************/
	

}
/* END COLUMNAL - MOBILE
///////////////////////////////////////////// */