/* CSS Document */

#MenuItemAbout > a, #MenuItemGallery a{
	background:-moz-radial-gradient(center 80px, circle cover, #67C6FF, #2F4856);
	background:-webkit-radial-gradient(center 80px, circle cover, #67C6FF, #2F4856);
	background:-ms-radial-gradient(center 80px, circle cover, #67C6FF, #2F4856);
	background:-o-radial-gradient(center 80px, circle cover, #67C6FF, #2F4856);
	background-color:#0f84c3;
	text-shadow:0px 0px 3px #FFF;
}

#MenuItemAbout > a:hover, #MenuItemGallery a:hover{
	background:-moz-radial-gradient(center 80px, circle cover, #99D9FE, #094D72);
	background:-webkit-radial-gradient(center 80px,, circle cover, #99D9FE, #094D72);
	background:-ms-radial-gradient(center 80px, circle cover, #99D9FE, #094D72);
	background:-o-radial-gradient(center 80px, circle cover, #99D9FE, #094D72);				
	background-color:#17adff;
}

#PageContent{
	margin:15px;
	max-width:870px;
	height:auto;
/*	border:1px solid #000;*/
}

#SubPageContent{
	width:auto;	/* originally 535 */
	height:auto;
}

#PageContent #TitleText{
	display:block;
	width:auto;	/* originally 305 */
	text-align:left;
	margin:25px 10px;
}

#PageContent hr, #PageContent p{
	clear:both;
}

#PageContent .GalleryTable{
	border:none;
}

#PageContent .GalleryTable td{
	border:none;
}

#PageContent .GalleryTable td:hover{
	border:1px solid #CCCCCC;
	background-color:#FAFAFA;
}

#PageContent .GalleryTable a{
	display:block;
	margin:25px auto;
	width:107px;
	height:107px;
}
 
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
}
#jquery-lightbox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}

#jquery-lightbox a img{
	border:none; 
}

#lightbox-container-image-box{
	position:relative;
	background-color:#fff;
	min-width:180px;
	height:250px;
	margin:0px auto;
}

#lightbox-container-image{
	padding:10px; 
}

#lightbox-loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#lightbox-container-image-box > #lightbox-nav{
	left:0;
}

#lightbox-nav a{
	outline:none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
	width:49%;
	height:100%;
	zoom:1;
	display:block;
}

#lightbox-nav-btnPrev{ 
	left:0; 
	float:left;
}

#lightbox-nav-btnNext{ 
	right:0; 
	float:right;
}

#lightbox-container-image-data-box{
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0px auto;
	line-height:1.4em;
	overflow:auto;
	min-width:150px;
	padding:0px 10px 0px;
}

#lightbox-container-image-data{
	padding:0px 10px; 
	color:#666; 
}

#lightbox-container-image-data #lightbox-image-details{ 
	width:70%; 
	float:left; 
	text-align:left; 
}	

#lightbox-image-details-caption{ 
	font-weight:bold;
}

#lightbox-image-details-currentNumber{
	display:block; 
	clear:left; 
	padding-bottom:1.0em;	
}			

#lightbox-secNav-btnClose{
	width:66px; 
	float:right;
	padding-bottom:0.7em;	
}