@charset "UTF-8";

* { 
	padding:0;
	margin:0;
	border:0;
}
html {
	height:100%;
}
body {
	padding:0;
	height:100%;
	background: #1a294e;
	font-family:Arial;
	font-size:100%;
	text-align:center;
}

h1, h2 {
	font-family:tahoma, verdana, arial, sans-serif;	
	color:#053351;
	font-weight:bold;
}
h4{
	font-size:12px;
	text-transform: none;
	color:#4C515A;
	font-weight: bold;
	margin:5px 0px;
	}

h5{
	font-family:tahoma, verdana, arial, sans-serif;	
	font-size:12px;
	text-transform: none;
	color:#0a5b84;
	font-weight: bold;
	margin:5px 0px;
	}
	
	
ul{
	color: #4c515a;
	font-size:14px;
	margin:10px 0px 10px 20px;
	}
ul li{
	line-height:18px;
	}
p {
	color:#4c515a;
	font-size:14px;
	line-height:18px;
	padding:0px;
	margin:0;
}
span {
	color:#000;
}
a:link, a:visited {
	color:#4c515a;
	text-decoration:none;
}
a:hover {
	color:#1D479A;
	text-decoration:underline;
}
.clear{
	clear:both;
	}
#page-wrapper{
	background: url('../images/wrapper-border.gif') repeat-y;
	margin:0 auto;
	padding: 0;
	width: 960px;
	height: auto;
	text-align:left;
}
/* ------- MASTHAED -------- */
#masthead{
	background: url('../images/header.png');
	height:188px;
	width:948px;
	margin:0 auto;
	}
	#logo{
		height:69px;
		width:415px;
		position:relative;
		float:left;
		top:65px;
		left:10px;
	}
/* ------- NAVIGATION -------- */
#navigation{
position:relative;
z-index:99;
background: url('../images/navigation-bg.png');
height:54px;
width:948px;
margin:0 auto;
}

	#navigation ul{
		position:relative;
		float:right;
		top:10px;
		list-style-type:none;
		margin:0px;
		font-size:14px;
	}
	#navigation ul li{
		display:inline;
		color:#fff;
		padding:7px 0px;
		margin:0px 5px 0px 0px ;
		text-align:center;
		line-height:16px;
	}
	#navigation ul li a{
		color:#fff;
		text-decoration:none;
		padding:7px 16px 7px 18px;
		display:inline-block;
	}
	#navigation ul li:hover, #navigation ul li#selected{
		background: url('../images/item-bg-left.png') no-repeat top left ;
	}
	#navigation ul li a:hover, #navigation ul li a.selected{
		background: url('../images/item-bg-right.png') no-repeat right top; 
		color:#000;
	}
	
