/* CSS Document */
<style type="text/css">
* body {
		margin: 0;
		padding: 0;
		background: #7BA4DC;
		position: absolute;
		border: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
		max-height: 100%;
		cursor: crosshair;
	}
	

#framecontentLeft, #framecontentTop{
position: absolute; 
top: 0; 
left: 0; 
width: 260px; /*Width of left frame div*/
height: 100%;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #7BA4DC;
color:#B37A8C;
}

#framecontentTop{ 
left: 260px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 120px; /*Height of top frame div*/
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #7BA4DC;
color: white;
}

#maincontent{
position: fixed; 
left: 260px; /*Set left value to WidthOfLeftFrameDiv*/
top: 120px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: hidden; 
background: #7BA4DC;

}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 0 0 260px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}


	#box {
		position: absolute;
		background: #00B8EC;
		border: gray solid 1px;
		visibility: hidden;
	}
	#screen {
		position: absolute;
		left: 0px;
		width: 100%;
		top: 10%;
		height: 80%;
		background: #7BA4DC;
		border: gray solid 1px;
	}
	#box img  {
		position: absolute;
		border: gray solid 1px;
		cursor: pointer;
	}
	#box span {
		position: absolute;
		color: #FFC8DA;
		font-family: verdana;
		font-size: 12px;
		width: 200px;
	}
	#box a {
		text-decoration: none;
		color:#FFC8DA;
	}
	#box a:hover	{
		text-decoration: none;
		background:#FFC8DA;
		color:#ffffff;
	}
	#box a:visited {
		text-decoration: none;
		color:#FFC8DA;
	}
	#box a:visited:hover {
		text-decoration: none;
		background:#FFC8DA;
		color:#ffffff;
	}
	#lnk {
		visibility: hidden;
	}
</style>