@charset "UTF-8";
/* CSS Document */

Body{Margin:0px; font:Normal 11px 'Courier New', sans-serif; color: #000}
h1{font:Normal 16px 'Courier New', sans-serif; color:#000; text-decoration:none;}
p {font:Normal 16px 'Courier New', sans-serif; color:#000; text-decoration:none; overflow:inherit}
a {font:Normal 16px 'Courier New', sans-serif; color: #000; text-decoration:none;}
a:hover {background: #74ff24;}
.topbar {width:250px; top:20px; overflow:visible; position:fixed !important; position:absolute; padding-left:30px; z-index:10;}


#green_box {
	width: 550px;
	height: 550px;
	background: #74ff24;
	top:10px;
	z-index:0;
}
		
#viewport {
  width: 100%; /* viewport width */
  height: 100%; /* viewport heigth */
 /* overflow: auto; /* scrollbars */
  background: #fff; /* contrast */
  white-space: nowrap; /* image flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
  margin-left:30px;
  z-index:2;

}


#viewtext {
width: 400px;
/*white-space: inherit;*/
margin-left: 350px;
position: absolute;
top:16px;
z-index:2;
}

#whitebox {
background: #00ff00;
width: 100%;
z-index:100;
}



#viewtext_vid {
/*width: 10000px;*/
/*white-space: inherit;*/
height:600px;
margin-left: 0px;
position: absolute;
top:10px;
z-index:2;
}

/*
#videobox {
	position: absolute;
	height: 600px;
	width: auto;
	left: 230px;
	top: 0;
	padding-top: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
*/