/* http://www.cssplay.co.uk/layouts/body2.html */

html 
{
	height:100%; 
	max-height:100%;  
	padding:0; 
	margin:5px; 
	border:0; 
	//font-size:76%; 
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
	//background:#fff url(images/mercedes-benz-c-class-small.jpg) -18px 0 no-repeat; 
	//background:#fff url(images/mercedes-benz-c-class-small.jpg) 200px 220px no-repeat; 
	//background:#fff url(images/Monument_Valley_2.jpg) no-repeat; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

body 
{
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
}

#content 
{
	display:block; 
	height:100%; 
	max-height:100%; 
	overflow:auto; 
	padding-left:200px; 
	position:relative; 
	z-index:3;
}

#head 
{
	position:fixed; 
	margin:0; 
	top:0; 
	right:18px; 
	display:block; 
	width:100%; 
	height:100px; 
	//background:url(images/Monument_Valley_2.jpg) #ddd; 
	font-size:4em; 
	z-index:5; 
	color:#000;
}

#foot 
{
	position:fixed; 
	margin:0; 
	bottom:-1px; 
	right:18px; 
	display:block; 
	width:100%; 
	height:35px; 
	//background:rgb(214,100,50); 
	//background:url(images/Monument_Valley_2.jpg) #ddd; 
	background-color:rgb(83,106,156); 
	//color:#fff; 
	text-align:right; 
	font-size:small; 
	z-index:4;
}

#left 
{
	position:fixed; 
	left:0; 
	top:0; 
	height:100%; 
	width:200px; 
	//background:url(sideclown.jpg) #aaa; 
	//background:url(images/Stonehenge.jpg) #aaa; 
	background-position:0 100px; 
	font-size:1em; 
	background-color:rgb(83,106,156); 
	color:#fff;
	z-index:4;
}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 
{
	display:block; 
	width:18px; 
	height:100px; 
	float:left;
}
#pad3 
{
	display:block; 
	width:18px; 
	height:50px; 
	float:left;
}
.pad2 
{
	display:block; 
	height:100px;
}
#content p 
{
	padding:5px;
}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft 
{
	float:left; 
	top:100px; 
	left:150px; 
	height:200px; 
	width:150px; 
	background:#efd; 
	border:1px solid #000; 
	margin:5px; 
	padding:5px;
}

#wordsright 
{
	float:right; 
	top:100px; 
	right:150px; 
	height:200px; 
	width:150px; 
	background:#def; 
	border:1px solid #000; 
	margin:5px; 
	padding:5px;
}

#wordsabsolute 
{
	position:absolute; 
	top:280px; 
	left:400px; 
	background:#eee; 
	border:1px solid #000; 
	margin:5px; 
	padding:5px; 
	font-size:2em; 
	color:#c00;
}

#wordsrelative 
{
	position:relative; 
	top:10px; 
	left:30px; 
	background:#ddd; 
	border:1px solid #000; 
	margin:5px; 
	padding:5px; 
	font-size:2em; 
	color:#c00; 
	width:200px;
}

a.nav, a.nav:visited 
{
	display:block; 
	width:150px; 
	height:25px; 
	text-decoration:none; 
	color:#fff; 
	font-weight:bold; 
	line-height:25px;
}

a.nav:hover 
{
	color:#fc0;
}