/*float the corners out: */
.rnd-tl,
.rnd-bl
{	float : left;
}
.rnd-tr,
.rnd-br
{	float : right;
}

/*corner images: */
/*	style 1 - big */
.style1 .rnd-tl
{	background: url(images/corner1_tl.png) no-repeat top left; 
}
.style1 .rnd-tr
{	background: url(images/corner1_tr.png) no-repeat top right;
}
/*	whack the bottom corners up, a-la Fedora! */
.style1 .rnd-bl
{	background: url(images/corner1_bl.png) no-repeat bottom left;
	position : relative;
	bottom : 32px;
}
.style1 .rnd-br
{	background: url(images/corner1_br.png) no-repeat bottom right;
	position : relative;
	bottom : 32px;
}

.style1 .rnd-tl,
.style1 .rnd-tr,
.style1 .rnd-bl,
.style1 .rnd-br
{	
	width  : 32px;
	height : 32px;
}
.style1 .rnd-inside
{	padding: 32px;
}






/*	style 3 - frames etc */
.style3 .rnd-tl
{	background: url(images/corner3_tl-fs8.png) no-repeat top left; 
}
.style3 .rnd-tr
{	background: url(images/corner3_tr-fs8.png) no-repeat top right;
}
.style3 .rnd-bl
{	background: url(images/corner3_bl-fs8.png) no-repeat bottom left;
	position : static;
}
.style3 .rnd-br
{	background: url(images/corner3_br-fs8.png) no-repeat bottom right;
	position : static;
}
.style3 .rnd-inside
{	padding: 0px;
}
.style3 .rnd-inside,
.style3 .rnd-t,
.style3 .rnd-b
{	background-color : #fffdf9;
}

.style3 .rnd-tl,
.style3 .rnd-tr,
.style3 .rnd-bl,
.style3 .rnd-br
{	width  : 16px;
	height : 16px;	
/* 	background-color : transparent; */
}


.style3
{
	border   : none; 
	margin-left   : auto;
	margin-right  : auto;
	margin-top    : 40px;
	margin-bottom : 30px;
}
.style3.right
{	float : right;
	margin-left	  : 15px;
	margin-top	  : 4px; 
	margin-bottom : 20px;
}
.style3.left
{	float : left;
	margin-right  : 20px;
 	margin-top	  : 4px; 
	margin-bottom : 20px;
}

.style3 .rnd-inside
{	border-left	: #d0a352 solid 1px ;
	border-right: #d0a352 solid 1px ;
}
.style3 .rnd-t,
.style3 .rnd-b
{
	margin-left : auto ;
	margin-right: auto ;
	height : 15px;	
}
.rnd-t
{	border-top	: #d0a352 solid 1px ;	
}
.rnd-b
{	border-bottom: #d0a352 solid 1px ;
}

div.img-frame-large
{
	margin-left   : auto;
	margin-right  : auto;
}

/*	an img or object, framed. */
.framed
{	border : none ;
	margin-bottom : 6px ;
	position : relative;
	z-index : 10;
	bottom   : 8px;
}

.image-caption,
.click4larger
{	display 	: block;
	text-align	: center;	
	font-size : 90%;
	margin-left  : 8px;
	margin-right : 8px;	
}

/*	move the click for larger text down 8,
	so it si a bit inbetween the rounded bits */
.click4larger
{
	position : relative;
	top : 8px;
}

.click4larger a
{	color : Gray;
	margin-top  : 0px;
	font-size   : small;
}
.click4larger a:hover
{	color : blue;
}
.click4larger img
{	vertical-align: bottom;
	border        : none !important;
}



.shadow
{
	background: url(images/shadow4-350.png) no-repeat bottom right; 
	text-align:right;
	position:relative;
	left:17px;
	top:25px;
}
/*this is better specified as:
	.shadow > *
but IE doesn't support '>' */
.shadow .rnd-all
{	position:relative;
	right:17px;
	bottom:25px;
}