/*Core Html*/

HTML {height: 100%; width: 100%; margin: 0; padding: 0;}
body {margin: 0; padding: 0; text-align: center; background: url(smoothgrad.gif) top center fixed no-repeat; font: 12px Verdana, "Arial", Helvetica, sans-serif;}
a { color: #003; text-decoration: none; font-weight: 500; font: 12px;}


/*Core Divs*/
div#logo {width: 1020px; height: 164px; z-index: 255; margin: 0 auto 0 auto; background: url(wuftop_01.jpg) bottom center repeat-x; border-bottom: 0px solid white; }
div#frlogo {width: 1020px; height: 164px; z-index: 255; margin: 0 auto 0 auto; background: url(eeptop_01.jpg) bottom center repeat-x; border-bottom: 0px solid white; }
div#splogo {width: 1020px; height: 164px; z-index: 255; margin: 0 auto 0 auto; background: url(wuftopabf_01.jpg) bottom center repeat-x; border-bottom: 0px solid white; }

div#mastheade { color: #000; text-align: center; margin: 0 auto 0 auto; width: 1020px; background: #223c60 url(wuftop_02.jpg) top center;}
div#mastheadf { color: #000; text-align: center; margin: 0 auto 0 auto; width: 1020px; background: #223c60 url(eeptop_02.jpg) top center;}
div#mastheads { color: #000; text-align: center; margin: 0 auto 0 auto; width: 1020px; background: #223c60 url(wuftopabf_02.jpg) top center;}
 
div#page { margin: 0 auto 0 auto; background: #EEE;	padding: 0;	display: block;	text-align: left;	width: 1000px;	border-top: 2px solid white;background: #EEE ;}
div#pagewrapper {	width: 1000px;	margin: auto; background: #EEE url(mainbg.gif) top center repeat-y;}
div#footer {	padding: 0; text-align: left; clear: both; color: #000; margin: 0 auto 200px 0;	width: 100%; position: relative; top: -20px;	background: url(footbx.jpg) top  center;}
div#footercontent {	text-align: center;	border-top: none;	width: 970px;	margin: 0px auto 0 auto;}
div#footercontent span {position: relative: top: 100px; display: block;}
div#footer a {color: #004;}

/*Column Divs*/
div#home {float: left; padding: 5px 0 20px 0; color: #000; background: #EEE;  width: 510px; clear: none; margin: 0 0 0 10px;}
div#left { width: 186px; float: left; color: #FFF; height: 480px; border: 2px solid #0071AE; margin: 5px; overflow: auto; }
div#right { float: left; color: #FFF; height: 550px; width: 240px; position: relative; left: 20px; clear: none; }
div#right img { border: none; width: 250px; }

div#main { min-height: 300px; margin: 0px; padding-bottom: 8	0px;	height: 100%; width: 790px; float: left;	clear: none;}
div.main div.Content {padding: 0px 0 0 0;}

div#pagemedia {	width: 230px;	float: right;	border-color: #fac528;	border-width: 2px;}

.bodytext {	text-align: justify; background: #EEE;	color: #444;	padding: 0 0 50px 0; height: 100%; font-size: 12px;}
.bodytext ul {	opacity: 1;	list-style-type: disc;	list-style-position: inside;}
.bodytext ul li {	list-style-position: outside;	text-indent: 0px;}

div#title {font-size: 20px; color: #000; margin: 0px auto 0px auto;	width: 980px; border-top: 0px solid #FFF; text-align: left; background: #000 url(nav.jpg); padding: 5px 0 5px 20px;}

/*Nav*/

div#nav {	text-align: center;	margin: 0; height: 40px; padding-right: 10px; }
div#navwrapper {	width: 1000px;	margin: 0 auto 0 auto;	text-align: center;}
DIV#nav ul {	margin: 0 auto;	list-style: none;	border-color: #f7120f;	display: block;	list-style-image: none;	text-indent: 0px;}
DIV#nav li { /* all list items */	float: right;	position: relative;	margin: 0px 0 0px 2px;  padding: 2px 6px 0px 0;  text-align: left;}
DIV#nav li:hover UL { display: block; }
DIV#nav ul#ddnav li.over UL { display: block; }

DIV#nav li a{ float: left; color: #FFF; font-weight: 600; font-size: 12px;	padding: 3px 3px 3px 20px; display: block; border-right: 1PX SOLID #FFF; border-bottom: none; margin-top: 16px; background: url(brightbluegrad.gif); text-decoration: none; width: ; clear: none; height: 15px;}

DIV#nav li.selectedtab a { /* all list items */ color: #FFF;  background: url(navselected.gif); }

DIV#nav li ul { /* second-level lists */	display: none;	position: absolute;	top: 25px;	left: -10px;	padding-right: 50px;	padding-bottom: 40px;	height: 215px;	width: 15px;	background: transparent center;}
DIV#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ /*	top: auto;	left: auto; */}
DIV#nav li:hover ul, DIV#masthead li.over ul { /* lists nested under hovered list items */	display: block;	padding: 0px;	 }
DIV#nav li li { width: 100px;	top: 14px;	padding: 0;	margin-right: 0;	margin-bottom: 0;	margin-left: 0;}
DIV#nav li li img{	width: 120px;	height: 6px;	margin: 16px 0 -3px 5px;	padding: 0;}
DIV#nav li li img.navtab2{	width: 40px;	height: 6px;	margin: 0 0 0 87px;	padding: 0;}
DIV#nav li li a { display: block; border: none; color: #FFF;	font-size: 10px;	width: 220px;	position: relative; background: none; background: #0078DD; margin: 0;	padding: 2px 2px 0px 4px;	right: 0px;	white-space: nowrap;}
DIV#nav li li a:hover {color: #FFF; background: none; background: #0DBFEB; } 
DIV#nav li.selectedtab ul li a { display: block; border: none; color: #FFF;	font-size: 10px;	width: 220px;	position: relative; background: none;  background: #0078DD; margin: 0;	padding: 2px 2px 4px 4px;	right: 50px;	white-space: nowrap;}
DIV#nav li.selectedtab ul li a:hover {color: #FFF; background: none; background: #0DBFEB; }

DIV#nav li a:hover {background: url(navselected.gif)}

.bodytext img{width: 200px; float: right;	clear: right;	color: #fcfe1a;	border: 3px solid #c7d6c0;	margin-bottom: 10px;}
ul.pagebody a { color: #005; text-decoration: underline; font-weight: 500; font-size: 14px; }

/*MISC HTML */
B {font-weight: 600;}
A {color: #003; text-decoration: underline;}

/*CSS Hacks*/
                                                         
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* hides from ie-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

div.gallery { float: left; }
div.gallery img { float: left; margin-right: 5px; width: 260px; }

/* Nathan Done CSS Since the Start */
div#topiccontainer {float: left; width: 600px; height: 400px; background: #CACACA;}
div.topicsplash { width: 130px; margin: 5px 0 0 5px; background: none; padding: 0 0 0 10px; font-size: 20px; float: left; clear: left; text-align: center; }
div.topicsplashheader { width: 150px; margin: 5px 0 0 5px; font-size: 12px; text-align: center; padding: 2px 0 2px 0; color: #FFF; float: left; background: #009AFF;}
div.topicsplash a { font-size: 16px; color: #FFF; display: block; text-decoration: none; margin: 2px 0 2px 0; background: #79b8cc; width: 134px; border: none; }
div.topicsplash img { width: 130px; border: 2px solid #79b8cc; }

/*TOPIC*/
div#topicheader {width: 478px; height: 60px; border: 1px solid #000;  text-align: left; font-size: 18px; font-weight: 600; background: #79b8cc; no-repeat; padding-left: 0px; color: #FFF;}

div#topicheader div.topichead {width: 478px; height: 30px; background: #009AFF; border-bottom: 1px solid #000; color: #FFF; font-weight: 500; font-size: 24px; text-align: center; }

div#topicheader div.topicarrows {width: 478px; height: 12px; background: #333; color: #DDD; font: 10px Verdana, trebuchet, courier, system; padding-top: 2px; border-bottom: 1px solid #DDD;}

div#topicheader a {color: #FFF; }

div#topicheader div.topicname {width: 478px; height: 14px; border-bottom: 1px solid #DDD; background: #333; color: #DDD; font: 10px Verdana, trebuchet, courier, system; padding-top: 2px;}
div#topicheader div.topicvideo {width: 478px; height: 1004px; border-bottom: 1px solid #DDD; background: #333; color: #DDD; font: 10px Verdana, trebuchet, courier, system; padding-top: 2px;} 

div.workareatitle { width: 380px; text-align: center; font-size: 18px; font-weight: 600; }
a.workareatab { display: block; width: 16px; height: 105px; font-size: 16px; font-weight: 600; padding: 4px 0 0 4px; margin: 5px 0 5px 0; float: left; clear: none; background: #97b0db; }
a.workareatab:hover { background: #4cabe3; }

iframe.workarea { width: 460px; height: 330px; float: left; clear: none; border: 1px solid #004; }
iframe.videoarea { width: 480px; height: 290px; float: left; clear: none; margin-top: 0px; margin-bottom: 5px; }

div.videoplayer { position: absolute; top: 0px; left: 0px; }

div#videoplay{ margin: 15px 0 15px 25px; }
div#player { margin: 0px; padding: 0px; }
a.backbar{display: block; text-align: center; margin: 10px auto 10px auto; width: 500px; background: #388Bff; color: #FFF;}

a.videonavbutton { display: block; margin: 10px auto 0 auto; border: 1px dashed #000; background: #7398ff; font-size: 18px; width: 470px; padding: 5px; text-align: center; }
a.videonavbutton:hover { background: #79b8cc; }

a.topicnavbutton {display: block; margin: 0 0 3px 0; border: 1px solid #000; background: #87acff; font-size: 10px; width: 470px; height: 15px; padding: 2px; text-align: center; float: left; clear: none; overflow: hidden; }
a.topicnavbutton:hover { background: #afe0f9; }
a.topicnavbutton b { font-size: 14px; font-weight: 600; }

div.topictopleft { width: 480px; height: 345px; margin: 10px 10px 0px 10px; float: left; clear: none;}
div.topictopright { width: 430px; height: 345px; margin: 10px 0 0px 10px; float: left; clear: none; }
div.topicbottomleft { width: 480px; height: 150px; margin: 0 10px 10px 0; float: left; clear: left;}
div.topicbottomright { width: 380px; height: 290px; margin: 0 0 10px 0; float: left; clear: none; }

/*VIDEO DRAW*/
div#videocontainer {width: 900px; margin-bottom: 10px;}
*html div#videocontainer { width:100px; margin:5px auto auto 5px;}

div.box {	width: 130px;	 height: 120px; margin: 10px 10px 0 0; float: left; border: 1px solid #969696;	background-color: #dfdfdf; }
div.box div.video img{width: 115px; margin: auto;}
div.box div.video {height: 120px; text-align: center;}

div.box a:hover {background: #060; color: #FFF;}
div.box div.desc {font-size: 10px; font-weight: 400; margin: 5px; width: 120px;}
div.box div.filename {font-size: 12px; font-weight: 700; width: 130px; background: #388BFF; }


div#videodetail {}

/*FILE DRAW*/
div#file {clear: both; float: left;}



div#footer {width: 1000px; height: 162px; z-index: 255; margin: 0 auto 0 auto; background: url(footerbg.gif) top center repeat-x; border-bottom: 2px solid white; }
img#mhlogo {z-index: 20; height: 150px; width: 66px; position: absolute; top: 5px; left: 50%;}

div#languageswitch {float: left;}
*:first-child+html div#languageswitch{float: left; margin-top: 10px;} *html div#languageswitch{float: left; margin-top: 10px;}
div#credit {margin-top: 200px;}