/* ------- CONTENT AREA -------- */
#content-wrapper{
	background: #E9F0F3 url('../images/content-wrapper-bg.png') repeat-y left top;  /* hex color for the background for IE6 fix*/
	overflow: auto; /* Important for IE7 Fauxcolumn Bug*/
	width:948px;
	margin:0 auto;
	margin-top:-11px;
}	
	/* ------ LEFT SIDE BAR --------------*/
	#sidebar{
		width:234px;
		position:relative;
		float:left;
		background: #e9f0f3;
	}
		.welcome{
		padding:23px 15px 10px 15px;
		margin:0 0 15px 0;

		}
		.welcome h4{
		font-size:16px;
		margin: 0 0 15px 0;
		}
		.welcome h5{
		font-size:12px;
		margin: 0 0 15px 0;
		}

		#sidebar .lightbluetext {
		color: #1A5399;
		}
		#sidebar .widget h2{
		font-size:20px;
		padding:0px 15px;
		margin:5px 0px;
		}
		#sidebar .widget .nav{
		list-style-type:none;
		margin:0;
		}
		#sidebar .widget .nav li{
			background: url('../images/widget-li-bg.jpg') repeat-x;
			height:36px;			
		}
		#sidebar .widget .nav li a{
			display:block;
			height:16px;
			padding:10px 15px;
			color: #1A5399;
			text-decoration:none;
		}
		#sidebar .widget .nav li:hover, #sidebar .widget .nav .selected{
			background: url('../images/widget-li-bg-hover.jpg') repeat-x;
		}
	/* ------ CONTENT SECTION --------------*/
	#content{
		background:#fff url('../images/border-bg.gif') repeat-y; /* Important for IE6*/
		width:654px;
		position:relative;
		float:left;
		padding:20px 27px;
		
	}
	#content h1{
		background: url('../images/video-title-bg.jpg') no-repeat;
		font-size:26px;
		height:60px;
	}
	.player-container{
		margin: 20px auto;	
		width:660px;
	}
	#content .download{
		margin:-10px 0px 30px 0px;
		list-style-type:none;
	}
	#content .download li{
		background: url('../images/icon-download.jpg') no-repeat right 8px;
		padding:25px 0px 0px 0px;
		height:32px;
		margin:0px 0px;
		border:none;
	}
	#content .download li a{
		color:#65c4db;
		font-weight:bold;
	}
	#content h2{
		background: url('../images/h2-bg.jpg') no-repeat 0 6px;
		font-size:20px;
		padding:0 0 0 34px;
		margin: 5px 0px 25px 0px;
	}
	#content h3{
		color:#0a5074;
		font-size:18px;
		font-weight:normal;
	}
	.coursecontent{
		margin:0px 0 40px 0;
		list-style-type:none;
	}
	.coursecontent li.pdf{
		background: url('../images/icon-pdf.jpg') no-repeat 0px 8px;
		padding:15px 0px 0px 37px;
		height:21px;
		margin:10px 0px;
		border-top:1px solid #e0e8eb;
	}
	.coursecontent li.music{
		background: url('../images/icon-music.jpg') no-repeat 0px 8px;
		padding:15px 0px 0px 37px;
		height:21px;
		margin:10px 0px;
		border-top:1px solid #e0e8eb;
	}

	.coursecontent li.video{
		color: #4c515a;
		background: url('../images/icon-video.jpg') no-repeat 0px 8px;
		padding:15px 0px 0px 37px;
		height:21px;
		margin:10px 0px;
		border-top:1px solid #e0e8eb;
	}

	.coursecontent li a{
		color:#0a5b84;
	}
	.coursecontent .content-link {
		color:#34c1e4;
	}
/*--------- FOOTER --------*/
#footer-wrapper{
	background: #0c0c0c;
	padding:10px;
	width:928px;
	margin:0 auto;
}
	#footer-nav ul{
	list-style-type:none;
	margin:0px;
	}
	#footer-nav ul li{
		display: inline;
	}
	#footer-nav ul li a{
		color:#7a7a7a;
		margin:5px 0px 5px 20px;
	}
	#social{
		padding:5px 0px 5px 20px;
		margin:10px 0 0 0;
	}
	#social img{
		margin:5px;
	}
	#footer-nav{
		position:relative;
		float:left;
	}
	#foot-contact{
		position:relative;
		float:right;
	}
	#foot-contact a{
		color:#7a7a7a;
	}
	.copy{
		text-align:center;
		font-size:10px;
	}
	.copy a{
	color:#4C515A;
	}
	
/* the overlayed element for LIGHTBOX */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	
	margin-top:20px;
	border:30px solid #000;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner  for LIGHTBOX */

.simple_overlay .close {
	background-image:url(/images/v2/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	
		
/* some styling for triggers */
		#triggers {
			text-align:left;
			position: relative;
		}
		
		#triggers img {
			margin:0 5px;
			background-color:#fff;
			border:1px solid #ccc;
			padding:2px;
		
			/* some fancy shadows for modern browsers */
			-moz-border-radius:4px;
			-webkit-border-radius:4px;		
		}
	
		/* Let's overlay a fancy play image over the video thumbnail so people know they can click it*/
		#triggers span {
			text-align:left;
			position: absolute;
			left:0;
			top:0;
			width: 326px; /* this is the width of the image + (1 px border + 2 px padding) times 2 */
			height: 100%;
			background: transparent url(/images/v2/play.png) no-repeat center center;
			cursor:pointer;
		}