@charset "utf-8";

/* CSS Document */







/*--structure --*/

body {

	font: .75em/150% Arial, Helvetica, sans-serif;

	color:#222;

	text-align: left;

	background-image: url(../images/backgrounds/enhanced-learning-background.jpg);

	background-repeat: repeat;



	

	





}





html { height: 100%;

	overflow-x: hidden;

	overflow-y: hidden;}









ul, li {

	padding: 0;





	

}





#container {

	width:930px;

	min-height: 600px;

	margin: 0 auto ;

	color: #222;



	font-size: 12px;

	  height: 60px;



  



}



#topBanner {

	width: 930px;

	height: 60px;

	margin-bottom: 5px;

	background: white;

	padding-bottom: 5px;



	

	

}



#topBanerSpacer {

	width: 930px;

	height: 17px;

	clear: both;

	background: white;

}



#pageTitle {

	width: 224px;

	height: 35px;

	float: left;

	margin-left: 50px;

	padding-top: 0;

	margin-top: 25px;

	text-align: center;



	

	

}



#pageTitleParent {

	width: 224px;

	height: 35px;

	float: left;

	margin-left: 44px;

	padding-top: 0;

	margin-top: 25px;

	position: fixed;

	text-align: center;



	

	

}



#pageTitleLarge{

	width: 305px;

	height: 30px;

	float: left;

	margin-left: 5px;

	padding-top: 25px;

	padding-bottom: 10px;

	text-align: center;



	

	

}



#pageTitleXXLarge{

	width: 650px;

	height: 30px;

	float: left;

	margin-left: 5px;

	padding-top: 25px;

	padding-bottom: 10px;



	text-align: center;



	

	

}



#pageTitleXLarge{

	width: 280px;

	height: 35px;

	float: left;

	margin-left: 15px;

	padding-top: 0;

	padding-top: 25px;

	text-align: center;



	

	

}







#topNavigation {

	width: 200px;

	margin-right: 50px;

	padding-top: 25px;

	text-align: right;

	float: right;

	

	

}





#topNavigation a:link a:visited {

	color: #485898;

	

}



#topNavigation a:hover {

	color: #111111;

	

}





#insideWrapper {

	width: 880px;

	height: 450px;

	margin-right: 30px;

	/*margin-top: -6px!important; */

	text-align: left;

	float: left;

	padding-left: 50px;

	padding-bottom: 15px;

	background: white;

	

}





/*LEFT NAVIGATION */



#leftNav {

	float: left;

	width: 214px;

	text-align: center;

	position: fixed;



		

	

}









#leftNav h6{

	margin-left: 0 !important;

	text-align: center;	

	clear: both;

	padding-top: 40px !important;

	margin-bottom: 40px !important;

}





#leftColumnNav {



	width: 214px;

	height: 420px;

	margin-top: 0; 

	padding-top: 7px;

	float: left;

	background: #f4f5f7;





	

	

}









#leftColumnNav ul

{



list-style: none;

font-family: Arial, Helvetica, sans-serif;

text-align: center;

color: #222;

text-decoration: none !important;

width: 210px;

margin-left: 0!important;



			

			}

			

#leftColumnNav ul a {

text-decoration: none;

width:210px;

display:block;



	

	

	

}









#leftColumnNav li

{

	 margin-left: 0 !important;

    list-style: none;

    font-family: Arial, Helvetica, sans-serif;

    color: #485898;

    padding: 2px 2px;

    width: 210px;

    text-decoration: none !important;





}











#leftColumnNav a:link, #navcontainer a:visited

{

color: #485898;

text-decoration: none !important;

width: 210px;

background-color: #f4f5f7;

}







#leftColumnNav a:hover

{

		width: 210px;

	background-color: #cccdfc!important;

	color: #485898;

		text-decoration: none !important;

}











#leftColumnNav a:active 

{

	width: 210px;

	color: #485898;

	text-decoration: none !important;

	

	

}







/*RIGHT COLUMN */





#rightColumnText {

	width: 600px;

	height: 380px;

	float: right;

	padding-right: 20px;

	margin-right: 20px;

	margin-left: 20px;

	display: inline;

	padding-top: 35px;

	overflow: auto;



	

}



#rightColumnText td{

	padding-left: 5px;

	

}



#rightColumnTextResources {

	width: 820px;

	height: 380px;

	float: right;

	padding-right: 20px;

	margin-right: 20px;

	margin-left: 0;

	display: inline;

	padding-top: 35px;

	padding-right: 20px;

	overflow: auto;



	

}



#rightColumnTextResources td{

	padding-left: 5px;

	

}



.navigation {

	width: 184px;

background-color: #eeeeee;

position: fixed;

	

}



.header {

	width: 184px;

	

}







.bottomSpacer {

	clear: both;

	width: 930px;

	height: 2px;

	float: left;

	

}





th {

 background-color: #F3F3F3;

 vertical-align: top;



}





#sessionsTable {

	width: 830px;

	height: 410px;

	margin-top: 5px;

	padding-right: 50px;

	padding-left: 15px;

	float: left;

	

}



#sessionsTable th {

	background-color: white;

	border: none!important;

	

}



#subscribeButton {

	margin-right: 50px;

	margin-top: 15px;

	width: 125px;

	float: right;

	

}





#contentTable {

	width: 500px;

	

	

}



.videoBox {

	text-align: center !important;

	width: 320px;

	

}





h1 {

	color: #485898;

	font-size: 18px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	margin-top: 0;

	

}



h2 {

	color: #000;

	font-weight: bold;

	text-align: left;

	font-size: 14px;

	

}









h3 {

color: #485898;

font-size: 18px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}



h4{

	color: #000000;

	font-variant: small-caps;

	font-size:13px;

	text-align: center;

}



h5 {

	color: #9c996b;

	font-weight: bold;

	font-size: 13px;

	

}



h6 {

	color: #000;

	font-weight: bold;

	font-size: 13px;

	text-align: center;

	

}









#sourceContainer div {

	padding: 5px;

	margin-top: 500px;

}

#sourceContainer div span {

	padding-right: 10px;

	text-align: left;

}







a img {

border: 0;

}



a:link, a:visited {

	cursor: pointer;

	padding: 2px 0;

    color: #485898;

	text-decoration: none;

	

}



.hover {

	background-color: #cccdfc;

	color: #333;

	text-decoration: none;

}



.selected {

	color: #485898;

	text-decoration: none;

	background-color: #CCCCCC;

	

}



.photoLeft {

	padding: 15px 15px 15px 0;

	text-align: left;

	float: left;

	

}



.photoRight {

	text-align: right;

	padding: 15px 0 15px 15px;

	float: right;

	

}



.photoCentered {

	padding: 15px;

	text-align: center;

	

}