/*THIS IS FOR STYLING THE GALLERY*/
#colwrap1 {
	position:relative;
}
#mainIndexImage {
	margin-left:5px;
	margin-top:0px;
	border-top: 5px solid #FFF;
	width:345px;
	height:300px;
	margin-bottom:0px;
	float:left;
	display:none;
	border-bottom: 5px solid #FFF;
}
/*This is to push down thumbs and show whilst jimages load*/
#jmainIndexImage {
	margin-left:5px;
	margin-top:0px;
	border-top: 5px solid #FFF;
	width:345px;
	height:300px;
	margin-bottom:0px;
	float:left;
	display:inline;
	border-bottom: 5px solid #FFF;
}
#thumbText {
	display: none;
}
#jthumbText {}
#thumb_holder {
	background-color: #f2eff0;
	width:345px;
	padding-top:0px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:0px;
	float:left;
	display:inline;
}
#thumb_holder * { margin: 0; padding: 0; }
/*THIS IS A WRAPPER THAT HOLDS THE TUMBNAILS WITH PADDING FOR ALIGNMENT
IT IS CALLED BY JS SO AS TO LEAVE AN ALIGNED PAGE (NO PADDING) IF JS IS DISABLED, AS THUMBS ARE FULL SIZE WITHOUT JS*/
#jthumb_holder {
	background-color: #f2eff0;
	width:330px;
	padding-top:0px;
	padding-left:15px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:0px;
	float:left;
	display:inline;
}
#jthumb_holder * { margin: 0; padding: 0; }

#jgal {
	list-style: none;
	width: 325px;
}
#jgal li {
	opacity: .5;
	float: left;
	display: block;
	width: 64px;
	height: 64px;
	background-position: 50% 50%;
	cursor: pointer;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-right: 10px;
	margin-bottom: 15px;
}


#jgal li img {
	position: absolute;
	top: 5px;
	left: 5px;
	display: none;
}
#jgal li.active img {
	display: block;
}
#jgal li.active, #jgal li:hover {
	outline-color: #bbb;
	opacity: .99 /* safari bug */
}
/* styling without javascript */
#gallery {
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
#gallery li {
	float: left;
	margin: 0;
}	
/*THIS IS FOR THE AWARDS BAR*/
#content_holderIndex {
	background: url(../images/contentBg2.gif) repeat-y;
	min-height: 10%;
}
#content_boxIndex {
	width:470px;
	/*height:469px;*/
	float:left;
	display:inline;
	margin:0px; 
	padding-right: 15px;
	padding-left: 15px;
	border-top: 5px solid #FFF;
	background: #f2eff0;
}
#leftCol {
	background: #AB9A9E;
	text-align:center;
	display: inline;
	float: left;
	width: 145px;
	padding-top:20px;
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
#leftCol p {
	font-size: 12px;
	color: #F2EFF0;
	padding-right: 5px;
	padding-left: 5px;
}
.spacefill {
	margin-top:0px;
	letter-spacing:0.15em;
}