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

/* GENERAL */
*{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
html, body{
	background-color: #000;
}
body{
	overflow-x:hidden;
	min-height:800px;
}
.black-font{
	color:#000;
}
.white-font{
	color:#fff;
}
.table{
	display:table;
	margin: 0 auto;
}
.wrapper{
	width:100%;
	min-height: 100%;
	min-width: 1024px;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	background: url(../images/BG_texture.jpg) no-repeat bottom #000;
	background-size:cover;
}
.navigationContainer{
	width: 1024px;
	height:12px;
	background-color:#111;
}
.navContainer{}
.navContainer li{
	display:inline;
}

#creditIndicator{
	padding:4px 0 0 22px;
	margin-top:-50px;
	height:30px;
	background:url(../images/interface/browseCreditBack.png) no-repeat;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
}

.navSupplemental, .navControls{
	padding:0px;
	float:right;
	display:inline-block;
	margin-top: -9px;
}
.navControls{
}

.pageContainer{
	width: 1024px;
	height: 720px;
}
.pageContainer{
	margin:0 auto;
}
.contentContainer{
	width:inherit;
	height:inherit;
	margin-top:-30px;
	background-size:cover;
	background-color:#000;
	/*background-color:#036;*/
}

a:link{color: #FFF;text-decoration: none;}
a:hover{color:#43B6FF;text-decoration:underline;}
a:visited{color:#BABABA;}
a:link.contactLink  {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;	
}
a:hover.contactLink  {
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;	
}
a:visited.contactLink  {
	color:#ccc;
	font-weight:bold;
	text-decoration:none;	
}
.clear{clear:both;}
/* .hidden, a span{ */
.hidden{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip{
	position:absolute;
	top:-20px;
	margin-left:-200px;
	width:170px;
}
.skip a{
	position:absolute;
	padding:6px;
	top:-20px;
	left:0px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	boder-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition:top 1s ease-out, background 1s linear;
	transition:top 1s ease-out, background 1s linear;
	z-index:100;
	width:auto;
	height:20px;
}
.skip a:focus{
	left:0;
	top:20px;
	background:#06C;
	color:#FFF;
	outline:0;
	-webkit-transition:top 1s ease-in, background .5s linear;
	transition:top 1s ease-in, background .5s linear;
}
@media (max-width:1024px){
	
}

/* Sticky footer styles
-------------------------------------------------- */
/* Wrapper for page content to push down footer */

/* Set the fixed height of the footer here */
.footerContainer{
	width:100%;
	text-align:center;
	bottom:0;
	background-color:#06C;
	clear:both;
}
.footerContainer li a{color:#fff;}
.footerContainer li a:visited{color:#fff;}
.footerContainer li a:link, .feedbackContainer a:link{color:#fff;}
.footerContainer li a:hover, .feedbackContainer a:hover{color:#09C;}
.footerContent{
	width:1024px;
	margin:0 auto;
	font-size:12px;
	background-color:#060;
}

/**/
.column-1,.column-2,.column-3{
	display:inline-block;
	text-align:left;
	position:relative;
}
.column-1, .column-3{
	margin:20px;
}
.column-3{text-align:right;}
.column-1 li, .column-3 li{
	display:block;
}

/* Custom page CSS
-------------------------------------------------- */

/* Module 1 */
.mod1-categories .textContent{
	position:absolute;
	left:-5000px;	
}
.mod1-categories>ul{
	margin:115px 0 0 175px;
}
.mod1-categories>ul li{
	list-style:none;
	display:inline-block;
	float:left;
}
.mod1-categories>ul li{
	width:120px;
	height:150px;
	cursor:pointer;
}

.mod1-categories>ul li:not(:first-child){
	margin-left:2px;
}
.mod1-categories button{
	width:inherit;
	height:inherit;
	border:none;
	background-color:transparent;
}

.mod1-categories .displayTextContainer{
	position:absolute;
	width:720px;
	height:300px;
	margin-left:175px;
	margin-top:150px;
	font-size:1.35rem;
	line-height:1.2em;
}
.completedContainer{
	position:absolute;
	margin:-25px 0 0 15px;	
}
.transcriptTxt{
	text-align:left;
}
#techConcernEmail{
    display: inline-block;
    float: right;
    margin-left: 960px;
    margin-top: -60px;
    width: 200px;
	text-align:right;
}

#techConcernEmail a{
	color:#999;
	font-size:11px;
	font-weight:bold;
}

#techConcernEmail a:hover, #techConcernEmail a:focus{
	color: #09F;
	font-size:11px;
	font-weight:bold;
}

.courseCreditBlock{
	background:#FF0004;
}