body
{
	background-color: #7777cc;
	height: auto
	font-family: "comic sans ms", verdana, arial, helvetica;
	color: #443355;
	text-align: center;
}

a
{
	text-decoration: none;
}

.imgLink
{
	border-width: 3px;
	border-color: beige;
}

.actImgLink
{
	border-width: 3px;
	border-color: #ffaa00;
}

#header
{
	position: fixed;

	left: 0;
	top: 0;
	right: 0;
	bottom: auto;

	width: 100%;
	height: 75px;
}

#left_bar
{
	position: fixed;

	left: 0;
	top: 75px;
	right: 20px;
	bottom: 15px;

	width: 145px;
	height: auto;

	overflow:auto;
}

#main
{
	position: fixed;

	left: 145px;
	top: 75px;
	right: 20px;
	bottom: 15px;

	width: auto;
	height: auto;

	border-style: inset;
	border-width: 4px;
	border-color: #ddddff;

	background-color: #F2EDE3;
	background-image: url(/images/texture.gif);
	background-repeat: repeat;

	font-family: "comic sans ms";
	overflow:auto;
}

#photoPg
{
	position: absolute;

	left: 0px;
	top: 0px;
	right: 130px;
	bottom: 0px;

	width: auto;
	height: 100%;

	overflow:auto;
}

#thumbs
{
	position: absolute;

	left: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;

	width: 130px;
	height: 100%;

	overflow:auto;
}

#right_bar
{
	position: fixed;

	left: auto;
	top: 75px;
	right: 0;
	bottom: 15px;

	width: 20px;
	height: auto;
}

#footer
{
	position: fixed;

	left: 0;
	top: auto;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 15px;
}

a#xbtn
{
	display: block;
	width: 118px;
	height: 21px;
	margin: 10px 0px 0px 10px;	/* top, right, bottom, left */
	padding: 0;
	background-image: url(/images/button.png);
	color: #bb5511;
	text-decoration: none;
	font-family: "comic sans ms";
	text-align: center;
	font-size: 70%;
	font-weight: bold;
}

a#xbtn:hover
{
    color: #ffdd55;
}

.caption
{
	font-size: 80%;
}