
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
	
	
/* This is the top section CSS
================================================== */

	menu {
		clear : both;
		width: 100%;
		height: 83px;
		background: #232323; /* This will be looked up */
		position: relative;
	}
	
	menu .menucontainer { position: relative; width: 1920px; margin: 0 auto; padding: 0; }
	
	top {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	top p {
		margin : 0;
		padding : 0;
	}


/* #Base 1200 Grid
================================================== */

    .container, .topcontainer                   { position: relative; width: 1920px; margin: 0 auto; padding: 0;}
    .container .column, .topcontainer .column, .topcontainer .columns,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 0px; margin-top: 0px; }
	
	.aistri										{ background-image: url("/images/tri-1920.png"); background-position: center; background-repeat: no-repeat; }
	
	.container .marginless.columns              { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
	
	.container .hover							{ filter: grayscale(100%); -webkit-filter: grayscale(100%);}
	.container .hover:hover						{ filter: grayscale(0%); -webkit-filter: grayscale(0%);}
	
	.container .hover2							{ filter: grayscale(0%); -webkit-filter: grayscale(0%); transition: all 0.5s ease-in-out;}
	.container .hover2:hover					{ filter: grayscale(100%); -webkit-filter: grayscale(100%); }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 100px;  }
    .container .two.columns                     { width: 220px; }
    .container .three.columns                   { width: 340px; }
	.container .three.premenu.columns			{ width: 323px; }
    .container .four.columns                    { width: 460px; }
    .container .five.columns                    { width: 580px; }
    .container .six.columns                     { width: 700px; }
    .container .seven.columns                   { width: 820px; }
    .container .eight.columns                   { width: 940px; }
    .container .nine.columns                    { width: 1060px; }
    .container .ten.columns                     { width: 1180px; }
    .container .eleven.columns                  { width: 1300px; }
    .container .twelve.columns                  { width: 1420px; }
    .container .thirteen.columns                { width: 1540px; }
    .container .fourteen.columns                { width: 1660px; }
    .container .fifteen.columns                 { width: 1780px; }
    .container .sixteen.columns                 { width: 1900px; }

    .container .one-sixth.column,
	.container .one-sixth.columns				{ width: 300px; }
	.container .one-fifth.column,
	.container .one-fifth.columns				{ width: 364px; }
	.container .one-third.column,
	.container .one-third.columns				{ width: 620px; }
	.container .one-third.marginless.column,
	.container .one-third.marginless.columns	{ width: 640px; }
    .container .two-thirds.column,
	.container .two-thirds.columns				{ width: 1260px; }
	.container .one-fifth-of-twelve,
	.container .one-fifth-of-twelve.columns		{ width: 268px; }
	
	/* Marginless Grid */
	
    .container .one.marginless.column,
    .container .one.marginless.columns                     { width: 120px; }
    .container .two.marginless.columns                     { width: 240px; }
    .container .three.marginless.columns                   { width: 360px; }
    .container .four.marginless.columns                    { width: 480px; }
    .container .five.marginless.columns                    { width: 600px; }
    .container .six.marginless.columns                     { width: 720px; }
    .container .seven.marginless.columns                   { width: 840px; }
    .container .eight.marginless.columns                   { width: 960px; }
    .container .nine.marginless.columns                    { width: 1080px; }
    .container .ten.marginless.columns                     { width: 1200px; }
    .container .eleven.marginless.columns                  { width: 1320px; }
    .container .twelve.marginless.columns                  { width: 1440px; }
    .container .thirteen.marginless.columns                { width: 1560px; }
    .container .fourteen.marginless.columns                { width: 1680px; }
    .container .fifteen.marginless.columns                 { width: 1800px; }
    .container .sixteen.marginless.columns                 { width: 1920px; }

    .container .one-sixth.marginless.column,
	.container .one-sixth.marginless.columns				{ width: 320px; }
	.container .one-fifth.marginless.column,
	.container .one-fifth.marginless.columns				{ width: 384px; }
	.container .one-third.marginless.column,
	.container .one-third.marginless.columns				{ width: 640px; }
    .container .two-thirds.marginless.column,
	.container .two-thirds.marginless.columns				{ width: 1280px; }
	
	
	utilities p									{ line-height: 80px; text-align: right; padding: 0; margin: 0; font-size: 12pt;}
	socialmedia p								{ font-family: socicon; font-weight: bold; line-height: 75px; font-size: 150%; text-align: right; padding: 0; margin : 0}

    /* Offsets */
    .container .offset-by-one                   { padding-left: 120px;  }
    .container .offset-by-two                   { padding-left: 240px; }
    .container .offset-by-three                 { padding-left: 360px; }
    .container .offset-by-four                  { padding-left: 480px; }
    .container .offset-by-five                  { padding-left: 600px; }
    .container .offset-by-six                   { padding-left: 720px; }
    .container .offset-by-seven                 { padding-left: 840px; }
    .container .offset-by-eight                 { padding-left: 960px; }
    .container .offset-by-nine                  { padding-left: 1080px; }
    .container .offset-by-ten                   { padding-left: 1200px; }
    .container .offset-by-eleven                { padding-left: 1320px; }
    .container .offset-by-twelve                { padding-left: 1440px; }
    .container .offset-by-thirteen              { padding-left: 1560px; }
    .container .offset-by-fourteen              { padding-left: 1680px; }
    .container .offset-by-fifteen               { padding-left: 1800px; }
	.container .offset-by-183					{ padding-left: 220px; }
	
	/* Outside columns */
	.container .outside-left					{ position: absolute; right: 1920px; }
	.container .outside-right					{ position: absolute; left: 1920px; }
	
	.container .hidenonmobile {display: none;}
	
	.container .livestream {
		margin : 0;
		width: 100%;
		height : 1080px;
	}


