/* style sheet for Beach (yellow level -low) */

body
	{
	color:#000000;
	background-color: #FFF68F; /* khaki1 */   
	font-family: "Trebuchet MS", georgia, sans-serif;
	font-size:11pt;
	text-align: center;
	margin: 0;
	padding: 20px;		
	}


#main
	{
	width: 960px;
	min-height: 576px; /*4 px taller than bottom of inventory etc*/

	margin:0 auto; /*should make firefox centre as well as IE */

	position: relative; /*makes this what the dir button's position is relative to */

	background-color: #FFF68F; /* khaki1 */ 

	padding: 0px;
	border-width: 0px;
	
	}





.textbox
	{
	background-color: rgb(252,251,232); /* lightened khaki1 */
	border: 1px solid #000000;
	text-align: left;
	padding: 4px;
	}



.dirbutton
	{
	width: 40px;
	height: 20px;
	font-weight:bold;
	border:2px solid #000000;
	padding: 5px;
	background-color: #dddddd;
	}

.dirbuttonhover
	{
	width: 40px;
	height: 20px;
	font-weight:bold;
	border:2px solid #000000;
	padding: 5px;
	background-color: #FFB90F; /*darkgoldenrod1 */
	}

.option
	{
	font-weight: normal;
	color: #000000;
	}


.optionhover
	{
	font-weight: bold;
	color: #CD950C; /*darkgoldenrod3 */
	}

#maintext
	{	
	width: 504px;
	height: 376px;
	overflow: auto;

	position: absolute;
	top: 38px;
	left: 223px;
	
	/*margin: 0 auto;*/
	}


#controls
	{
	width: 120px;
	height: 240px;
	
	text-align: center;

	position: absolute;
	left: 21px;
	top: 0px;
	
	padding: 0px; /*if you change this, recalc position and box size */
	}



#inventorybox
	{
	width: 152px;
	min-height: 282px;
	
	position: absolute;
	left: 0px;
	top: 282px;
	}


#inputarea
	{
	width: 568px;
	min-height: 88px;
	
	position: absolute;
	left: 191px;
	top: 476px;
	}


#ads
	{
	width: 120px;
	height: 240px;
	
	position: absolute;
	left: 817px;
	top: 0px;

	padding: 0px;
	}


#wordhelp
	{
	width: 152px;
	min-height: 282px;
	
	position: absolute;
	left: 798px;
	top: 282px;
	}





#north
	{	
	position: absolute;
	top: 0px;
	left: 460px;
	}

#south
	{
	position: absolute;
	left: 453px;
	top: 428px;
	}


#west
	{
	position: absolute;
	left: 165px;
	top: 214px;
	}


#east
	{
	position: absolute;
	left: 741px;
	top: 214px;
	}

#down
	{
	position: absolute;
	left: 223px;
	top: 428px;
	}


#up
	{
	position: absolute;
	left: 683px;
	top: 428px;
	}


.hardvoc
	{
	background-color: rgb(255,255,252); /*even lighter version of khaki1*/
	padding-left: 0px;
	padding-right: 0px;
	}

.red
	{
	color: rgb(235,65,4);
	}