/* NOTES --------------------------------------------------------------
 * Margin, padding, etc, are all ordered by the following, depending on
 * how many numbers you provide. So if you provide one number, or two,
 * etc, then it covers the following:
 * T = top / R = right / B = bottom / L = left
 * 1: TRBL     —  50px = all four are 50px
 * 2: TB RL    —  10px 20px = T & B are 10px, L & R are 20px
 * 3: T RL B   —  5px 10px 15px = top is 5px, LR are 10, bottom is 15
 * 4: T R B L  —  1px 2px 3px 4px = top right bottom left are AS-IS
 */


/* All Tier Styles ----------------------------------------------------
* The following styles will apply to ALL tiers, regardless of what 
* screen size they're viewing the site at.
*/

html,body {
	height:100%; 
	}

body {
	background-color:#117bb6;
	margin:0px;
	padding:0px;
	}
* {
    font-family: "Lucida Grande", "Trebuchet MS", Geneva, Tahoma, Verdana, Arial, sans-serif;	font-size:16px;
	}
h1	{ font-size:1.5em; }
h1 i	{ font-size:1.0em; }
a	{ color: hsla(200, 100%, 35%, 1); }

.wholesite {
	display:table;
	width:100%;
	}

.header {
	display:table-row;
	}
.title {
	background-image: url(site/stripesBG.png);
	display: table;
	background-repeat: repeat-x;
	z-index:300;
	position:absolute;
	}
.titleLS {
	background-image: url(site/stripesBottom.png);
	display: table-cell;
	background-repeat: repeat-x;
	}
.titleMT {
	background-image: url(site/titleStripes.png);
	display: table-cell;
	background-repeat: no-repeat;
	}
.titleRS {
	background-image: url(site/stripesTop.png);
	display: table-cell;
	width:auto;
	background-repeat: repeat-x;
	}
.headlinks {
	background-color:#13579a;
	width:auto;
	position:relative;
	}
.headbg {
	z-index:200;
	position:absolute;
	}
.headpic {
	background-position: center 65% !important;
	background-repeat: no-repeat !important;
	z-index:100;
    background-size: 100% !important;
	position:absolute;
	}
.headhi {
	z-index:1;
	}

.article {
	display:table-row;	
	min-height:auto !important;
	}
.maincontent {
	background-color:#fff;
	text-align:left;
	position:relative;
	z-index:10;
	}
.actualtext {
	}


.footer {
	display:table-row;
	}
.footlinks {
	}
.copyright {
	background: linear-gradient(180deg,
		rgba(0,0,0,0.0000) 0px,
		rgba(0,0,0,0.2588) 30px,
		rgba(0,0,0,0.3440) 60px,
		rgba(0,0,0,0.3857) 90px, 
		rgba(0,0,0,0.4000) 122px
		);
	position:relative;
	z-index:0;
	top:-30px;
	color: rgb(255,255,255,0.3);
	}
.copyright a {
	color: rgb(255,255,255,0.5);
	font-size:1em;
	}
.copyright p {
	font-size:0.85em;
	}

.disappear {
	display:block;
	}


/* Tier A Screen Size -------------------------------------------------
* aka "Portrait Mobile"
*/
@media only screen 
and (max-device-width : 482px) {


* {

	}

.header {

	}
.title {
height:42px;
background-size: 100% 42px;
width:100%;
margin-top: 115px;
margin-bottom: 10px;
}
.headbg, .headpic {
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}
.headbg {
	background: linear-gradient(180deg, 
		rgba(0,0,0,0.0000) 0px,
		rgb(17 123 182 / 0.50) 105px, 
		rgb(17 123 182 / 1.00) 125px );
	height:167px;
}
.headpic {
	height:166px;
	}
.headhi {
	height:170px;
	}

.titleLS {
height:42px;
background-size: 300px 42px;
width:auto;
background-image: none;
}
.titleMT {
height:42px;
background-size: 300px 42px;
width:300px;
background-image: url(site/titleNormal.png);
}
.titleRS {
height:42px;
background-size: 300px 42px;
background-image: none;
}
.nick15sez {
	width:300px;
	height:42px;
	margin: 4.372px 0px 0px -2.0px;
	}
.headlinks {
top: -2.5px;
height: 22.5px;
margin-bottom: 7.5px;
}


.article {

	}
.maincontent {
border-top:4px solid black;
border-bottom:4px solid black;
margin:0px 0px 10px 0px;
padding:5px 20px 10px 20px;
width:auto;
	}
.actualtext {
	}


.footer {

	}
.footlinks {

	}
.copyright {
	top: -20px !important;
    padding: 25px 30px 0px;
	margin-bottom: -20px;
    border-bottom: 20px solid rgba(0,0,0,0.4000);
	}


.disappear {
	display:none;
	}

}

