﻿.playbox ul {
	padding: 0px; 
	margin:0 auto; 
	list-style:none; 
	width:700px;
}
.playbox ul li {
	float:left; 
	padding:5px 1px 0px 1px;
}

.playbox ul li a {
	display:block; 
	width:120px; 
	height:120px;
	padding: 10px 15px;
	border: 10px solid #FFFFFF; }

.playbox ul li a img {
	border-width: 0px;
	height: 120px;
	width: 120px;	
}

.playbox a img {
	border-width: 0px;
	vertical-align:top;
	height: 110px;
}

.lightbox {
	width:100%; 
	height:100%; 
	display:none; 
	position:fixed; 
	left:0; 
	top:0; 
	z-index:1000; 
	padding:30px 0 0 0; 
}

/* Fix for IE6 */
* html .lightbox {position:absolute;}

.lightbox .border {
	width: 640px;
	position: relative;
	padding: 0px;
	margin: 0px auto;
	border: 1px solid black;
}

.border .box,
.lightbox .box {
	width:610px; 
	background: #efe6cd; 
	border:10px solid #456573; 
	border-width:0px 5px 5px 5px; 
	margin:0 auto; 
	padding:40px 10px 10px 10px; 
	position:relative; 
	overflow:hidden;
}

.border .box img,
.lightbox .box img {
	display:block; 
	margin:0 auto; 
	position:relative;
	max-width: 480px;
}

.border .box p,
.lightbox .box p {
	width:480px; 
	padding:0px 10px 10px 65px;
	margin:0; 
	color:#000000; 
	text-align:justify; 
	font-size:14px;
}

.lightbox .functions {
	position:absolute; 
	top:0; 
	left:0; 
	height:35px; 
	width:630px; 
	background:#456573; 
	text-align:center;
}

.border .functions .noserif,
.lightbox .functions .noserif {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}

.border .functions .exit,
.lightbox .functions .exit {
	position:absolute;
	top:-2px;
	right:0px;
	text-align:right;
	padding: 0px;
	font-size:16px;
	font-weight:normal;
}

.border .functions .header,
.lightbox .functions .header {
	position: relative;
	top: 9px; 
}

.border .box a,
.lightbox .box a {
	color:#efe6cd; 
	font-weight:bold; 
	font-size:25px; 
	text-decoration:none; 
	text-align:center; 
	font-family:"times new roman", serif; 
	padding: 0px 57px;
}

.border .box a.closebox:hover,
.border .previous:hover,
.border .next:hover,
.lightbox .box a.closebox:hover,
.lightbox .previous:hover, 
.lightbox .next:hover {color:#AAAAAA;}

/********************************************************************************
 * Modal Box Targets, add more if the number of images in the gallery are more
 * than what the current value can allow.
 */
#p001:target, #p002:target, #p003:target, #p004:target, #p005:target,
#p006:target, #p007:target, #p071:target, #p008:target, #p009:target, #p010:target,
#p011:target, #p012:target, #p013:target, #p014:target, #p015:target,
#p016:target, #p017:target, #p018:target, #p019:target, #p020:target,
#p021:target, #p022:target, #p023:target, #p024:target, #p025:target,
#p026:target, #p027:target, #p028:target, #p029:target, #p030:target,
#p031:target, #p032:target, #p033:target, #p034:target, #p035:target,
#p036:target, #p037:target, #p038:target, #p039:target, #p040:target,
#p041:target, #p042:target, #p043:target, #p044:target, #p045:target,
#p046:target, #p047:target, #p048:target, #p049:target, #p050:target,
#p051:target, #p052:target, #p053:target, #p054:target, #p055:target,
#p056:target, #p057:target, #p058:target, #p059:target, #p060:target,
#p061:target { display:block; }
