/* Menu balk */
ul.dropdown                   {margin: 0;padding: 0;list-style: none;width:1024px; top: 102px; height:20px;float: left; position: relative; z-index: 100; border: 0px ; border-bottom: 0px ;}
ul.dropdown li                {float: left; zoom: 1; background:#F9D419; color: #158A08; font-size:16px;}
ul.dropdown a:hover		    		{ color: #CC6600; text-decoration:none; background: #BAF289}
ul.dropdown a:active          { color: FFF#; background: #BAF289}
ul.dropdown li a              { display: block; padding: 0px 10px; text-decoration:none; color:#666; line-height:2.1em; }
ul.dropdown li:last-child a    /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover          { background: #FFF; color: #BAF289; position: relative; }
ul.dropdown li.hover a        { color: #; }

/* Uitklap menu */
ul.dropdown ul 				{ width: 140px; visibility: hidden; list-style:none; position: absolute; top: 100%; left: -40px; }
ul.dropdown ul li 			{ font-weight: normal; background: #F9D419; color: #000; float: none; }
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			{ border: 0px solid #999999 ;width: 118px; display: inline-block; color:#666; font-size:14px;  } 
ul.dropdown ul ul 			{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 		{ visibility: visible; }

/*  LEVEL THREE
*/
ul.dropdown ul ul 			{ left: 71%; top: 0; }
ul.dropdown li:hover > ul 		{ visibility: visible; }

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li.hover ul ul, ul.dropdown li.hover ul ul ul {
	visibility: hidden;
}

ul.dropdown li:hover ul, ul.dropdown li li:hover ul, ul.dropdown li li li:hover ul, ul.dropdown li.hover ul, ul.dropdown li li.hover ul, ul.dropdown li li li.hover ul { /* lists nested under hovered list items */
	visibility: visible;
}

/*  End Menu
*/

body.LEG {
background-color: ##ffffff;
width: 1012px;
background-image:url('../pictures/menu/banner.JPG'); 
background-repeat:repeat-x;
behavior: url("../bin/csshover3.htc");
}

#boxContent {
	clear: left;
	position: absolute;
	width: 907px;
	top: 150px;
	left: 20px;
}


span.menu {font-size:28px; border-bottom: 0px; color: #158A08;}



img {margin-right:15px; margin-left:15px; border:0px;}
img.logo{top:100px;height:1px;width:1px; float:right; }
img.menu {height:20px; width: 34px;margin:4px ;border:0px;}
img.footer {height:20px;width: 34px; margin-top:4px; margin-bottom:-8px; margin-left:4px; margin-right:4px;}
img.social_media {height:25px;width: 25px;margin:4px ;}
img.fold_out {height:15px;width: 15px;margin-top:2px; margin-lef:200px;}

/*
Next code is used to create a lay-out for the table at the videos page.
*/
table.video  {color:rgb(68, 85, 102);
 						  font: 11px verdana,sans-serif;
 						 	background: none repeat scroll 0% 0% rgb(232, 245, 251);
 						 	border:5px solid rgb(200, 213, 219);
						 	width:80%;}
 
 
td.video {padding:15px;
          vertical-align:top;
					width:160px}
					
	
					
 img.video{border:0px;
				  width:160px;
					height:120px;
						}				
 p.video{ font: bold 16px arial,sans-serif;
          margin:0px;
        }				
 a.video{ font: 11px arial,sans-serif;
         text-decoration: none;
				 color: rgb(39, 134, 194); 
        }								
	
					 
/*  Next code is used two create the fold out effect on the past project pages
*/



td.year {color:black; width:75%; border:1px; background-color:#F9D419; }
div.year {color:black; font-weight: bold; }
a.new_tab {target:"_blank";}

/*
Next code is used to create a footer that sticks to the bottom.
*/

.footer, .push {
	height: 4em;
	background: #F9D419;
	text-align:center;
}

HR.articles {width:75%}