/* Tier B Screen Size -------------------------------------------------
* aka "Landscape Mobile"
*/
@media only screen 
and (min-device-width : 483px) 
and (max-device-width : 962px) {



* {

	}

.header {

	}
.title {
height:55px;
background-size: 100% 55px;
width:100%;
margin-top: 150px;
margin-bottom: 10px;
}
.headbg, .headpic {
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}
.headbg {
	background: linear-gradient(180deg, 
		rgba(0,0,0,0.0000) 0px,
		rgb(17 123 182 / 0.50) 135px, 
		rgb(17 123 182 / 1.00) 170px );
	height:215px;
	}
.headpic {
	height:214px;
	}
.headhi {
	height:220px;
	}

.titleLS {
height:55px;
background-size: 385px 55px;
width:60px;
}
.titleMT {
height:55px;
background-size: 385px 55px;
width:381px;
background-position: -2px 0px;
}
.titleRS {
height:55px;
background-size: 385px 55px;
}
.nick15sez {
	width:385px;
	height:55px;
	margin: 5.726px 0px 0px -2.0px;
	}
.headlinks {
top:-12.5px;
height:22.5px;
	}



.article {

	}
.maincontent {
border:5px solid black;
border-radius:35px;
margin:5px 30px 10px;
padding:12.5px 30px;
width:auto;
	}
.actualtext {
	}


.footer {

	}
.footlinks {

	}
.copyright {
	padding: 30px 55px 0px; 
	margin-bottom: -30px;
    border-bottom: 30px solid rgba(0,0,0,0.4000);
	}


.disappear {

	}

}

/* Tier C Screen Size -------------------------------------------------
* aka "Desktop"
*/
@media only screen 
and (min-device-width : 963px) {

* {
	font-size:20px;
	}

.header {

	}
.title {
height:85px;
background-size: 100% 85px;
width:100%;
margin-top: 200px;
margin-bottom: 15px;
}
.headbg, .headpic {
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}
.headbg {
	background: linear-gradient(180deg, 
		rgba(0,0,0,0.0000) 0px,
		rgb(17 123 182 / 0.50) 165px, 
		rgb(17 123 182 / 1.00) 205px );
	height:285px;
	}
.headpic {
	height:284px;
	}
.headhi {
	height:305px;
	}

.titleLS {
height:85px;
background-size: 600px 85px;
width:70px;
}
.titleMT {
height:85px;
background-size: 600px 85px;
width:596px;
background-position: -2px 0px;
}
.titleRS {
height:85px;
background-size: 600px 85px;
}
.nick15sez {
	width:600px;
	height:85px;
	margin: 8.85px 0px 0px -2.0px;
	}
.headlinks {
	top:-25px;
	height:35px;
	}


.article {

	}
.maincontent {
border:6px solid black;
border-radius:40px;
margin:0px 40px 15px;
padding:15px 40px;
width:auto;
	}
.actualtext {
	}


.footer {

	}
.footlinks {

	}
.copyright {
	padding: 40px 60px 0px; 
	margin-bottom: -30px;
    border-bottom: 30px solid rgba(0,0,0,0.4000);
	}
	
	
.disappear {

	}

}