/*Initialize *****************************************/
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
{
	/*[disabled]margin:0;*/
	/*[disabled]padding:0;*/
	/*[disabled]border:0;*/
	/*[disabled]font-size:100%;*/
	/*[disabled]font:inherit;*/
	/*[disabled]vertical-align:baseline;*/
}
BODY
{
	/*[disabled]line-height:1;*/
}
OL, UL
{
	/*[disabled]list-style:none;*/
}
TABLE
{
	/*[disabled]border-collapse:collapse;*/
	/*[disabled]border-spacing:0;*/
}
CAPTION, TH, TD
{
	/*[disabled]text-align:left;*/
	/*[disabled]font-weight:normal;*/
	/*[disabled]vertical-align:middle;*/
}
Q, BLOCKQUOTE
{
	/*[disabled]quotes:none;*/
}
Q:before, Q:after, BLOCKQUOTE:before, BLOCKQUOTE:after
{
	/*[disabled]content:"";*/
	/*[disabled]content:none;*/
}
A IMG
{
	/*[disabled]border:none;*/
}
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION, SUMMARY
{
	/*[disabled]display:block;*/
}
BODY
{
	font: 14px / 22px Arial, Helvetica, sans-serif;
	color: #333;
	background: #DDD;
	margin: auto;
	overflow-x: hidden;
	max-width: 1150px;
}
H1, H2, H3, H4, H5, H6
{
	/*[disabled]font-weight:bold;*/
	/*[disabled]font-size:16px;*/
	/*[disabled]margin:12px 0;*/
}
H1
{
	/*[disabled]margin:35px 0 5px;*/
	/*[disabled]font-size:26px;*/
	/*[disabled]font-weight:normal;*/
}
H2
{
	/*[disabled]margin:40px 0 25px;*/
	/*[disabled]border-bottom:1px solid #BBB;*/
	/*[disabled]padding:0 0 10px;*/
}
P
{
	/*[disabled]margin:0 0 16px;*/
}
STRONG
{
	/*[disabled]font-weight:bold;*/
}
LABEL, A
{
	color: #008080;
	cursor: pointer;
	text-decoration: none;
}
LABEL:hover, A:hover
{
	color: #000 !important;
}
*
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
LABEL, #active, IMG
{
	/*[disabled]-moz-user-select:none;*/
	/*[disabled]-webkit-user-select:none;*/
}
.catch
{
	/*[disabled]display:block;*/
	/*[disabled]height:0;*/
	/*[disabled]overflow:hidden;*/
}
#slider
{
	/*[disabled]text-align:center;*/
	/*[disabled]margin:0 auto;*/
}
#description
{
	/*[disabled]margin:25px auto;*/
	/*[disabled]text-align:left;*/
	/*[disabled]max-width:650px;*/
	/*[disabled]padding:0 25px;*/
}
.respond
{
	/*[disabled]margin:0 auto;*/
	/*[disabled]max-width:370px;*/
}
/*Slider Setup *******************************************/
INPUT
{
	display: none;
}
#slide1:checked ~ #slides .inner
{
	margin-left: 0;
}
#slide2:checked ~ #slides .inner
{
	margin-left: -100%;
}
#slide3:checked ~ #slides .inner
{
	margin-left: -200%;
}
#slide4:checked ~ #slides .inner
{
	margin-left: -300%;
}
#overflow
{
	width: 100%;
	overflow: hidden;
}
ARTICLE IMG
{
	width: 100%;
}
#slides .inner
{
	width: 400%;
	line-height: 0;
}
#slides ARTICLE
{
	width: 25%;
	float: left;
}
/*Slider Styling - Control Setup *****************************/
#controls
{
	/*[disabled]margin:-25% 0 0;*/
	/*[disabled]width:100%;*/
	/*[disabled]height:50px;*/
}
#controls LABEL
{
	/*[disabled]display:none;*/
	/*[disabled]width:43px;*/
	/*[disabled]height:44px;*/
	/*[disabled]opacity:0.3;*/
}
#controls LABEL:hover
{
	/*[disabled]opacity:0.8;*/
}
#active
{
	margin: 0 5% 0 0;
	text-align: right;
}
#active LABEL
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #BBB;
}
#active LABEL:hover
{
	background: #CCC;
	border-color: #777 !important;
}
#slide1:checked ~ #controls LABEL:nth-child(2), #slide2:checked ~ #controls LABEL:nth-child(3), #slide3:checked ~ #controls LABEL:nth-child(4), #slide4:checked ~ #controls LABEL:nth-child(1)
{
	background: url('images/img_navsprites.gif') no-repeat -91px 0;
	float: right;
	margin: 0 -70px 0 0;
	display: block;
}
#slide1:checked ~ #controls LABEL:nth-child(4), #slide2:checked ~ #controls LABEL:nth-child(1), #slide3:checked ~ #controls LABEL:nth-child(2), #slide4:checked ~ #controls LABEL:nth-child(3)
{
	background: url('images/img_navsprites.gif') no-repeat -47px 0;
	float: left;
	margin: 0 0 0 -70px;
	display: block;
}
#slide1:checked ~ #active LABEL:nth-child(1), #slide2:checked ~ #active LABEL:nth-child(2), #slide3:checked ~ #active LABEL:nth-child(3), #slide4:checked ~ #active LABEL:nth-child(4)
{
	background: #333;
	border-color: #333 !important;
}
/*Info Box ***********************************************/
.info
{
	border: 5px groove #FF0000;
	line-height: 20px;
	background-color: #FFFFFF;
	margin: 10px 10px 10px 35%;
	float: right;
	position: absolute;
	top: 250px;
	/*[disabled]width:20%;*/
	font-style: italic;
	padding: 30px;
	opacity: 0;
	color: #000;
	text-align: left;
	/*[disabled]padding-left:47%;*/
	/*[disabled]margin-left:35%;*/
}
.info H3
{
	color: #333;
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 22px;
	font-style: normal;
}
/*Slider Styling *******************************************/
#slides
{
	margin: 5px auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 1px 1px 4px #808080;
	padding: 1%;
	background: #000047;
	background: rgb(0, 0, 72);
	/*Old browsers*/
	background: -moz-linear-gradient(top, rgba(0, 0, 72, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	/*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 72, 0.9)), color-stop(100%,rgba(0, 0, 0, 0.9)));
	/*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top, rgba(0, 0, 72, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	/*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top, rgba(0, 0, 72, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	/*Opera 11.10+*/
	background: -ms-linear-gradient(top, rgba(0, 0, 72, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	/*IE10+*/
	background: linear-gradient(top, rgba(0, 0, 72, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
	/*W3C*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000047', endColorstr='#000000',GradientType=0 );
	/*IE6-9*/
}
/*Animation **************************************************/
#slides .inner
{
	/*[disabled]-webkit-transform:translateZ(0);*/
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	/*easeInOutQuart*/
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	/*easeInOutQuart*/
}
#slider
{
	/*[disabled]-webkit-transform:translateZ(0);*/
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#controls LABEL
{
	/*[disabled]-webkit-transform:translateZ(0);*/
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
#slide1:checked ~ #slides ARTICLE:nth-child(1) .info, #slide2:checked ~ #slides ARTICLE:nth-child(2) .info, #slide3:checked ~ #slides ARTICLE:nth-child(3) .info, #slide4:checked ~ #slides ARTICLE:nth-child(4) .info
{
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}
.info, #controls, #slides, #active, #active LABEL, .info H3, .desktop, .tablet, .mobile
{
	/*[disabled]-webkit-transform:translateZ(0);*/
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
/*Media Sizing ******************************************************/
@media only screen and (min-width: 850px)
{
	BODY
	{
		padding: 0 80px;
	}
}
#th, #prog, #net, #tt, #np
{
	display: block;
}
#mth, #mprog, #mnet, #mtt, #mnp
{
	display: none;
}
/*Menu **************************************************************/
.menu
{
	padding: 0px;
	margin: 5px auto;
	position: relative;
	text-align: center;
}
.menu UL
{
	list-style-type: none;
	margin: 0;
	padding: 8px;
	position: relative;
	border: none;
	background: rgba(0, 0, 72, 0.9);
	border-radius: 15px 15px 15px 15px;
	height: 36px;
}
.menu LI
{
	font-size: 24px;
	display: inline;
}
.bmenu LI:first-child A
{
	/*[disabled]-webkit-border-radius:15px 0px 0px 15px;*/
	/*[disabled]-moz-border-radius:15px 0px 0px 15px;*/
	/*[disabled]border-radius:15px 0px 0px 15px;*/
}
.bmenu LI:last-child A
{
	/*[disabled]-webkit-border-radius:0px 15px 15px 0px;*/
	/*[disabled]-moz-border-radius:0px 15px 15px 0px;*/
	/*[disabled]border-radius:0px 15px 15px 0px;*/
}
.menu LI A
{
	white-space: nowrap;
	text-shadow: 1px 1px 2px rgba(71, 80, 23, 0.3);
	color: #FFF;
	padding: 5px 20px;
	margin: 0;
	background-color: transparent;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.menu LI A:hover
{
	background: #FFFFFF;
	text-shadow: 1px 1px 10px rgba(71, 80, 23, 0.6);
	color: #C4D85A;
}
.menu:hover LI A
{
	text-shadow: 0px 0px 10px #FFF;
	color: transparent;
}
/*Top Header **************************************************************/
.topheader
{
	border: 10px solid rgba(0, 0, 72, 0.9);
	margin: 5px 0 0;
	padding: 2px;
	position: relative;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 15px 15px 15px 15px;
	/*[disabled]height:165px;*/
}
.topheader IMG
{
	/*[disabled]height:141px;*/
	/*[disabled]width:229px;*/
}
/*VCP5 Lab ******************************************************************/
.VCP5 H1, H2, H3, H4, H5, H6
{
	font-weight: bold;
	font-size: 16px;
	margin: 12px 0;
}
.VCP5 H2
{
	margin: 40px 0 25px;
	border-bottom: 1px solid #BBB;
	padding: 10px;
	background-color: #FFFF00;
}
.VCP5 P
{
	background-color: #F5DEB3;
}
.VCP5 UL
{
	list-style-type: disc;
}
/*Respond Options

#desktop:checked ~ #slider {
max-width: 960px;
}

#tablet:checked ~ #slider {
max-width: 850px;
}

#mobile:checked ~ #slider {
max-width: 450px;
}

#desktop:checked ~ #slider .desktop,
#tablet:checked ~ #slider .tablet,
#mobile:checked ~ #slider .mobile {
color: #777;
opacity: 1;
}

.desktop, .tablet, .mobile {
display: inline-block;
width: 60px;
height: 60px;
padding-top: 50px;
opacity: 0.35;
font-size: 12px;
}

.desktop:hover, .tablet:hover, .mobile:hover {
opacity: 0.2;
}

.desktop {
background: url('desktop.png') no-repeat;
}

.tablet {
background: url('tablet.png') no-repeat;
}

.mobile {
background: url('mobile.png') no-repeat;
}

Responsive Styling
Tablet

#tablet:checked ~ #slider #controls {
margin: -25% 0 0 12%;
width: 76%;
height: 50px;
}

#tablet:checked ~ #slider #controls label {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

#tablet:checked  ~ #slider #slides, #mobile:checked  ~ #slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#tablet:checked ~ #slider #active {
margin: 22% 0 0;
}

@media only screen and (max-width: 850px) and (min-width: 450px) {

#slider #controls {
margin: -25% 0 0 15%;
width: 70%;
height: 50px;
}

#slider #controls label {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

#slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#slider #active {
margin: 22% 0 0;
}

}

Mobile

#mobile:checked ~ #slider #controls {
margin: -28% 0 0 24%;
width: 50%;
height: 50px;
}

#mobile:checked ~ #slider #active {
margin: 23% 0 0;
}

#mobile:checked ~ #slider #slides .info {
opacity: 0 !important;
}

#mobile:checked ~ #slider #controls label {
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}


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

#slider #controls {
margin: -28% 0 0 24%;
width: 50%;
height: 50px;
}

#slider #active {
margin: 23% 0 0;
}

#slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#slider #slides .info {
opacity: 0 !important;
}

#slider #controls label {
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}

}
*/