html {height:100%; max-height:100%; padding:0; margin:0; border:0;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }

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

#TopMid	 	{	position: absolute;		top: 0px;		right: 360px;	z-index: 2;	}
#TopLeft 	{	position: absolute;		left: 0px;		top: 0px;		z-index: 3;	}
#TopRight 	{	position: absolute;		top: 0px;		right: 0px;		z-index: 4;	}

#BotMid	 	{	position: absolute;		bottom: 0px;	right: 360px;	z-index: 6;	}
#BotLeft 	{	position: absolute;		left: 0px;		bottom: 0px;	z-index: 7;	}
#BotRight 	{	position: absolute;		right: 0px;		bottom: 0px;	z-index: 8;	}

#CTopMid	 	{	position: absolute;		top: 0px;		right: 360px;	height:100px;	overflow:hidden;	z-index: 101;	}
#CTopLeft 		{	position: absolute;		left: 0px;		top: 0px;		height:100px;	overflow:hidden;	z-index: 102;	}
#CTopRight 	{	position: absolute;		top: 0px;		right: 17px;		height:100px;	overflow:hidden;	z-index: 103;	}

#CBotMid	 	{	position: absolute;		bottom: 0px;	right: 360px;	z-index: 106;	}
#CBotLeft 		{	position: absolute;		left: 0px;		bottom: 0px;	z-index: 107;	}
#CBotRight 	{	position: absolute;		right: 17px;		bottom: 0px;	z-index: 108;	}

.imageLeft {	margin-right: 12px; float: left;}
.imageRight {	margin-left: 12px; float:right;}


#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:200px; position:relative; z-index:10;}
#head {position:fixed; margin:0; top:0; right:16px; display:block; width:100%; height:100px;z-index: 110; overflow:hidden;}
#foot {position:fixed; margin:0; bottom:-1px; right:16px; display:block; width:100%; height:40px; z-index:120;}

#left {position:fixed; left:0; top:0; height:100%; width:180px; z-index:14;}

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

#headpad {display:block; width:18px; height:80px; float:left;}
#footpad{display:block; width:18px; height:50px; float:left;}
.contentpad {display:block; height:112px;}

#content p {padding:5px;}
#infotext { 	z-index: 1;	left: 0px;	top: 200px;	overflow: hidden;	height: 8px;	width: 800px;	position: absolute;}

.imageleft 		{ 	float:left; 	margin-right:	12px;	}
.imageright 		{	float:right; 	margin-left:	12px;	}

#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;}

li {
	list-style-image: url(pix/bullet-1.gif);
}
#left li {
	list-style-image: url(pix/s.gif);
}
a.nav, a.nav:visited {display:block; width:160px; height:20px; line-height:20px;}
a.nav:hover {}

a.inav, a.inav:visited {display:block; width:160px; height:20px; line-height:20px;}
a.inav:hover {}

a.rnav, a.rnav:visited {display:block; width:160px; height:20px; line-height:20px;}
a.rnav:hover {}