body



	{

		margin: 0;

		padding: 0;

		font: 85% arial, hevetica, sans-serif;

		text-align: center;

		color: #333;

		background-color: #d6d6d6;

		background-image: url(../img/lilaz.jpg);

	}



	a:link { color: #B52C07; }

	a:visited { color: #600; }



	a:hover, a:active

	{

		color: #fff;

		background-color: #ffccff;

	}

	

	h2

	{

		color: #B52C07;

		font: 120% georgia, times, "times new roman", serif;

		font-weight: bold;

		margin: 0 0 2px 0;

	}

	

	h2 a { text-decoration: none; }

	

	h3

	{

		color: #cc33cc;

		font: 106% georgia, times, "times new roman", serif;

		font-weight: bold;

		margin-top: 0;

	}	



	#container

	{

		margin: 1em auto;

		width: 700px;

		height: 45px;

		text-align: center;

		background-color: #fff;

		border: 2px solid #676767;

	}



	#header

	{

		height: 95px;

		background-image: url(../img/lilaz1.gif);

		background-repeat: no-repeat;

		background-position: center;

		border-bottom: 1px solid #fff;

		position: relative;

	}

	

	#header h1

	{

		font-size: 1px;

		text-align: right;

		color: #fff;

		margin: 48em;

		padding: 0;

	}



	#mainnav

	{

		background-color: #FFCCFF;

		color: #9FA41D;

		padding: 2px 0;

		text-align: left;

		margin-bottom: 22px;

	}

	

	#mainnav ul

	{

		margin: 0 0 0 20px;

		padding: 0;

		list-style-type: none;

		border-left: 1px solid #C4C769;

	}

	

	#mainnav li

	{

		display: inline;

		padding: 0 10px;

		border-right: 1px solid #C4C769;

	}

	

	#mainnav li a

	{

		text-decoration: none;

		color: #272900;

	}

	

	#mainnav li a:hover

	{

		text-decoration: none;

		color: #fff;

		background-color: #272900;

	}



	#menu

	{

		float: left;

		width: 170px;

		color: #cc33cc;

		border-right: 0px solid #C5C877;

		padding-left: 15px;

	}



	#menu ul

	{

		margin-left: 0;

		padding-left: 0;

		list-style-type: none;

		line-height: 175%;

	}



	

	#contents	

	{

		margin-left: 600px;

		height: 20px;

		width: 10px;

		background-color: 0;

		text-align: bottom;

		padding-top: 30px;

	}

	

	.imagefloat

	{

		float: center;

		padding: 2px;

		margin: 0 0 2px 2px;

	}



	



	#skipmenu

	{

		position: absolute;

		color: #cc33cc;

		right: 5px;

		top: 5px;

	}

	

	#skipmenu a

	{

		color: #666;

		text-decoration: none;

	}

	

	#skipmenu a:hover

	{

		color: #cc33cc;

		background-color: #666;

		text-decoration: none;

	}



	#footer	

	{

		clear: both;

		height: 20px;

		color: #272900;

		background-color: #9FA41D;

		text-align: right;

		padding: 5px;

		font-size: 90%;

	}



#lightbox{	

	position: absolute;	

	left: 0; 

	width: 100%; 

	z-index: 100; 

	text-align: center; 

	line-height: 0;

	}



#lightbox img

	{ 

	width: auto; 

	height: auto;

	}



#lightbox a img

	{ 

	border: none; 

	}



#outerImageContainer

	{ 

	position: relative; 

	background-color: #fff; 

	width: 250px; 

	height: 250px; 

	margin: 0 auto; 

	}



#imageContainer

	{ 

	padding: 10px; 

	}



#loading

	{ 

	position: absolute; 

	top: 40%; 

	left: 0%; 

	height: 25%; 

	width: 100%; 

	text-align: center; 

	line-height: 0; 

	}



#hoverNav

	{ 

	position: absolute; 

	top: 0; 

	left: 0; 

	height: 100%; 

	width: 100%; 

	z-index: 10; 

	}



#imageContainer>#hoverNav

	{ 

	left: 0;

	}



#hoverNav a

	{ 

	outline: none;

	}



#prevLink, #nextLink

	{ 

	width: 49%; 

	height: 100%; 

	background-image: url(data:image/gif;base64,AAAA); 

	/* Trick IE into showing hover */ display: block; 

	}



#prevLink 

	{ 

	left: 0; 

	float: left;

	}



#nextLink 

	{ 

	right: 0; 

	float: right;

	}



#prevLink:hover, #prevLink:visited:hover 

	{ 

	background: url(../images/prevlabel.gif) left 15% no-repeat; 

	}



#nextLink:hover, #nextLink:visited:hover 

	{ 

	background: url(../images/nextlabel.gif) right 15% no-repeat; 

	}



#imageDataContainer

	{ 

	font: 10px Verdana, Helvetica, sans-serif; 

	background-color: #fff; 

	margin: 0 auto; 

	line-height: 1.4em; 

	overflow: auto; 

	width: 100%	; 

	}



#imageData

	{	

	padding:0 10px; 

	color: #666; 

	}



#imageData #imageDetails

	{ 

	width: 70%; 

	float: left; 

	text-align: left; 

	}

	

#imageData #caption

	{ 

	font-weight: bold;	

	}



#imageData #numberDisplay

	{ display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

	}



#imageData #bottomNavClose

	{ 

	width: 66px; 

	float: right;  

	padding-bottom: 0.7em; 

	outline: none;

	}



#overlay

	{ 

	position: absolute; 

	top: 0; 

	left: 0; 

	z-index: 90; 

	width: 100%; 

	height: 300px; 

	background-color: #000; 

	}



#lightbox{	

	position: absolute;	

	left: 0; 

	width: 100%; 

	z-index: 100; 

	text-align: center; 

	line-height: 0;

	}



