body
{
	background-color: #ffffff;
	font-size: 10px;
	font-family: verdana,arial,sans-serif;
	margin-bottom: 0;
	color: #777;
}

/* page index */
#index
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	text-align: center;	
	
}
#index img
{
	margin-bottom: 74px;
	
}
img { border: none; }


#index a:link, #index a:visited, #index a:active
{
	color: #777777;
	text-decoration: none;
	color: #cccccc;
}

/* page logpage */
#container
{
	width: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/fdheader.png);
	background-repeat: no-repeat;
}

#header { height: 100px; }

#header img
{
	margin-left: 36px;
	margin-top: 20px;
}

#header div
{
	text-align: center;
	letter-spacing: 5px;
	text-transform: capitalize;
	padding-top: 77px;
	float: right;
	width: 560px;
}

#header .ws /* word spacing for Safari only ??? */
{
	margin-left: 15px;
	margin-right: 15px;
}

#header a:link, #header a:visited, #header a:active
{
	text-decoration: none;
	color: #444444;
}

#header a:hover { color: #d92b15; }

#main
{
	background-image: url(images/fdmain.png);
	background-repeat: repeat-y;
	min-height: 490px;
	overflow: hidden;
}

#menu
{
	width: 230px;
	background-image: url(images/pixelcol.png);
	background-repeat: repeat-y;
	background-position: 116px;
	padding-bottom: 15px;
	padding-top: 7px;
	display: block;
	float: left;
}

#menu_text
{
	width: 215px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 15px;
	float: left;
	display: block;
	text-align: left;
}

#menu ul._sub { margin-top: 6px; display: none; }
#menu ul._media { display: none; }

#menu li.title
{
	display: block;
	min-height: 20px;
	padding-right: 126px;
	padding-top: 5px;
	text-align: right;
	background-image: url(images/bigbit.png);
	background-repeat: no-repeat;
	background-position: 106px 4px;
}

#menu li.subfolder, #menu li.submedia
{
	display: block;
	width: 100%;
	padding-left: 126px;
	padding-top: 3px;
	text-align: left;
}

#menu li.subfolder
{
	background-image: url(images/smalbit.png);
	background-repeat: no-repeat;
	background-position: 106px 4px;
}

#menu li.media
{
	list-style-type: none;
}

ul
{
	padding: 0;
	margin: 0;
}

#menu a:link, #menu a:visited, #menu a:active, 
#menu_text a:link, #menu_text a:visited, #menu_text a:active
{
	text-decoration: none;
	color: #746b61;
}

#menu li.media a:link, #menu li.media a:visited, #menu li.media a:active,
#menu li.submedia a:link, #menu li.submedia a:visited, #menu li.submedia a:active
{
	text-decoration: none;
	color: #9e9992;
}

#menu a:hover, #menu li.media a:hover, #menu li.submedia a:hover, #menu_text a:hover { color: #d92b15; }

#diapo
{
	width: 560px;
	min-height: 490px;
	margin-left: 237px;
}

._H { background: url(images/diapo_H.png) no-repeat 24px 0; }
._V { background: url(images/diapo_V.png) no-repeat 24px 0; }
._VHS { background: url(images/diapo_VHS.png) no-repeat 24px 0; }

#media
{
	padding-bottom: 3px;
	padding-top: 30px;
}
.image { padding-left: 82px; }

#video, ._VHS img { padding-left: 120px; }
.video_embed { padding-top: 30px; }

#TextAndRemote
{
	background: url(images/diapo_TextAndRemote.png) repeat-y 24px 0;
	padding-left: 82px;
	padding-right: 89px;
}

#diapoBottom
{
	background: url(images/diapo_Bottom.png) no-repeat 24px 0;
	height: 35px;
}

.remote_H { margin-top: 71px; float: right; }
.remote_V { margin-top: -29px; float: right;}
.remote_VHS { margin-top: 133px; float: right;}



#text
{
	padding-top: 17px;
	padding-right: 12px;
	padding-bottom: 1px;
	color: #666666;
}

#text, #text p { text-align: justify; }
#text a:link, #text a:visited, #text a:active
{
	text-decoration: none;
	color: #d92b15;
}

#text a:hover { text-decoration: underline;}

.text_H
{
	min-height: 88px;
	margin-right: 20px;
}

.text_VHS
{
	margin-right: 32px;
	margin-left: 38px;
	min-height: 160px;
}

#bottom
{
	clear: both;
	height: 15px;
	background-image: url(images/fdbas.png);
	background-repeat: no-repeat;
}

#footer
{
	clear: both;
	height: 23px;
	margin-right: 17px;
	text-align: right;
	padding-top: 7px;
}

#footer span { margin-left: 7px; }

#footer a:link, #footer a:visited, #footer a:active
{
	text-decoration: none;
	color: #9e9992;
}

#footer a:hover { color: #d92b15; }
small { font-size: 7pt; }