/*header image*/
.header_image {
    padding:0px;
    border:none;
    vertical-align:bottom;
}

.header_table { 
    border-collapse:collapse;
    border-spacing:0;
    padding:0px;
    border-style:none
}

/*embedding container*/
.embed_object {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed_object iframe,
.embed_object object,
.embed_object embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Complex Systems Navigation */
	#ccsNav {
		margin: 0;
		padding: 0;
		width:100%;
		height:21px;
		background-color:#006F51; /*Green*/
		/*background-color:#930000; /*Red*/
		position:relative;
	}
 
	#ccsNav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	}
 
	#ccsNav a {
		text-decoration: none;

	}
 
	#ccsNav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
        padding-left: 13px;
		/*padding-right: 15px;*/
	}
 	
	#ccsNav li#logo {
		padding-left:0px;
		}
 
	#ccsNav li ul {
/*		float:none; */
		display: none;
		position:absolute;
		background: #C0C0C0/*Drop-down background color */}
 

 
	#ccsNav li a {
		font-size:10px;
		font-weight:bold;
		color:#FFF; /* text color on the Nav Bar */
		border: none;
		height: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		display: block;
	}
 
	#ccsNav li ul a{
		/*float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #004080; /*text color on the drop down list */
		margin-right: none;
		width: auto;
	}
 

	#ccsNav li a:hover {
		background:  #004080/*#bba974/*#006f51/**/;
	    color: #FFF;
	}

	#ccsNav li:hover ul {
		display: block;
		z-index: 6000;
		width:150px;
	}
				
	#ccsNav li:hover ul li a {
		background:#C0C0C0/*#bba974*/;
		}	 
		
	#ccsNav li ul li a:hover, #nav li:hover ul li a:hover
		/*Formatting on drop-down list on the hover*/
		{
		color: #004080;	
		background:#C0C0C0/*#bba974*/;
		text-decoration:underline;}
		


	#ccsNav li#ccs_characteristics ul li a {
		width:175px;
		}
	#ccsNav li#ccs_lessons ul li a {
		width:300px;
		}
	#ccsNav li#ccs_resources ul li a {
		width:150px;
		}
/* end navigation for Complex Systems */


/*General Navigation*/

	#nav {
		margin: 0;
		padding: 0;
		width:100%;
		height:21px;
		background-color:#5288be;
		position:relative;

	}
 
	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	}
 
	#nav a {
		text-decoration: none;
	}
 
	
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-left: 13px;
		/*padding-right: 15px;*/
	}
 	
	#nav li#logo {
		padding-left:0px;
		}
 
	#nav li ul {
/*		float:none; */
		display: none;
		position:absolute;
		background: #bba974;
	}
 
	#nav li a {
		font-size:12px;
		font-weight:bold;
		color:#FFF; /*text color */
		border: none;
		padding-top: 3px;
		display: block;
		/*height: 15px;*/
		padding-bottom: 3px;
	}
 
	#nav li ul a{
		/*float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #FFF;
		margin-right: 0;
		width: auto;
	}
 
	/*Formatting on drop-down list on the hover*/
	#nav li:hover a{
		color: #FFF;
		background-color: #bba974;
	}

	#nav li:hover ul {
		display: block;
		z-index: 6000;
		width:150px;
	}

	/*Change the background to blue on the drop down list on hover*/

	#nav li:hover li:hover {
		background: #004080;
			
	}

	#nav li:hover ul li:hover a {
		background: #004080;
		text-decoration: none;
		color: #FFF;			
	}

	#nav li:hover ul li a {
		background:#bba974;
		}	 
		
	#nav li ul li {
		list-style: none;
		text-decoration:none;
	 	padding-left: 8px;
		background:#bba974;
	}

		
	


	#nav li#curriculum3 ul li a {
		width:200px;
		}
	#nav li#training3 ul li a {
		width:200px;
		}
	#nav li#news3 ul li a {
		width:150px;
		}
	#nav li#conference3 ul li a {
		width:150px;
		}
		
	#nav li#books3 ul li a {
		width:150px;
		}
	#nav li#aboutsd3 ul li a {
		width:200px;
		}
	#nav li#aboutcle3 ul li a {
		width:150px;
		}