#lightbox img

	{ 

	width: auto; 

	height: auto;

	}



#lightbox a img

	{ 

	border: none; 

	}



#outerImageContainer

	{ 

	position: relative; 

	background-color: #fff; 

	width: 250px; 

	height: 250px; 

	margin: 0 auto; 

	}



#imageContainer

	{ 

	padding: 10px; 

	}



#loading

	{ 

	position: absolute; 

	top: 40%; 

	left: 0%; 

	height: 25%; 

	width: 100%; 

	text-align: center; 

	line-height: 0; 

	}



#hoverNav

	{ 

	position: absolute; 

	top: 0; 

	left: 0; 

	height: 100%; 

	width: 100%; 

	z-index: 10; 

	}



#imageContainer>#hoverNav

	{ 

	left: 0;

	}



#hoverNav a

	{ 

	outline: none;

	}



#prevLink, #nextLink

	{ 

	width: 49%; 

	height: 100%; 

	background-image: url(data:image/gif;base64,AAAA); 

	/* Trick IE into showing hover */ display: block; 

	}



#prevLink 

	{ 

	left: 0; 

	float: left;

	}



#nextLink 

	{ 

	right: 0; 

	float: right;

	}



#prevLink:hover, #prevLink:visited:hover 

	{ 

	background: url(../images/prevlabel.gif) left 15% no-repeat; 

	}



#nextLink:hover, #nextLink:visited:hover 

	{ 

	background: url(../images/nextlabel.gif) right 15% no-repeat; 

	}



#imageDataContainer

	{ 

	font: 10px Verdana, Helvetica, sans-serif; 

	background-color: #fff; 

	margin: 0 auto; 

	line-height: 1.4em; 

	overflow: auto; 

	width: 100%	; 

	}



#imageData

	{	

	padding:0 10px; 

	color: #666; 

	}



#imageData #imageDetails

	{ 

	width: 70%; 

	float: left; 

	text-align: left; 

	}

	

#imageData #caption

	{ 

	font-weight: bold;	

	}



#imageData #numberDisplay

	{ display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

	}



#imageData #bottomNavClose

	{ 

	width: 66px; 

	float: right;  

	padding-bottom: 0.7em; 

	outline: none;

	}



#overlay

	{ 

	position: absolute; 

	top: 0; 

	left: 0; 

	z-index: 90; 

	width: 100%; 

	height: 300px; 

	background-color: #000; 

	}

	

</style>