/*STYLES FOR HOME PAGE START HERE*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

*{
 margin:0px;
 padding:0;
}

html{
	height:100%;
	box-sizing: border-box;
	overflow-x:auto;
	overflow-y:scroll;
	background-color:#dcdcdc;
}


*,
*:before,
*:after {
  box-sizing: inherit;
}


body{
	width:100%;
	max-width:1440px;
	text-align:center;
	position: relative;
	margin: 0 auto;
	padding-bottom: 3rem;
	min-height: 100%;
	background-color:#fff;
}

#wrapper{
	width:100%;
	max-width:1440px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	z-index:0;
	position:relative;
}

/*#body{
	min-height:450px;
}*/

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.hide{
	display:none;
}

h1 {
	font-size:200%;
	font-weight:normal;
	line-height:1.3em;
}

h2 {
	font-size:140%;
	font-weight:normal;
	line-height:1.5em;
}

h3 {
	font-size:100%;
	font-weight:normal;
	line-height:1.3em;
}

a.scrollButton{
	opacity: 1;
    filter: alpha(opacity=100);
}

a.scrollButton:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);	
}

.button-new {
	background-color: #1d9eff;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor:pointer;
	border-radius: 4px;
	transition-duration: 0.4s;
}

.button-new:hover {
	background-color: #0072ff;
	color: white;
}

.placeholder{width:100%; height:65px; position:relative;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.custom-calendar .ajax__calendar_container
{
 background-color:#fff;
 border:solid 1px #898989;
}
.custom-calendar .ajax__calendar_title
{
 background-color:#898989;
 height:20px;
 color:#fff;
}
.custom-calendar .ajax__calendar_prev,
.custom-calendar .ajax__calendar_next
{
 background-color:#898989;
 height:20px;
 width:20px;
}
.custom-calendar .ajax__calendar_today
{
 background-color:#898989;
 height:20px;
 color:#fff;
}
.custom-calendar .ajax__calendar_days table thead tr td
{
 background-color:#ebebeb;
 }
.custom-calendar .ajax__calendar_day
{
 color:#333; /* normal day - darker gray color */
}
.custom-calendar .ajax__calendar_other .ajax__calendar_day
{
 color:#666; /* day not actually in this month - lighter gray color */
}


.GridView th
{
    background-color:#cfcfcf;
    padding:5px;
    text-align:left;
    
}

.GridView td
{
    border:1px solid #cfcfcf;
    background-color:#eaeaea;
    padding:5px;
    text-align:left;
   
}

.GridViewPagerStylejk table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

.GridViewPagerStyle td, .GridViewPagerStyle1 td
{
    border:none;
}

.GridViewPagerStyle span, .GridViewPagerStyle1 span
{
    padding:2px 5px;
    color:#a6a6a6;
	font-weight:bold;
	border:1px solid #a6a6a6;
}

.GridViewPagerStyle a, .GridViewPagerStyle1 a
{
    padding:2px 5px;
	color:#5582b4;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #5582b4;
}

.GridViewSelectedRow td
{
	background-color:#ffffff;
    padding:5px;
    text-align:left;
}

table.DetailView td.white
{
    width:100%;
    padding:5px;
    background-color:#cf0000;
    text-align:center;
}

table.DetailView tr td
{
    padding:5px;
    border:1px solid #747474;
    white-space:nowrap;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    margin:0px;
	padding:0px;
	display: block;
	position:relative;
}

/************************************************************************************
COLUMN
*************************************************************************************/

.col {
	float: left;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	margin-left: 3.2%;
	position:relative;
}

.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}

/* grid3 col */
.grid3 .col {
	width: 31.2%;
}

/* grid2 col */
.grid2 .col {
	width: 48.4%;
}

/* clear col */
.grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) 
{
	margin-left: 0;
	clear: left;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* reset cols to 3-column */
@media screen and (max-width: 780px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}

	.desktop
	{
		display:none !important;
	}
	
	.mobile
	{
		display:block !important;
	}

	.header-table{
		top:0px !important;
		left:0px !important;
		position:fixed !important;
	}

	.gridButton{
		text-align:center !important;
	}

	.screen-text{
		margin:0 10% !important;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 700px) {
	/* grid3 */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 550px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	h1 {
		font-size:130%;
		font-weight:normal;
		line-height:1.3em;
	}

	h2 {
		font-size:115%;
		font-weight:normal;
		line-height:1.5em;
	}

	h3 {
		font-size:90%;
		font-weight:normal;
		line-height:1.3em;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 500px) {
	/* grid4 */
	.grid3 .col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
  
	.grid2 .col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}

@media screen and (max-width: 1005px) {

	.download-button{
		display:none !important;
	}
}

@media screen and (max-width: 990px) {

	body{
		font-size:12pt !important;
	}

	.byline {
		bottom:-30px !important;
	}
}

@media screen and (max-width: 1180px) {
	.sni {
		display:none !important;
	}
}