/* #Desktop medium resolution
================================================== */

    /* Note: Design for a width of 1440px */

    @media only screen and (min-width: 1440px) and (max-width: 1920px) {
        menu .menucontainer { position: relative; width: 1420px; margin: 0 auto; padding: 0; }
		
		menu { height: 62.25px; }

		
		.container, .topcontainer                   { width: 1440px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
		
		.container .marginless.columns              { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
		
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
		
		.aistri										{ background-image: url("/images/tri-1440.png"); background-position: center; background-repeat: no-repeat; }

        .container .one.column,
        .container .one.columns                     { width: 70px; }
        .container .two.columns                     { width: 160px; }
        .container .three.columns                   { width: 250px; }
		.container .three.premenu.columns			{ width: 238px; }
        .container .four.columns                    { width: 340px; }
        .container .five.columns                    { width: 430px; }
        .container .six.columns                     { width: 520px; }
        .container .seven.columns                   { width: 610px; }
        .container .eight.columns                   { width: 700px; }
        .container .nine.columns                    { width: 790px; }
        .container .ten.columns                     { width: 880px; }
        .container .eleven.columns                  { width: 970px; }
        .container .twelve.columns                  { width: 1060px; }
        .container .thirteen.columns                { width: 1150px; }
        .container .fourteen.columns                { width: 1240px; }
        .container .fifteen.columns                 { width: 1330px; }
        .container .sixteen.columns                 { width: 1420px; }

        .container .one-sixth.column,
		.container .one-sixth.columns				{ width: 220px; }
		.container .one-fifth.column,
		.container .one-fifth.columns				{ width: 268px; }
		.container .one-third.column,
		.container .one-third.columns				{ width: 460px; }
		.container .one-third.marginless.column,
		.container .one-third.marginless.columns	{ width: 473.33px; }
        .container .two-thirds.column,
		.container .two-thirds.columns				{ width: 940px; }
		.container .one-fifth-of-twelve.column,
		.container .one-fifth-of-twelve.columns		{ width: 196px; }
		
	/* Marginless Grid */
	
        .container .one.marginless.column,
        .container .one.marginless.columns                     { width: 90px; }
        .container .two.marginless.columns                     { width: 180px; }
        .container .three.marginless.columns                   { width: 270px; }
        .container .four.marginless.columns                    { width: 360px; }
        .container .five.marginless.columns                    { width: 450px; }
        .container .six.marginless.columns                     { width: 540px; }
        .container .seven.marginless.columns                   { width: 630px; }
        .container .eight.marginless.columns                   { width: 720px; }
        .container .nine.marginless.columns                    { width: 810px; }
        .container .ten.marginless.columns                     { width: 900px; }
        .container .eleven.marginless.columns                  { width: 990px; }
        .container .twelve.marginless.columns                  { width: 1080px; }
        .container .thirteen.marginless.columns                { width: 1170px; }
        .container .fourteen.marginless.columns                { width: 1260px; }
        .container .fifteen.marginless.columns                 { width: 1350px; }
        .container .sixteen.marginless.columns                 { width: 1440px; }

        .container .one-sixth.marginless.column,
		.container .one-sixth.marginless.columns				{ width: 240px; }
		.container .one-fifth.marginless.column,
		.container .one-fifth.marginless.columns				{ width: 288px; }
		.container .one-third.marginless.column,
		.container .one-third.marginless.columns				{ width: 480px; }
        .container .two-thirds.marginless.column,
		.container .two-thirds.marginless.columns				{ width: 960px; }
		
		.topcontainer .title.column			        { width: 460px; height: 155px; }
		.topcontainer .utilities.column				{ width: 940px; height: 60px;}
		.topcontainer .socialmedia.column			{ width: 940px; height: 95px;}
		
		img .six.columns { width: 520px; }
		
		
		

        /* Offsets */
        .container .offset-by-one                   { padding-left: 90px; }
        .container .offset-by-two                   { padding-left: 180px; }
        .container .offset-by-three                 { padding-left: 270px; }
        .container .offset-by-four                  { padding-left: 360px; }
        .container .offset-by-five                  { padding-left: 450px; }
        .container .offset-by-six                   { padding-left: 540px; }
        .container .offset-by-seven                 { padding-left: 630px; }
        .container .offset-by-eight                 { padding-left: 720px; }
        .container .offset-by-nine                  { padding-left: 810px; }
        .container .offset-by-ten                   { padding-left: 900px; }
        .container .offset-by-eleven                { padding-left: 990px; }
        .container .offset-by-twelve                { padding-left: 1080px; }
        .container .offset-by-thirteen              { padding-left: 1170px; }
        .container .offset-by-fourteen              { padding-left: 1260px; }
        .container .offset-by-fifteen               { padding-left: 1350px; }
		.container .offset-by-183					{ padding-left: 165px; }
		
		/* Outside columns */
		.container .outside-left					{ position: absolute; right: 1440px; }
		.container .outside-right					{ position: absolute; left: 1440px; }
		
		.container .hidenonmobile {display: none;}
		
		.container .livestream {
			height : 810px;
		}
		
    }
	


	
/* #Desktop low resolution or tablet (landscape)
================================================== */

    /* Note: Design for a width of 1024px */

    @media only screen and (min-width: 1024px) and (max-width: 1439px) {
        menu .menucontainer { position: relative; width: 1024px; margin: 0 auto; padding: 0; }

		
		menu { height: 43.99px; }		
		div.container nav ul li { font-size: 12.6px; }
		
		.container, .topcontainer                   { width: 1024px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
		
		.container .marginless.columns              { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
		
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
		
		.aistri										{ background-image: url("/images/tri-1024.png"); background-position: center; background-repeat: no-repeat; }

        .container .one.column,
        .container .one.columns                     { width: 44px; }
        .container .two.columns                     { width: 108px; }
        .container .three.columns                   { width: 172px; }
        .container .three.premenu.columns			{ width: 163px; }
		.container .four.columns                    { width: 236px; }
		.container .five.columns                    { width: 300px; }
        .container .six.columns                     { width: 364px; }
        .container .seven.columns                   { width: 428px; }
        .container .eight.columns                   { width: 492px; }
        .container .nine.columns                    { width: 556px; }
        .container .ten.columns                     { width: 620px; }
        .container .eleven.columns                  { width: 684px; }
        .container .twelve.columns                  { width: 748px; }
        .container .thirteen.columns                { width: 812px; }
        .container .fourteen.columns                { width: 876px; }
        .container .fifteen.columns                 { width: 940px; }
        .container .sixteen.columns                 { width: 1004px; }

        .container .one-sixth.column,
		.container .one-sixth.columns				{ width: 150px; }
		.container .one-fifth.column,
		.container .one-fifth.columns				{ width: 184px; }
		.container .one-third.column,
		.container .one-third.columns				{ width: 321px; }
		.container .one-third.marginless.column,
		.container .one-third.marginless.columns	{ width: 341px; }
        .container .two-thirds.column,
		.container .two-thirds.columns				{ width: 662px; }
		.container .one-fifth-of-twelve.column,
		.container .one-fifth-of-twelve.columns		{ width: 149px; }
		
		/* Marginless Grid */
		
        .container .one.marginless.column,
        .container .one.marginless.columns                     { width: 64px; }
        .container .two.marginless.columns                     { width: 128px; }
        .container .three.marginless.columns                   { width: 192px; }
        .container .four.marginless.columns                    { width: 256px; }
        .container .five.marginless.columns                    { width: 320px; }
        .container .six.marginless.columns                     { width: 384px; }
        .container .seven.marginless.columns                   { width: 448px; }
        .container .eight.marginless.columns                   { width: 512px; }
        .container .nine.marginless.columns                    { width: 576px; }
        .container .ten.marginless.columns                     { width: 640px; }
        .container .eleven.marginless.columns                  { width: 704px; }
        .container .twelve.marginless.columns                  { width: 768px; }
        .container .thirteen.marginless.columns                { width: 832px; }
        .container .fourteen.marginless.columns                { width: 896px; }
        .container .fifteen.marginless.columns                 { width: 960px; }
        .container .sixteen.marginless.columns                 { width: 1024px; }

        .container .one-sixth.marginless.column,
		.container .one-sixth.marginless.columns				{ width: 170px; }
		.container .one-fifth.marginless.column,
		.container .one-fifth.marginless.columns				{ width: 204.8px; }
		.container .one-third.marginless.column,
		.container .one-third.marginless.columns				{ width: 341px; }
        .container .two-thirds.marginless.column,
		.container .two-thirds.marginless.columns				{ width: 682px; }
		
		
		.topcontainer .title.column			        { width: 321px; height: 155px; }
		.topcontainer .utilities.column				{ width: 662px; height: 60px;}
		.topcontainer .socialmedia.column			{ width: 662px; height: 95px;}
		
		img .six.columns { width: 364px; }
		
		
		
		/* Offsets */
        .container .offset-by-one                   { padding-left: 64px; }
        .container .offset-by-two                   { padding-left: 128px; }
        .container .offset-by-three                 { padding-left: 192px; }
        .container .offset-by-four                  { padding-left: 256px; }
        .container .offset-by-five                  { padding-left: 320px; }
        .container .offset-by-six                   { padding-left: 384px; }
        .container .offset-by-seven                 { padding-left: 448px; }
        .container .offset-by-eight                 { padding-left: 512px; }
        .container .offset-by-nine                  { padding-left: 576px; }
        .container .offset-by-ten                   { padding-left: 640px; }
        .container .offset-by-eleven                { padding-left: 704px; }
        .container .offset-by-twelve                { padding-left: 768px; }
        .container .offset-by-thirteen              { padding-left: 832px; }
        .container .offset-by-fourteen              { padding-left: 896px; }
        .container .offset-by-fifteen               { padding-left: 960px; }
		.container .offset-by-183					{ padding-left: 117px; }
		
		p {font-size: 13.5px line-height: 18px padding: 0 20px 15px 20px;}		
		
		li {font-size: 13.5px; line-height: 18px; padding: 0 20px 15px 20px;}
		h2 { font-size: 30px; line-height: 37px; padding: 80px 20px 80px 20px; text-align: center;}
		
		/* Outside columns */
		.container .outside-left					{ position: absolute; right: 1024px; }
		.container .outside-right					{ position: absolute; left: 1024px; }
		
		.container .hidenonmobile {display: none;}
		
		.container .livestream {
			height : 576px;
		}
	
	}
	




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        menu .menucontainer { position: relative; width: 748px; margin: 0 auto; padding: 0; }

		
		menu { height: 33.2px; }		
		
		
		div.container nav ul li { font-size: 8.316px; }
		
		.container, .topcontainer                   { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
		
		.container .marginless.columns              { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
		
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
		
		.aistri										{ background-image: url("/images/tri-768.png"); background-position: center; background-repeat: no-repeat; }
		
        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
		.container .three.premenu.columns			{ width: 119px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-sixth.column,
		.container .one-sixth.columns				{ width: 108px; }
		.container .one-fifth.column,
		.container .one-fifth.columns				{ width: 133px; }
		.container .one-third.column,
		.container .one-third.columns				{ width: 236px; }
		.container .one-third.marginless.column,
		.container .one-third.marginless.columns	{ width: 250px; }
        .container .two-thirds.column,
		.container .two-thirds.columns				{ width: 492px; }
		.container .one-fifth-of-twelve.column,
		.container .one-fifth-of-twelve.columns		{ width: 111px; }
		
		/* Marginless Grid */
		
        .container .one.marginless.column,
        .container .one.marginless.columns                     { width: 48px; }
        .container .two.marginless.columns                     { width: 96px; }
        .container .three.marginless.columns                   { width: 144px; }
        .container .four.marginless.columns                    { width: 192px; }
        .container .five.marginless.columns                    { width: 240px; }
        .container .six.marginless.columns                     { width: 288px; }
        .container .seven.marginless.columns                   { width: 336px; }
        .container .eight.marginless.columns                   { width: 384px; }
        .container .nine.marginless.columns                    { width: 432px; }
        .container .ten.marginless.columns                     { width: 480px; }
        .container .eleven.marginless.columns                  { width: 528px; }
        .container .twelve.marginless.columns                  { width: 576px; }
        .container .thirteen.marginless.columns                { width: 624px; }
        .container .fourteen.marginless.columns                { width: 672px; }
        .container .fifteen.marginless.columns                 { width: 720px; }
        .container .sixteen.marginless.columns                 { width: 768px; }

        .container .one-sixth.marginless.column,
		.container .one-sixth.marginless.columns				{ width: 128px; }
		.container .one-fifth.marginless.column,
		.container .one-fifth.marginless.columns				{ width: 153px; }
		.container .one-third.marginless.column,
		.container .one-third.marginless.columns				{ width: 256px; }
        .container .two-thirds.marginless.column,
		.container .two-thirds.marginless.columns				{ width: 512px; }
		
		.topcontainer .title.column			        { width: 226px; height: 155px; }
		.topcontainer .utilities.column				{ width: 482px; height: 60px;}
		.topcontainer .socialmedia.column			{ width: 482px; height: 95px;}
		
		img .six.columns { width: 260px; }
		
		div.container nav ul li { font-size: 0.75em; padding: 0 5px 0 5px}
		p { font-size: 13.5px; }
		h2.blog { font-size: 16px; }
		h3.blog { font-size: 14px; }
		

        /* Offsets */
        .container .offset-by-one                   { padding-left: 46px; }
        .container .offset-by-two                   { padding-left: 93px; }
        .container .offset-by-three                 { padding-left: 140px; }
        .container .offset-by-four                  { padding-left: 187px; }
        .container .offset-by-five                  { padding-left: 233px; }
        .container .offset-by-six                   { padding-left: 280px; }
        .container .offset-by-seven                 { padding-left: 327px; }
        .container .offset-by-eight                 { padding-left: 374px; }
        .container .offset-by-nine                  { padding-left: 420px; }
        .container .offset-by-ten                   { padding-left: 467px; }
        .container .offset-by-eleven                { padding-left: 514px; }
        .container .offset-by-twelve                { padding-left: 561px; }
        .container .offset-by-thirteen              { padding-left: 607px; }
        .container .offset-by-fourteen              { padding-left: 654px; }
        .container .offset-by-fifteen               { padding-left: 701px; }
		
		/* Outside columns */
		.container .outside-left					{ display: none; }
		.container .outside-right					{ display: none; }
		
		.container .hidenonmobile {display: none;}
		
		.container .livestream {
			height : 432px;
		}
		
    }





/*  #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.top {height : 205px;}
		
		menu .menucontainer { position: relative; width: 480px; margin: 0 auto; padding: 0; }
		
		menu { height: 53.95px; }		
        .container, .topcontainer { width: 480px; }
        .container .columns,
        .container .column, .topcontainer .column { margin-left: 10px; margin-right: 10px;}
		
		.container .marginless.columns              { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
		
		.aistri										{ background: none; }

		p { margin: 0 0 20px 0; }
		p.mobclear { clear: both; }
		
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
		.container .one-sixth.column,
		.container .one-sixth.columns,
		.container .one-fifth.column,
		.container .one-fifth.columns,
        .container .one-third.column,
		.container .one-third.columns,
		.container .two-thirds.column,
		.container .two-thirds.columns,
		.topcontainer .title.column { width: 460px;}
		.container .seven.premenu.columns { width: 300px; }
		.container .three.premenu.columns { width: 295px; }
		.container .premenurow {display: none;}
		
		/* Marginless Grid */
		
        .container .one.marginless.column,
        .container .one.marginless.columns,
        .container .two.marginless.columns,
        .container .three.marginless.columns,
        .container .four.marginless.columns,
        .container .five.marginless.columns,
        .container .six.marginless.columns,
        .container .seven.marginless.columns,
        .container .eight.marginless.columns,
        .container .nine.marginless.columns,
        .container .ten.marginless.columns,
        .container .eleven.marginless.columns,
        .container .twelve.marginless.columns,
        .container .thirteen.marginless.columns,
        .container .fourteen.marginless.columns,
        .container .fifteen.marginless.columns,
        .container .sixteen.marginless.columns,
		.container .one-sixth.marginless.column,
		.container .one-sixth.marginless.columns,
		.container .one-fifth.marginless.column,
		.container .one-fifth.marginless.columns,
        .container .one-third.marginless.column,
		.container .one-third.marginless.columns,
		.container .two-thirds.marginless.column,
		.container .two-thirds.marginless.columns,
		.topcontainer .title.column { width: 480px;}
		
		.topcontainer .title.column { height: 125px;}
		.topcontainer .utilities.column { width : 300px; margin-right : 0; height: 30px;}
		.topcontainer .utilities.column p { line-height : 30px; text-align : left; margin : 0; font-size : 0.8em;}
		.topcontainer .socialmedia.column { width : 160px; margin-left : 0; height: 30px;}
		.topcontainer .socialmedia.column p { line-height : 30px; margin : 0; font-size : 0.8em;}
		
		.topcontainer .title.column p { text-align : center; }
		
		
		/* Maintain for Mobile */
		
        .container .one.preserve.column,
        .container .one.preserve.columns                     { width: 30px; }
        .container .two.preserve.columns                     { width: 30px; }
        .container .three.preserve.columns                   { width: 60px; }
		.container .three.premenu.columns					 { width: 90px; }
        .container .four.preserve.columns                    { width: 120px; }
        .container .five.preserve.columns                    { width: 150px; }
        .container .six.preserve.columns                     { width: 180px; }
        .container .seven.preserve.columns                   { width: 210px; }
        .container .eight.preserve.columns                   { width: 240px; }
        .container .nine.preserve.columns                    { width: 270px; }
        .container .ten.preserve.columns                     { width: 300px; }
        .container .eleven.preserve.columns                  { width: 330px; }
        .container .twelve.preserve.columns                  { width: 360px; }
        .container .thirteen.preserve.columns                { width: 390px; }
        .container .fourteen.preserve.columns                { width: 420px; }
        .container .fifteen.preserve.columns                 { width: 450px; }
        .container .sixteen.preserve.columns                 { width: 480px; }
		
        .container .one-sixth.preserve.column,
		.container .one-sixth.preserve.columns				{ width: 60px; }
		.container .one-fifth.preserve.column,
		.container .one-fifth.preserve.columns				{ width: 76px; }
		.container .one-third.preserve.column,
		.container .one-third.preserve.columns				{ width: 140px; }
		.container .two-thirds.preserve.column,
		.container .two-thirds.preserve.columns				{ width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
		
		div.container nav ul li { font-size: 0.8em; padding: 15px 0.7%; }
		h1.sociallinks { padding:12px 12px 0px 12px;text-align:center;}
		p.botmenu { text-align: center; font-size: 12px; }
		
		/* Outside columns */
		.container .outside-left					{ display: none; }
		.container .outside-right					{ display: none; }
		
		.container .hidenonmobile {display: inline;}
		.hideonmobile {display: none;}
		
		.container .livestream {
			height : 270px;
		}
		
    }





/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 479px) {
		.top {height : 205px;}
		
		menu .menucontainer { position: relative; width: 300px; margin: 0 auto; padding: 0; }
		
		menu { height: 53.95px; }		
        .container, .topcontainer { width: 320px; }
        .container .columns,
        .container .column, .topcontainer .column { margin-left: 10px; margin-right: 10px;}
		
		.container .marginless.columns              { float: left; display: inline; margin-left: 0px; margin-right: 0px; }
		
		.aistri										{ background: none; }

		p { margin: 0 0 20px 0; font-size: 12.825px; }
		
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
		.container .one-sixth.column,
		.container .one-sixth.columns,
		.container .one-fifth.column,
		.container .one-fifth.columns,
        .container .one-third.column,
		.container .one-third.columns,
        .container .two-thirds.column,
		.container .two-thirds.columns,
		.topcontainer .title.column { width: 300px;}
		.container .seven.premenu.columns { width: 220px; }
		.container .three.premenu.columns { width: 215px; }
		.container .premenurow {display: none;}
		
		/* Marginless Grid */
		
        .container .one.marginless.column,
        .container .one.marginless.columns,
        .container .two.marginless.columns,
        .container .three.marginless.columns,
        .container .four.marginless.columns,
        .container .five.marginless.columns,
        .container .six.marginless.columns,
        .container .seven.marginless.columns,
        .container .eight.marginless.columns,
        .container .nine.marginless.columns,
        .container .ten.marginless.columns,
        .container .eleven.marginless.columns,
        .container .twelve.marginless.columns,
        .container .thirteen.marginless.columns,
        .container .fourteen.marginless.columns,
        .container .fifteen.marginless.columns,
        .container .sixteen.marginless.columns,
		.container .one-sixth.marginless.column,
		.container .one-sixth.marginless.columns,
		.container .one-fifth.marginless.column,
		.container .one-fifth.marginless.columns,
        .container .one-third.marginless.column,
		.container .one-third.marginless.columns,
		.container .two-thirds.marginless.column,
		.container .two-thirds.marginless.columns,
		.topcontainer .title.column { width: 320px;}
		

		
		/* Maintain for Mobile */
		
        .container .one.preserve.column,
        .container .one.preserve.columns                     { width: 20px; }
        .container .two.preserve.columns                     { width: 20px; }
        .container .three.preserve.columns                   { width: 40px; }
		.container .three.premenu.columns					 { width: 60px; }
        .container .four.preserve.columns                    { width: 80px; }
        .container .five.preserve.columns                    { width: 100px; }
        .container .six.preserve.columns                     { width: 120px; }
        .container .seven.preserve.columns                   { width: 140px; }
        .container .eight.preserve.columns                   { width: 160px; }
        .container .nine.preserve.columns                    { width: 180px; }
        .container .ten.preserve.columns                     { width: 200px; }
        .container .eleven.preserve.columns                  { width: 220px; }
        .container .twelve.preserve.columns                  { width: 240px; }
        .container .thirteen.preserve.columns                { width: 260px; }
        .container .fourteen.preserve.columns                { width: 280px; }
        .container .fifteen.preserve.columns                 { width: 300px; }
        .container .sixteen.preserve.columns                 { width: 320px; }
		
        .container .one-sixth.preserve.column,
		.container .one-sixth.preserve.columns				{ width: 33px; }
		.container .one-fifth.preserve.column,
		.container .one-fifth.preserve.columns				{ width: 44px; }
		.container .one-third.preserve.column,
		.container .one-third.preserve.columns				{ width: 86px; }
		.container .two-thirds.preserve.column,
		.container .two-thirds.preserve.columns				{ width: 193px; }
		
		
		.topcontainer .title.column { height: 125px;}
		.topcontainer .utilities.column { width : 200px; margin-right : 0; height: 30px;}
		.topcontainer .utilities.column p { line-height : 30px; text-align : left; margin : 0; font-size : 0.8em;}
		.topcontainer .socialmedia.column { width : 100px; margin-left : 0; height: 30px;}
		.topcontainer .socialmedia.column p { line-height : 30px; margin : 0; font-size : 0.8em;}
		
		.topcontainer .title.column p { text-align : center; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
		
		div.container nav ul li { font-size: 0.8em; padding: 15px 0.7%; }
		h3 { font-size: 28px; }
		h1.sitetitle { font-size: 16px; padding-top: 5px; }
		h2.sitetitle { font-size: 8px; padding-top: 2px; }
		h1.sociallinks { padding:12px 12px 0px 12px;text-align:center;font-size:34px; }
		p.botmenu { text-align: center; font-size: 10px; }
		
		/* Outside columns */
		.container .outside-left					{ display: none; }
		.container .outside-right					{ display: none; }
		
		.container .hidenonmobile {display: inline;}
		.hideonmobile {display: none;}

		.container .livestream {
			height : 180px;
		}

    }

	


	

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after, .topcontainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    nav:before, nav:after, .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    nav:after, .row:after,
    .clearfix:after {
      clear: both; }
    nav, .row,
    .clearfix {
      zoom: 1; }
	.row.spacer {
		height:30px;
		overflow: hidden;
	}

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	  margin : 0;
	  padding : 0;
    }
