@charset "UTF-8";
/* CSS Document */

/* Fonts */
@font-face {
    font-family: 'antoniobold';
    src: url('../images/antonio-bold-webfont.eot');
    src: url('../images/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/antonio-bold-webfont.woff2') format('woff2'),
         url('../images/antonio-bold-webfont.woff') format('woff'),
         url('../images/antonio-bold-webfont.ttf') format('truetype'),
         url('../imagesantonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Antonio, Bold font */

@font-face {
    font-family: 'helveticalight';
    src: url('../images/helvetica_light_regular-webfont.eot');
    src: url('../images/helvetica_light_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/helvetica_light_regular-webfont.woff2') format('woff2'),
         url('../images/helvetica_light_regular-webfont.woff') format('woff'),
         url('../images/helvetica_light_regular-webfont.svg#helveticalight') format('svg');
    font-weight: normal;
    font-style: normal;

} /* Helvetica Light Font */

@font-face {
    font-family: 'helveticaregular';
    src: url('../images/helvetica-webfont.eot');
    src: url('../images/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/helvetica-webfont.woff2') format('woff2'),
         url('../images/helvetica-webfont.woff') format('woff'),
         url('../images/helvetica-webfont.ttf') format('truetype'),
         url('../images/helvetica-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Helvetica, Regular font */

@font-face {
    font-family: 'helveticaoblique';
    src: url('../images/helvetica-oblique-webfont.eot');
    src: url('../images/helvetica-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/helvetica-oblique-webfont.woff2') format('woff2'),
         url('../images/helvetica-oblique-webfont.woff') format('woff'),
         url('../images/helvetica-oblique-webfont.svg#helveticaoblique') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Helvetica, Oblique font */

@font-face {
    font-family: 'helveticabold';
    src: url('../images/helvetica-bold-font-webfont.eot');
    src: url('../images/helvetica-bold-font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/helvetica-bold-font-webfont.woff2') format('woff2'),
         url('../images/helvetica-bold-font-webfont.woff') format('woff'),
         url('../images/helvetica-bold-font-webfont.ttf') format('truetype'),
         url('../images/helvetica-bold-font-webfont.svg#helveticabold') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Helvetica, Bold font */

@font-face {
    font-family: 'acumin_pro_condensedbold';
    src: url('../images/acumin_pro_condensed-webfont.eot');
    src: url('../images/acumin_pro_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/acumin_pro_condensed-webfont.woff2') format('woff2'),
         url('../images/acumin_pro_condensed-webfont.woff') format('woff'),
         url('../images/acumin_pro_condensed-webfont.ttf') format('truetype'),
         url('../images/acumin_pro_condensed-webfont.svg#acumin_pro_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Acumin Pro Condensed font (similar to Acumin Variable Concept, Condensed Medium font) */

/*---------------Divider--------------*/


/* Background Image & Background Color */
body{
	background-image: url("../images/background_photo_01.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: grey;
	background-attachment: fixed;
	position: relative;
	z-index: 0;
}


/* Navigation Segment*/
nav{
	background-color: #aab300;
	height: 8.2em;
	width: cover;
	margin-left: -1em;
	margin-top: -1em;
	margin-right: -.5em;
	position: relative;
	z-index: 10000;
	border-bottom: 1.5em solid  #ee7c2f;
}/* mainly Navigation color */

/* TMCC logo 01, in Navigation */
.tmcc-logo-01{
	scale: 38%;
	margin-top: -5.60em;
	margin-left: -14em;
	position: absolute;
	z-index: 10001;
	/*background-color: black;*/
	padding: 3em;
}

	.tmcc-logo-01:hover{
		transform:scale(1.1);
	}

	.tmcc-logo-01:active{
		transform: scale(1.0);
		filter: brightness(85%);
	}


nav p{
	position: absolute;
	z-index: 10001;
	color: white;
	font-family: 'helveticaregular';
	margin-top: 4.60em;
	margin-left: 6.5em;
	font-size: 22px;
}/* "Truckee Meadows Community College" title, underneath TMCC logo 01 */


.navigation_buttons{
	margin-left: 59.85em;
	height: 8.2em;
	background-color: black;
	width: 45.65%;
}

.navigation_buttons ul{
	border-left: 1px solid white;
	font-size: 20px;
	height: 6.5em;
	list-style-type: none;
	flex-direction: row;
	display: flex;
	color: white;
	font-family: 'acumin_pro_condensedbold';
	margin-top: 0em;
	position: absolute;
	z-index: 10001;
	text-align: left;
	padding-left: 0;
}

.navigation_buttons ul li{
	width: 5%;
	padding: 3.5em 4em 0em .80em;
	border-right: 1px solid white;
	text-align:left;
}

	.navigation_buttons ul li:hover{
		color: #aab300;
		background-color: #2a2b2a;
		box-shadow: inset 0px 10px 8px black;
	} /*Navigation Buttons have mouse hover over them, they turn orange */
	.navigation_buttons ul li:active{
		background-color:#121212;
	}/* Navigation Buttons are clicked, they turn dark orange */



/* Section Menu, on left side */
.section-menu{
	justify-content: center;
	flex-direction: column;
	display: flex;
	margin-left: 3em;
}
.section-menu-orange{
	background-color: #ee7c2f;
	height: 4em;
	width: 20%;
	justify-content: center;
	margin-top: 10em;
	text-align: center;
	border-bottom: .25em solid #D66111;
}/* Section Menu, orange header */
.section-menu-orange p{
	margin: .5em;
	font-family: 'acumin_pro_condensedbold';
	font-size: 30px;
	color: white;
	letter-spacing: 2px;
	
}/* Section Menu, orange header, inside */

.section-dropdown{
	background-color: #dbdede;
	width: 20%;
	flex-direction: column;
	display: flex;
	min-height: auto;
}
.section-dropdown ul{
	margin-top: -.04em;
	list-style-type: none;
	font-family: 'acumin_pro_condensedbold';
	color: #495b59;
	margin-left: -2em;
	font-size: 20px;
	margin-bottom: 0;
}
.section-dropdown ul li{
	padding-top: 1em;
	border-bottom: 2px solid #495b59;
	padding-bottom: 1em;
	padding-left: 2em;
	height: 1em;
}
.section-dropdown ul li a{
	text-decoration: none;
	color:#495b59;
}
.section-dropdown ul li a:active{
	background-color: #aab300;
	color: white;
}
	.section-dropdown ul li:last-child{
		border-bottom: none;
	}
	.section-dropdown ul li:hover{
		background-color: #B3B9B9;
		color: #33403F;
	}
	.section-dropdown ul li:active{
		background-color: #aab300;
		color: white;
	}


.catalog-orange{
	background-color: #ee7c2f;
	height: 4em;
	width: 20%;
	justify-content: center;
	text-align: center;
}
.catalog-orange p{
	margin: .5em;
	font-family: 'acumin_pro_condensedbold';
	font-size: 30px;
	color: white;
	letter-spacing: 2px;
}

	.catalog-orange p:hover{
		background-color: #fe9e20;
	}
	.catalog-orange p:active{
		background-color: #D66111;
	} 
	
/*.extra-catalog-items {
	background-color: #dbdede;
	width: 100%;
	flex-direction: column;
	display: block;
	min-height: auto;
}
.extra-catalog-items ul{
	list-style-type: none;
	margin-top: -.04em;
	font-family: 'acumin_pro_condensedbold';
	color: #495b59;
	margin-left: -2em;
	font-size: 20px;
	margin-bottom: 0;
}
.extra-catalog-items ul li{
	padding-top: 1em;
	border-bottom: 2px solid #495b59;
	padding-bottom: 1em;
	height: 1em;
	text-align: left;
	padding-left: 1em;
}
.extra-catalog-itemsul li:hover{
	background-color: #B3B9B9;
	color: #33403F;
}
.extra-catalog-items ul li:active{
	background-color: #aab300;
	color: white;
}*/



/* Ribbon Piece, above Header Image */
.previous-ribbon{
	position: absolute;
	z-index: 5;
	margin-top: -52em;
	margin-left: 30em;
}
.previous-ribbon p{
	font-family: 'helveticaoblique';
	position: absolute;
	z-index: 5;
	margin-top: -2.5em;
	color: white;
	margin-left: 1em;
	font-size: 14px;
}
.previous-ribbon p span{
	color: #aab300;
}



/* Header Image, underneath Ribbon image */
header{
	position: absolute;
	z-index: 5;
	margin-top: -47em;
	margin-left: 30em;
	border-bottom: 2px solid white;
	padding-bottom: 2em;
}



/* Main, Paragraph, right underneath Header Image */
main{
	margin-left: 30em;
	color: white;
	margin-top: -11em;
}
main h1{
	font-family: 'antoniobold';
	font-style: normal;
	font-size: 55px;
	margin-bottom: .5em;
}
main p{
	font-size: 18px;
	width: 90%;
	font-family: 'helveticaregular';
	line-height: 1.5em;
}


/* Graduate Degrees listed in Orange, beside H1 */
h2{
	color: #ee7c2f;
	font-family: 'helveticabold';
	position: absolute;
	z-index: 5;
	margin-top: -19em;
	margin-left: 42em;
	font-style: normal;
}



/* Program Information Segement */
.program-information{
	background-color: #2a2b2a;
	width: 67%;
	margin-left: 30em;
	padding: 2em 2em 2em 3em;
	margin-top: 7em;
	margin-bottom: 4em;
}
article h3{
	font-family: 'helveticalight';
	color: white;
	font-style: normal;
	letter-spacing: .5px;
}
article ul{
	color: #ee7c2f;
	font-family: 'acumin_pro_condensedbold';
	font-size: 20px;
	letter-spacing: .80px;
}
article ul li{
	padding: .5em;
}
article ul li a{
	text-decoration: none;
	color: #ee7c2f;
}
article ul li:hover{
	color:#fe9e20;
}
article ul li a:hover{
	color:#fe9e20;
}
article ul li:active{
	color: #aab300;
}
article ul li a:active{
	color: #aab300;
}
hr{
	display: block; 
	margin-top: -1.10em;
	margin-start: auto;
	border-style: inset;
	border-color: #fe9e20;
}
.line-01{
	margin-left: 8em;
}
.line-02{
	margin-left: 11.5em;
}
.line-03{
	margin-left: 13.5em;
}
.line-04{
	margin-left: 14em;
}
.line-05{
	margin-left: 14.5em;
}



/* Course Offerings */
section{
	font-size: 18px;
	width: 71%;
	font-family: 'helveticaregular';
	line-height: 1.5em;
	color: white;
	margin-left: 27em;
	border-top: 2px solid white;
	padding-top: 5em;
	margin-bottom: 6em;
}
section h4{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 30px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}
section p a{
	color: #fe9e20;
}
	section p a:hover{
		color: #aab300;
	}
	section p a:active{
		color: #F3FF19; /* Green Highlight Color ! */
	}



/* Degrees and Certificates Section */
.degrees-certificates h5{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 30px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}
.degrees-certificates h6{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 25px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}
.degrees-certificates h7, h8{
	font-family: 'helveticalight';
	color: white;
	font-style: normal;
	letter-spacing: .5px;
}
.degrees-certificates .specific-p{
	padding-bottom: 2em;
}
	.degrees-certificates ul li a{
		color: #ee7c2f;
	}
	.degrees-certificates ul li a:hover{
		color: #aab300;
	}
	.degrees-certificates ul li a:active{
		color: #F3FF19;
	}
.degrees-certificates .specific-ul{
	padding-bottom: 2em;
}
.grey-rectangle-backing{
	background-color: #2a2b2a;
	padding: 2em;
	margin-bottom: 8em;
}

h9 {
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 30px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}/* "Bachelor of Arts Degree" */
.specific-p-02{
	width: 45%;
}

/*Image underneath "Bachelor of Arts Degree sub-section" */
.visual-guide-01{
	scale: 150%;
	margin-left: 47em;
	margin-top: -18em;
	padding-bottom: 3em;
}



/* Competency-based Program Section */
.competency-based h10{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 30px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}


/* Performance-based Instruction Offers Many Adantages Section */
.performance-based h11{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 30px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}
.performance-based ol li{
	padding: 1em;
}



/* Program Assessment Outcomes */
.program-assessment h12{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 30px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}
.program-assessment p{
	font-family: 'helveticaregular';
	font-style: normal;
	font-size: 18px;
	letter-spacing: .5px;
	text-shadow: 5px 5px 10px black;
}
.program-assessment ul li{
	padding: 1em;
}




/* Footer Segment */
footer{
}

.grey-rectangle{
	margin-top: 15em;
	height: 4em;
	background-color: #1F2727;
	width: cover;
	box-shadow: 0px -30px 32px black;
	margin-left: -.5em;
	margin-right: -1em;
	
}
.grey-rectangle ul{
	flex-direction: row;
	width: 100%;
	display: flex;
	list-style-type: none;
	font-family: 'acumin_pro_condensedbold';
	font-size: 19px;
	color: #aab300;
}
.grey-rectangle ul li{
	padding: 1.15em 3em 0em 1em;
	text-align: center;
	justify-contents: center;
}
.grey-rectangle ul li a{
	text-decoration: none;
	color: #aab300;
}
	.grey-rectangle ul li a:hover{
		color: #fe9e20;
	}
	.grey-rectangle ul li a:active{
		color: #F3FF19;
	}


/*Green Rectangle, Middle Piece, Footer */
.green-rectangle-01{
	margin-left: -1em;
	height: 18em;
	width: cover;
	background-color: #aab300;
	padding: 2em 0 0 4em;
	margin-right: -1em;
	flex-direction: row;
	display: flex;
}
.green-rectangle-01 .information-01 h13, h14, h15, h16{
	font-family: 'helveticaregular';
	color: black;
	margin-top: -2em;
	margin-bottom: 0;
	font-size: 20px;
	padding-right: 4em;
	
}
.green-rectangle-01 .information-01 ul, .online-resources-01 ul, .helpful-links-01 ul, .featured-sites-01 ul{
	color: white;
	margin-left: -1em;
	letter-spacing: .5px;
}
green-rectangle-01 .information-01 ul li, .online-resources-01 ul li, .helpful-links-01 ul li, .featured-sites-01 ul li{
	padding: 0 0 .5em 0;
}

green-rectangle-01 .information-01 ul li:hover, .online-resources-01 ul li:hover, .helpful-links-01 ul li:hover, .featured-sites-01 ul li:hover{
	color: #696F00;
}
green-rectangle-01 .information-01 ul li:active, .online-resources-01 ul li:active, .helpful-links-01 ul li:active, .featured-sites-01 ul li:active{
	color: #C0570F;
}



/* TMCC Logo 02 */
.tmcc-logo-02{
	margin-top: -25em;
	position: absolute;
	margin-left: 93.5em;
	z-index: 10;
	scale: 110%;
}

.copyright{
	margin-left: 122em;
	margin-top: -12em;
	line-height: .5em;
	position: absolute;
	z-index: 12;
	text-align: center;
	width: 20%;
	font-size: 12px;
	color: #2D2F00;
}
.small-green-square{
	background-color: #aab300;
	height: 20em;
	width: 20em;
	transform: rotate(45deg);
	margin-top: -30em;
	margin-left: 94.5em;
	position: absolute;
	z-index: 9;
	margin-bottom: 0;
}



/* Dark Grey Rectangle at the bottom of the Footer, contains extra links */
.dark-grey-rectangle-bottom{
	height: 10em;
	background-color: #0E0E0E;
	margin-left: -1em;
	margin-right: -1em;
	width: cover;
	margin-top: -1em;
	margin-bottom: -1em;
	padding-left: 2.5em;
	font-family: 'helveticalight';
	padding-top: 2em;
}
.dark-grey-rectangle-bottom ul{
	flex-direction: row;
	display: flex;
	color: #586E6B;
	
}.dark-grey-rectangle-bottom ul li{
	padding: 0em 2.5em .15em 1em;
}
.dark-grey-rectangle-bottom ul li a{
	text-decoration: none;
	color: #586E6B;
}
.dark-grey-rectangle-bottom ul li a:hover{
	color: white;
}
.dark-grey-rectangle-bottom ul li a:active{
	color: #fe9e20;
}
.dark-grey-rectangle-bottom .bottom-links ul{
	margin-top: 5em;
}
.dark-grey-rectangle-bottom .bottom-links ul li{
	padding: 0em 2.5em 1em 1em;
}