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

body {
	margin: 0px auto;
	text-align: center;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: smaller;
	color: #996633;
	background-color: #EEE;
}

.header {
	background-image: url(../images/blackboardHeaderBlank.png);
	background-repeat: no-repeat;
	margin: 0px auto;
	background-position: center;
	height: 94px;
	text-align:center;
	background-color:#000;
}

.headerImage {
	padding: 20px 10px 0px 10px;
	width: 941px;
	margin: 0px auto;
	text-align: left;
}

.skipNavigation {
	position: absolute;
	left: -9999em;	
}

.navigation {
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px auto;
	width: 955px;
	
}

.navigation li{
	list-style: none;
	float: left;
	padding: 0px 20px 0px 0px;
}

.navigation a {
	/*display: block;*/
	text-decoration: none;
	color: #FFFFFF;
}

.navigation li a:hover {
	text-decoration: none;
	color: #fdc02c;
}

.navigation li img {
	padding: 0px 3px 0px 0px;
}


.container {
	width: 955px;
	margin: 0px auto;
	margin-bottom: -10px;
	text-align: center;
	border: 1px solid #CCC;
	border-top-color: #FFF;
	background-color: #FFF;
}


.secondNav {
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px auto;
	width: 955px;
}

.secondNav li{
	list-style: none;
	float: left;
	padding: 0px 20px 0px 0px;
}

.secondNav a {
	/*display: block;*/
	text-decoration: none;
	color: #996633;
}

.secondNav li a:hover {
	text-decoration: none;
	color: #fdc02c;
}

.secondNav li img {
	padding: 0px 3px 0px 0px;
}




h1 {
	position: absolute;
	left:-9999em;
}

h2 {
	position: absolute;
	left:-9999em;
}


/*NEW FONT FACE ATTEMPT */
/*
@font-face {
	font-family:Turnpike;
	src: url('Turnpike.ttf');
	,url('Turnpike.eot'); /* iE9+ */
/*}

h2 {
	font-family:Turnpike;
	color: #4c73a7;
	font-size:1.15em;
	display:inline;
}

h3 {
	font-family:Turnpike;
	color: #6ba1cc;
	font-size:1em;
	display:inline;
}

/* END EXPERIMENT */


.bold {
	font-weight: bold;
}


.columnOne {
	float:left;
	width: 542px;
	text-align: left;
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 20px;
}



.columnOne {
	float:left;
	width: 542px;
	text-align: left;
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 20px;
}

.columnTwo {
	float: left;
	width: 300px;
	text-align: left;
	padding: 15px 15px;
}

.clearFloat{
	clear: both;
}

.singleColumn {
	width: 840px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 15px 20px;
	margin: 0px 0px 0px 20px;
}


.smallColumnOne {
	float: left;
	width: 380px;
}

.smallColumnTwo {
	float: right;
	width: 89px;
	padding: 0px 20px;
}



.goldLineLong {
	margin: 0px 0px 10px 0px;
}

.goldLineShort {
	margin: 0px 0px 10px 0px;
}

.backTop {
	font-size:9px;
	color: #FFFFFF;
	background-image:url(../images/blueBackTop.png);
	background-repeat:no-repeat;
	height: 27px;
}

.backTop a {
	color:#FFFFFF;
	text-decoration:none;
}

.footer {
	background-image: url(../images/footerTechSupport.png);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	background-position: center;
	height: 94px;
	text-align:center;
	background-color:#000;
}

.footer p {
	color: #FFFFFF;
	font-size: 12px;
	text-align:left;
	padding: 10px 50px;
	width: 941px;
	margin: 10px auto;
}

.footer a {
	color: #FFFFFF;
	
}

.footer a:hover {
	color: #fdc02c;
}



#instructorVideos {
	display:none;
}

#studentVideos {
	display:block;
}	


#instructorSupport {
	display:block;
}

#studentSupport {
	display:block;
}

#techSupport {
	display:block;
}


table .downloads{
	width: 840px;
	border: 0px;
	text-align:left;
}

table .browsers{
	width: 100px;
	text-align:left;

}


table {
	text-align:left;

}


th {
   background-color:#333333;
   color:#fdc02c;
   padding: 5px 20px;
   text-align:left;  
}

td {
	border-bottom: 1px solid #999;
	margin: 0px 10px 0px 10px;
	padding: 5px 20px;
	text-align:left;	
}

a:link {
	
}

a:active {

}

a:visited {

}

a:hover {

}

.zebra {
	background-color: #eee;
	color: #333;
	
}