body
{
	margin : 10px;
	padding : 0;
	margin-bottom : 30px;
	background : #E0E0E0;
	color : #000;
	font-family : Arial, Verdana, sans-serif;
	font-size : 12px;
	text-align : left;
	cursor : default;

}

body.img
{
	margin : 0;
	padding : 0;
	background : #E0E0E0;
	color : #000;
	font-family : Arial, Verdana, sans-serif;
	font-size : 12px;
	text-align : left;
	cursor : default;
}

body.piece
{
	margin : 0;
	padding : 10px;
	background : #FFF;
}


/* ----  M A I N  S T R U C T U R E  ----- */

#top
{
	width : 380px;
	height : 140px;
	position : relative;
	left: 259px;
	background : url('img/top.gif') no-repeat;
}

#navigator
{
	width : 260px;
	height : 275px;
	position : absolute;
	top : 10px;
	z-index : 5;
	background : url('img/navigator.gif') no-repeat;
}

#menu
{
	position : absolute;
	top : 125px;
	left : 625px;
}

#main
{
	position : relative;
	width : 610px;
   height : 720px;
	background : url('img/back.gif') repeat-y ;
}	

#left_panel
{
	background : url('img/pattern.gif');
	position : relative;
	height : 100%;
	left : 6px;
	width : 152px;
	height : 100%;
	z-index : 1;
}

#text
{
	width : 391px;
	position : absolute;
	top : 135px;
	left : 185px;
	padding : 0px;
	padding-top : 5px;
}

#border_l
{
	background : url('img/border_l.gif') no-repeat;
	width : 45px;
	height : 45px;
	position : absolute;
	top : 270px;
	left : 175px;
	z-index : 6;
}

#border_r
{
	background : url('img/border_r.gif') no-repeat;
	width : 45px;
	height : 45px;
	position : absolute;
	top : 270px;
	left : 560px;
	z-index : 6;
}

#bottom
{
	position : relative;
	top : 0;
	left : 0px;
	width : 610px;
	height : 10px;
	background : url('img/bottom.gif') no-repeat;
}

#copy
{
	font-size : 10px;
	font-weight : bold;
}

#headline
{
	position : absolute;
	top : 180px;
	left : 340px;
	width : 250px;
	height : 42px;
	border-bottom : 3px solid #000;
	text-align : right;
	z-index : 6;
}



/* -------  B U T T O N S  -------- */

a.button01
{
	position : absolute;
	top : 27px;
	left : 134px;
	background : url('img/01_off.gif') no-repeat;
	width : 26px;
	height : 38px;
}

a.button02
{
	position : absolute;
	top : 85px;
	left : 175px;
	background : url('img/02_off.gif') no-repeat;
	width : 30px;
	height : 38px;
}

a.button03
{
	position : absolute;
	top : 161px;
	left : 172px;
	background : url('img/03_off.gif') no-repeat;
	width : 37px;
	height : 30px;
}

a.button04
{
	position : absolute;
	top : 214px;
	left : 134px;
	background : url('img/04_off.gif') no-repeat;
	width : 31px;
	height : 38px;
}

a.button01:hover
{
	background : url('img/01_on.gif') no-repeat;
}

a.button02:hover
{
	background : url('img/02_on.gif') no-repeat;
}

a.button03:hover
{
	background : url('img/03_on.gif') no-repeat;
}

a.button04:hover
{
	background : url('img/04_on.gif') no-repeat;
}


/* -------- C E L L S -----------*/

div.column_1
{
	height : 170px;
	float : left;
}

div.column_2
{
	height : 170px;
	float : right;
}



/* -----  R E F E R E N C E S  ---------*/

a
{
	color : #000;
	font-weight : bold;
	text-decoration : underline;
	cursor : pointer;
}

a:hover
{
	color : #FF0000;
	text-decoration : underline;
	cursor : pointer;
}

#menu a
{
	line-height : 1.6;
}

#navigator a
{
	cursor : crosshair;
}

#text a
{
	font-weight : normal;
}

a.nounderline
{
	text-decoration : none;
}



/* -------  I M A G E S  --------- */ 

img
{
	border : 0;
	margin : 0;
}

img.name_top
{
	position : relative;
	top : 15px;
	left : 8px;
	cursor : crosshair;
}

#navigator img
{
	position : absolute;
	top: 102px;
	left : 21px;
}

img.cover
{
	border : 2px solid #000;
	float : right;
}

img.www
{
	margin-top : 2px;
}

img.book
{
	margin : 5px 20px 0 0;
	float : left; 
}

img.animation
{
	position : relative;
	top : 10px;
	left : 95px;
	z-index : 1;
}

img.narrow
{
	position : relative;
	left : 151px;
	top : 11px;
}


/* ------- C O N T E N T  ------------ */

.center
{
	text-align : center;
}


h1
{
	margin : 0 0 5px;
	font-size : 16px;
	font-weight : bold;

}

h2
{
	margin : 10px 0 0;
	font-size : 12px;
	font-weight : bold;
	font-style : italic;
}

div.list
{
   display : list-item;
	margin : 2px 15px;
	line-height : 1.3;
}

ol
{
	margin : 10px 0 0 0px;
	padding : 0 0 0 30px;
	line-height : 1.5;
	list-style : decimal;
}

div.space_large
{
	width : 50%;
	height : 40px;
}

div.space_small
{
	width : 100%;
	height : 30px;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight : bold;
}

.middle
{
	vertical-align : middle;
}

div.poetry
{
	font-size : 12px;
	line-height : 1.2;
}

div.para
{
	text-indent: 15px;
}

.pre
{
	white-space : pre;
}