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



/*
*	Sample breakdown of CSS
*/


/* 
	// Layout
	1. display:
	2. width: height:
	3. margin: padding:
	4. position:
	
	7. float:
	8. z-index:
	
	// Style
	A. background:
	B. border:
	
		
	// Text / Font Related
	1. color:
	2. font-:
	3. text-decoration: 

*/
* {
	margin:0px; padding:0px;
}
body {
	font-family:Arial, arial black, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

#wrapper {
	width: 450px;
	margin: auto; margin-top:25px;
	position:relative;
	
	border: 0px solid red;
}


#column_left {
	width: 110px; height: 400px;
	position:absolute; left: 0px;
	
	z-index: 5;

	background: #f0f4fa;
	border: 1px solid #999;

}

#column_right {
	width: 435px;
	height: 400px;
	position: absolute;
	left:110px;
	margin-left: 0px;
	padding-bottom: 0px;
	background: #f0f4fa;
	border: 1px solid #999;
	z-index: 1;
}

#column_right h1 {
	display: block;
	height: 40px;
	margin-bottom: 15px; margin-top: 15px; padding: 10px;
	text-align:center;
	color: #003;
	font-size: 14px;
	font-weight: bold;
	
}

#logo {
	width: 110px; height:75px;
	
	background: transparent url('../elearncampus_logo.png') no-repeat center center;
}

#nav_video {
	width: 110px;
	margin: 0px; padding: 0px;
	list-style-type:none;
	float:left;
	
}

#nav_video li {
	width: 100%;
	margin: 0px; padding: 0px;
	float: left;
}

#nav_video a {
	display:block;
	width: 100px; height:auto;
	margin-bottom: 0px; padding: 10px; padding-left: 5px; padding-right: 5px;
	
	background: #abc3e7;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;

	color: #036;
	font-size: 12px; font-weight:bold;
	text-decoration: none;

	
}

#nav_video a:hover {
	background: #e69136;
}

#body_1 #nav_video li#nav_1 a,
#body_2 #nav_video li#nav_2 a,
#body_3 #nav_video li#nav_3 a,
#body_4 #nav_video li#nav_4 a,
#body_5 #nav_video li#nav_5 a,
#body_6 #nav_video li#nav_6 a,
#body_7 #nav_video li#nav_7 a,
#body_8 #nav_video li#nav_8 a,
#body_9 #nav_video li#nav_9 a,
#body_10 #nav_video li#nav_10 a {
	width: 101px;
	background: #f0f4fa;
	border-left: 0px solid #999 ;
	border-right: 0px solid #999;
}

/* if link is first, add top border */
#nav_video li#nav_1 a { 
	border-top: 1px solid #999 ;
}



#embed_video {
	display: block;
	border: 1px solid #AAA;
	width: 427px; height: 240px;
	margin: auto; margin-bottom: 25px; margin-top: 25px;
}

#bottom_links {
	
	color: #036;
	font-family:'Arial, Helvetica, sans-serif';
	font-size: 12px;
	text-align:center;	
}

#bottom_links a {
	color: #036;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}